更新记录
1.0.1(2023-02-08) 下载此版本
兼容H5页面,修复部分页面展示问题
1.0(2023-02-06) 下载此版本
1.包含商城完整流程,如下单,发货,售后等。 2.营销模块包含,优惠劵,促销活动。 3.配置管理,广告配置,数据字典,快递模板
平台兼容性
Vue2 | Vue3 |
---|---|
× | √ |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 3.6.16 | × | √ | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
× | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
× | × | × | × | × | × | × | × | × |
项目说明
- 本商城是最简单的实现,功能完成,包含商品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