技术特点
- 前后端完全分离 (互不依赖 开发效率高)
- 采用PHP7.4 (强类型严格模式)
- Thinkphp6.0.5(轻量级PHP开发框架)
- Uni-APP(开发跨平台应用的前端框架)
- Ant Design Vue(企业级中后台产品UI组件库)
- RBAC(基于角色的权限控制管理)
- Composer一键引入三方扩展
- 部署运行的项目体积仅30多MB(真正的轻量化)
- 所有端代码开源 (服务端PHP、后台vue端、uniapp端)
- 简约高效的编码风格 (可能是最适合二开的源码)
- 源码中清晰中文注释 (小白也能看懂的代码)
—————————————————————————
一、导入uniapp项目
1. 首先下载HBuilderX并安装,地址:https://www.dcloud.io/hbuilderx.html
2. 打开HBuilderX -> 顶部菜单栏 -> 文件 -> 导入 -> 从本地目录导入 -> 选择uniapp端项目目录
3. 找到config.js文件,找到里面的apiUrl项,填入已搭建的后端url地址
4. 打开manifest.json文件,选择微信小程序配置,填写小程序的appid
二、本地调试
1. 打开HBuilderX -> 顶部菜单栏 -> 运行 -> 运行到浏览器 -> Chrome
2. 如果请求后端api时 提示跨域错误,可安装Chrome插件:【Allow CORS: Access-Control-Allow-Origin】
三、打包发行(H5)
1. 打开HBuilderX -> 顶部菜单栏 -> 发行 -> 网站H5-手机版
2. 打包后的文件路径:/unpackage/dist/build/h5
3. 将打包完成的所有文件 复制到商城后端/pulic目录下,全部替换
四、打包发行(微信小程序)
1. 下载微信开发者工具并安装,地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
2. 打开HBuilderX -> 顶部菜单栏 -> 发行 -> 小程序-微信
3. 打包后的文件路径:/unpackage/dist/build/mp-weixin
5. 打开微信开发者工具 导入 打包完成的项目
6. 检查没有运行错误,在右上方上传小程序
npm — v9.6.5
yarn — v1.22.19
1. 打开文件:/public/config.js
2. 修改服务端API信息
yarn config set ignore-engines true
yarn install
– 开发模式运行
yarn serve
– 编译项目
yarn build
– 发布项目
将编译完成的所有文件,复制替换到商城后端项目的/public/store目录下
页面展示
1.本站大部分内容均收集于网络,若内容侵犯到您的权益,请发送邮件至:cndew@qq.com,我们将第一时间处理。
2.资源所需价格并非资源售卖价格,是收集、整理、编辑详情以及本站运营的适当补贴。
3.所有资源仅限于参考和学习,版权归原作者所有,更多请阅读网站声明。