一、项目介绍
mall是一套商城系统,包括 Spring Boot后端、 Vue后台管理员前端 、微信小程序用户前端 。
主要功能有商品管理、订单管理、用户管理、商品收藏、加购物车、地址管理等。
mall项目地址:/xzchengo/mall
mall-web项目地址:/xzchengo/mall-web
mall-app项目地址:/xzchengo/mall-app
二、项目演示
演示地址:http://af255dce56f8.ngrok.io/#/
账号:admin 密码:123
提示:请使用谷歌浏览器访问,访问可能有点慢,无法访问说明我的服务器断网了或者关机了。
三、技术选型
后端技术:
前端技术:
微信小程序技术:
四、软件架构
五、开发工具
六、开发环境
七、运行截图
Vue后台管理员前端:
微信小程序用户前端:
八、安装教程
1. 后端项目(mall)的安装与启动:
git clone /xzchengo/mallmvn install
用IDEA开发工具打开mall项目,分别在mall-admin模块和mall-weapp模块中找到主函数MallAdminApplication和MallWeappApplication,点击运行即可(在启动之前,请确保MySQL、Redis服务已经开启,并查看配置文件application.yml是否符合本机配置要求,同时,请确保IDEA安装了Lombok插件)
2. 前端项目(mall-web)的安装与启动:
git clone /xzchengo/mall-webnpm install
用IDEA开发工具打开mall-web项目,使用npm安装完成以后,直接点击运行即可(在启动之前,请确保本机已经安装了Node.js和npm,IDEA要安装Vue插件)
3. 微信小程序(mall-app)的安装与启动:
git clone /xzchengo/mall-appnpm install
用微信开发者工具打开mall-app,第一步,点击菜单栏中的【工具】->【构建npm】,第二步,点击右侧【详情】->【本地设置】->勾选【不校验合法域名、web-view…】。最后,点击【编译】。注意:如果是直接【预览】,需要把/utils/request.js中的basePath = http://localhost:9900 中的localhost修改成本机网络的ip地址,如果是使用的是【真机调试】则无需修改。
九、使用说明
如果你在安装、启动、使用过程中遇到了问题,请在评论区留言,我看到会第一时间回复。本商城系统是1.0.0版本(即首个版本),可能有些功能有Bug,欢迎各位在评论区留言反馈。本商城系统使用MIT开源许可证,完全免费,请放心使用!最后、希望大家点赞、收藏走一波!