商城系统（SpringBoot后端+Vue管理员前端+微信小程序）正式开源啦！

一、项目介绍

mall是一套商城系统，包括 Spring Boot后端、 Vue后台管理员前端、微信小程序用户前端。

主要功能有商品管理、订单管理、用户管理、商品收藏、加购物车、地址管理等。

mall项目地址：https://gitee.com/xzchengo/mall

mall-web项目地址：https://gitee.com/xzchengo/mall-web

mall-app项目地址：https://gitee.com/xzchengo/mall-app

二、项目演示

演示地址：http://af255dce56f8.ngrok.io/#/

账号：admin 密码：123

提示：请使用谷歌浏览器访问，访问可能有点慢，无法访问说明我的服务器断网了或者关机了。

三、技术选型

后端技术：

技术	说明	学习地址
Spring Boot	容器	https://spring.io
Spring MVC	MVC框架	https://spring.io
Spring Security	用户认证和授权	https://spring.io
MyBatis Plus	ORM框架	https://mp.baomidou.com
Redis	分布式缓存	https://redis.io
MySQL	数据持久化	https://www.mysql.com
Hutool	Java工具类库	https://www.hutool.cn
Lombok	对象封装工具	https://projectlombok.org
Kaptcha	验证码生成器	https://code.google.com/archive/p/kaptcha/
JWT	用户身份验证	https://jwt.io/introduction/

前端技术：

技术	说明	学习地址
Vue	前端框架	https://vue3js.cn
Axios	HTTP框架	http://www.axios-js.com
Vue-Router	路由框架	https://next.router.vuejs.org
Vuex	状态管理框架	https://vuex.vuejs.org
Element Plus	前端UI框架	https://element-plus.gitee.io/#/zh-CN

微信小程序技术：

技术	说明	学习地址
Vant Weapp	UI组件库	https://vant-contrib.gitee.io/vant-weapp

五、开发工具

开发工具	说明
intelliJ IDEA	开发IDE
Navicat Premium	数据库连接工具
RDM	Redis客户端连接工具
Postman	API接口调试工具
微信开发者工具	小程序开发工具

六、开发环境

环境	版本
JDK	1.8
Maven	3.6.x
npm	6.14.x
node	14.13.x
mysql	8.0.x
redis	6.0.x

八、安装教程

1. 后端项目（mall）的安装与启动：

git clone https://gitee.com/xzchengo/mall
mvn install

用IDEA开发工具打开mall项目，分别在mall-admin模块和mall-weapp模块中找到主函数MallAdminApplication和MallWeappApplication，点击运行即可（在启动之前，请确保MySQL、Redis服务已经开启，并查看配置文件application.yml是否符合本机配置要求，同时，请确保IDEA安装了Lombok插件）

2. 前端项目（mall-web）的安装与启动：

git clone https://gitee.com/xzchengo/mall-web
npm install

用IDEA开发工具打开mall-web项目，使用npm安装完成以后，直接点击运行即可（在启动之前，请确保本机已经安装了Node.js和npm，IDEA要安装Vue插件）

3. 微信小程序（mall-app）的安装与启动：

git clone https://gitee.com/xzchengo/mall-app
npm install

用微信开发者工具打开mall-app，第一步，点击菜单栏中的【工具】->【构建npm】，第二步，点击右侧【详情】->【本地设置】->勾选【不校验合法域名、web-view…】。最后，点击【编译】。注意：如果是直接【预览】，需要把/utils/request.js中的basePath = http://localhost:9900 中的localhost修改成本机网络的ip地址，如果是使用的是【真机调试】则无需修改。