找回密码
 立即注册

Java商城系统(SpringBoot后端+Vue管理员前端+微信小程序 ...

匿名  发表于 2022-1-4 16:22:30 阅读模式 打印 上一主题 下一主题
一、项目先容

mall是一套商城系统,包括 Spring Boot后端、 Vue背景治理员前端 、微信小法式用户前端 。首要功用有商品治理、定单治理、用户治理、商品收藏、加购物车、地址治理等。
mall项目地址:
码云Gitee地址:https://gitee.com/zchengo/mall
GitHub地址:https://github.com/zchengo/mall
二、项目演示

演示地址:http://af255dce56f8.ngrok.io/#/
账号:admin 密码:123
提醒:请利用谷歌阅读器拜候,拜候能够有点慢,没法拜候说明我的办事器断网了大概关机了。
三、技术选型

后端技术:
技术说明进修地址
Spring Boot容器https://spring.io
Spring MVCMVC框架https://spring.io
Spring Security用户认证和授权https://spring.io
MyBatis PlusORM框架https://mp.baomidou.com
Redis散布式缓存https://redis.io
MySQL数据持久化https://www.mysql.com
HutoolJava工具类库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
AxiosHTTP框架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 WeappUI组件库https://vant-contrib.gitee.io/vant-weapp
四、软件架构


Java商城系统(SpringBoot后端+Vue治理员前端+微信小法式 ...-1.jpg
五、开辟工具

开辟工具说明
intelliJ IDEA开辟IDE
Navicat Premium数据库毗连工具
RDMRedis客户端毗连工具
PostmanAPI接口调试工具
微信开辟者工具小法式开辟工具
六、开辟情况

情况版本
JDK1.8
Maven3.6.x
npm6.14.x
node14.13.x
mysql8.0.x
redis6.0.x
七、运转截图

Vue背景治理员前端:

Java商城系统(SpringBoot后端+Vue治理员前端+微信小法式 ...-2.jpg

Java商城系统(SpringBoot后端+Vue治理员前端+微信小法式 ...-3.jpg

Java商城系统(SpringBoot后端+Vue治理员前端+微信小法式 ...-4.jpg

Java商城系统(SpringBoot后端+Vue治理员前端+微信小法式 ...-5.jpg

Java商城系统(SpringBoot后端+Vue治理员前端+微信小法式 ...-6.jpg

Java商城系统(SpringBoot后端+Vue治理员前端+微信小法式 ...-7.jpg

Java商城系统(SpringBoot后端+Vue治理员前端+微信小法式 ...-8.jpg

Java商城系统(SpringBoot后端+Vue治理员前端+微信小法式 ...-9.jpg

Java商城系统(SpringBoot后端+Vue治理员前端+微信小法式 ...-10.jpg

微信小法式用户前端:

Java商城系统(SpringBoot后端+Vue治理员前端+微信小法式 ...-11.jpg

Java商城系统(SpringBoot后端+Vue治理员前端+微信小法式 ...-12.jpg

Java商城系统(SpringBoot后端+Vue治理员前端+微信小法式 ...-13.jpg
八、目录结构
  1. mall
  2. ├── mall-admin -- 背景治理接口办事
  3. ├── mall-app -- 小法式商城
  4. ├── mall-weapp -- 小法式接口办事
  5. ├── mall-web -- 商城背景治理
复制代码
九、安装教程


1、下载项目
  1. git clone https://gitee.com/zchengo/mall.git
复制代码
2、初始化项目
  1. cd mall-admin
  2. mvn install  
  3. cd mall-weapp
  4. mvn install  
  5. cd mall-app
  6. npm install  
  7. cd mall-web
  8. npm install
复制代码
3、启动项目
利用IDEA开辟工具翻开mall项目,
运转后端办事接口(mall-admin、mall-weapp)
在mall-admin模块和mall-weapp模块中找到主函数MallAdminApplication和MallWeappApplication,点击运转即可(在启动运转项目之前,请确保MySQL、Redis办事已经开启,并检察设置文件application.yml能否合适本机设置要求,同时,请确保IDEA安装了Lombok插件)
运转商城背景治理系统(mall-web)
在mall-web模块中,找到package.json,在package.json文件中的第6行,可间接点击运转(在启动之前,请确保本机已经安装了Node.js和npm,IDEA要安装Vue插件)
运转微信小法式(mall-app)
由于IDEA不具有微信小法式运转条件,需要利用微信开辟者工具零丁翻开mall-app。 第一步,点击菜单栏中的【工具】->【构建npm】,第二步,点击右侧【详情】->【当地设备】->勾选【不校验正当域名、web-view....】。最初,点击【编译】。留意:假如是间接【预览】,需要把/utils/request.js中的basePath = http://localhost:9900 中的localhost点窜本钱机收集的ip地址,假如是利用的是【真机调试】则无需点窜
10、利用说明

1、假如你在安装、启动、利用进程中碰到了题目,请在批评区留言,我看到会第一时候答复。
2、本商城系统是1.0.0版本(即首个版本),能够有些功用有Bug,接待列位在批评区留言反应。
3、本商城系统利用MIT开源答应证,完全免费,存候心利用!
结束撒花,点赞、收藏走一波!感谢!
回复

使用道具

大神点评

匿名  发表于 2022-1-4 16:23:07
[附和][附和][附和]
回复

使用道具

说点什么

您需要登录后才可以回帖 登录 | 立即注册
HOT • 推荐阅读
站长姓名:王殿武 杭州共生网络科技 创始人 云裂变新零售系统 创始人 飞商人脉对接平台 创始人 同城交友聚会平台 创始人 生活经验分享社区 创始人 站长微信:15924191378(欢迎添加)