项目简介
yshop基于当前流行技术组合的前后端分离商城系统： SpringBoot2+MybatisPlus+SpringSecurity+jwt+redis+Vue的前后端分离的商城系统， 包含分类、sku、运费模板、素材库、小程序直播、拼团、砍价、商户管理、 秒杀、优惠券、积分、分销、会员、充值、多门店等功能，更适合企业或个人二次开发；
商城功能
- 一：商品模块：商品添加、规格设置，商品上下架等
- 二：订单模块：下单、购物车、支付，发货、收货、评价、退款等
- 三：营销模块：积分、优惠券、分销、砍价、拼团、秒杀、多门店等
- 四：微信模块：自定义菜单、自动回复、微信授权、图文管理、模板消息推送
- 五：配置模块：各种配置
- 六：用户模块：登陆、注册、会员卡、充值等
- 七：其他等
- 项目结构
项目采用分模块开发方式
- yshop-weixin 微信相关模块
- yshop-common 公共模块
- yshop-admin 后台模块
- yshop-logging 日志模块
- yshop-tools 第三方工具模块
- yshop-generator 代码生成模块
- yshop-shop 商城模块
- yshop-mproot mybatisPlus
技术选型
- 1 后端使用技术
- 1.1 SpringBoot2
- 1.2 mybatis、MyBatis-Plus
- 1.3 SpringSecurity
- 1.5 Druid
- 1.6 Slf4j
- 1.7 Fastjson
- 1.8 JWT
- 1.9 Redis
- 1.10 Quartz
- 1.11 Mysql
- 1.12 swagger
- 1.13 WxJava
- 1.14 Lombok
- 1.15 Hutool
- 前端使用技术
- 2.1 Vue 全家桶
- 2.2 Element
- 2.3 uniapp
开发环境准备
1.首先准备好开发工具，前端开发工具使用webstorm（下载地址：https://www.jetbrains.com/webstorm/） 后端开发工具使用IntelliJ IDEA（下载地址：https://www.jetbrains.com.cn/idea/）
2.已经安装完开发ide后，准备java的环境，安装jdk1.8
通过百度网盘分享的文件：jdk-8u13…exe
链接：https://pan.baidu.com/s/1ZAzN-JBml0cKA9K-YI1erA
提取码：7yh53.git安装
下载地址：https://git-scm.com/download/win
git的一个代码管理软件4.maven安装
Apache Maven是一个（特别是Java编程）项目管理及自动构建工具，由Apache软件基金会所提供。基于项目对象模型（缩写：POM）概念，Maven利用一个中央信息片断能管理一个项目的构建、报告和文档等步骤。
百度网盘下载地址
https://pan.baidu.com/s/1jUfP_wWQ4hwj30CL8AIr8Q?pwd=g254国外的maven镜像下载满，可以配置阿里云镜像
<mirror>
<id>nexus-aliyun</id>
<mirrorOf>central</mirrorOf>
<name>Nexus aliyun</name>
<url>http://maven.aliyun.com/nexus/content/groups/public/</url>
</mirror>5.mysql数据库安装
百度网盘链接：https://pan.baidu.com/s/1NH1NOzILhZpRbGxjDg8IgA
提取码：ange
官网下载：https://downloads.mysql.com/archives/community/6.navicat数据库工具安装
Navicat Premium 12.1.6下载：
链接：https://pan.baidu.com/s/16CPyQnR72l9661_jWXD7Pw
提取码：yj417.node14版本安装
官网下载地址：https://nodejs.org/download/release/v14.21.3/8.准备好环境后，可以下载电商源代码
下载地址：https://gitee.com/guchengwuyue/yshopmall将项目数据结构导入mysql数据库
打开navicat->新建数据库-》创建一个数据库名称是yshopb2c，数据库目录在sql目录下面。
IntelliJ IDEA导入后端代码
1.打开idea，选择open-》选择刚才下载的源代码目录
导入成功后，系统会加载maven依赖包，加载完毕如下图
2、修改连接数据库的配置文件
如上图，修改yshop-admin模块下面的application-dev.yml，需要修改数据库名称，账号密码
3、修改本地存储路径，位置在application-dev.yml文件里面。
# 文件存储路径
file:
path: /Users/zzj/udata/opensrc/upload/file/
avatar: /Users/zzj/udata/opensrc/upload/avatar/
# 文件大小 /M
maxSize: 100
avatarMaxSize: 54、启动后端服务
打开yshop-admin 模块的co.yixiang.AppRun.
选择右键-> run AppRun
下面是启动成功日志
webstorm 导入管理后台
webstorm导入后的结构如下图
1、修改后端接口路径，具体配置文件是：.env.development，修改VUE_APP_BASE_API成为本地路径
ENV = 'development'
# 接口地址
# VUE_APP_BASE_API = 'http://8.129.208.109:8001'
# VUE_APP_BASE_API = 'http://itxzz.51vip.biz/'
# VUE_APP_BASE_API = http://shop.itxzz.top:35708/
VUE_APP_BASE_API = 'http://127.0.0.1:8001'
# VUE_APP_BASE_API = 'https://app2.yixiang.co'
VUE_APP_WS_API = 'ws://8.129.208.109:8001/'
# 是否启用 babel-plugin-dynamic-import-node插件
VUE_CLI_BABEL_TRANSPILE_MODULES = true2、编译
npm install
如下图是编译成功。
3、启动
node版本使用14
启动成功日志如下：
hbuilder 导入uniapp工程
如上图，修改后端服务url
具体路径是config/index.js文件，修改VUE_APP_API_URL为本地路径
运行
运行效果
未来计划
1、RuoYi-flowable分析工作流
2、ruoyi-vue-pro：讲解工作流
3、ruoyi-vue-pro：如何快速开发
4、电商项目源代码拆解
5、JEECG低代码开发平台
请关注我，本星球会持续推出更多的开源项目代码解析，如有更好的意见请留言回复或者私信。运行不起来可以联系我