更新记录
1.0.1(2023-02-08) 下载此版本
兼容H5页面,修复部分页面展示问题
1.0(2023-02-06) 下载此版本
1.包含商城完整流程,如下单,发货,售后等。 2.营销模块包含,优惠劵,促销活动。 3.配置管理,广告配置,数据字典,快递模板
平台兼容性
uni-app
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
× | √ | - | - | × | × | - | - | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
√ | × | × | × | × | × | - | × | × | × | × |
项目说明
- 本商城是最简单的实现,功能完成,包含商品sku,订单管理,售后管理,营销活动,系统配置等。
- 项目基于vue3+ts进行开发,目前仅兼容H5 与 微信小程序
- 使用到插件uview-plus,pinia和自动持久化插件减少代码量,部分vk-uview的UI组件(vk真的不错)
- 使用vue3 setup语法糖和hook,代码更简洁易于封装
- 后台演示地址 https://mall.idb.com.cn 账号密码 scott / 123456
参考项目
商城模板和管理端模板主要参考项目
- 【Tem-Mall商城模板】https://ext.dcloud.net.cn/plugin?id=2820
- 【Geeker-Admin】https://gitee.com/laramie/Geeker-Admin
项目部署
- 项目不依赖HBuilder 开发,下载后,可使用 vscode/ webstorm 开发
- 进入项目目录 安装 依赖 cnpm i
- 运行命令 npm run dev:mp-weixin
- 微信开发工具打开dist/dev/mp-weixin 目录
商城说明
- 用户体系本来只有微信用户,为了方便测试增加了账号用户,以及余额系统
- 微信用户登陆后授权手机号后可以实现静默登陆,账号用户则超时后跳登陆页面
- 默认账号 test 密码 123