Spring Boot后端 + Vue管理员前端 + 微信小程序用户前端 + Vue用户移动端
Spring Boot后端 + Vue管理员前端 + 微信小程序用户前端 + Vue用户移动端
Java 其它杂项
共8Star
详细介绍
小商城功能
- 首页
- 专题列表、专题详情
- 分类列表、分类详情
- 品牌列表、品牌详情
- 新品首发、人气推荐
- 优惠券列表、优惠券选择
- 团购
- 搜索
- 商品详情、商品评价、商品分享
- 购物车
- 下单
- 订单列表、订单详情、订单售后
- 地址、收藏、足迹、意见反馈
- 客服
管理平台功能
- 会员管理
- 商城管理
- 商品管理
- 推广管理
- 系统管理
- 配置管理
- 统计报表
快速启动
-
配置最小开发环境:
-
数据库依次导入mall-db/sql下的数据库文件
- mall_schema.sql
- mall_table.sql
- mall_data.sql
-
启动小商场和管理后台的后端服务
打开命令行,输入以下命令
mvn install mvn clean package java -Dfile.encoding=UTF-8 -jar mall-all/target/mall-all-0.1.0-exec.jar
-
启动管理后台前端
打开命令行,输入以下命令
npm install -g cnpm --registry=https://registry.npm.taobao.org cd mall/mall-admin cnpm install cnpm run dev
此时,浏览器打开,输入网址
http://localhost:9527
, 此时进入管理后台登录页面。 -
启动小商城前端
这里存在两套小商场前端mall-wx和renard-wx,开发者可以分别导入和测试:
- 微信开发工具导入mall-wx项目;
- 项目配置,启用“不校验合法域名、web-view(业务域名)、TLS 版本以及 HTTPS 证书”
- 点击“编译”,即可在微信开发工具预览效果;
- 也可以点击“预览”,然后手机扫描登录(但是手机需开启调试功能)。
注意:
这里只是最简启动方式,而小商场的微信登录、微信支付等功能需开发者设置才能运行。
-
启动轻商城前端
打开命令行,输入以下命令
npm install -g cnpm --registry=https://registry.npm.taobao.org cd mall/mall-vue cnpm install cnpm run dev
此时,浏览器(建议采用chrome 手机模式)打开,输入网址
http://localhost:6255
, 此时进入轻商场。
项目实例
小商场实例
- vue实例
注意:此实例是真实小商场,开发者可以购买商品和付款,但请不要尝试退款操作。