yudao-mall 商城
步骤 1:拉取源码
后端源码地址:https://gitee.com/yudaocode/yudao-cloud
移动端商城:https://gitee.com/yudaocode/yudao-mall-uniapp
管理后台:yudao-ui-admin-vue3
# 克隆后端
git clone https://gitee.com/yudaocode/yudao-cloud.git
cd yudao-cloud
步骤 2:数据库准备
- 新建 MySQL 数据库:
ruoyi-vue-pro(默认名称,可自定义) - 找到项目
sql文件夹,执行全部初始化 SQL 脚本(先执行结构表,再执行基础数据、商城 mall 数据)
重点:mall 模块必须导入商城对应的 sql,否则商城菜单、表不存在
步骤 3:Redis 启动
本地启动 Redis,默认端口 6379,无密码;如果有密码,后面配置文件填写密码。
步骤 4:后端配置 & IDEA 启动
- IDEA 打开 yudao-cloud,Maven 等待依赖下载完成
- 找到单体启动类:
YudaoServerApplication - 修改配置文件
application-local.yml
spring:
datasource:
url: jdbc:mysql://127.0.0.1:3306/ruoyi-vue-pro?useUnicode=true&characterEncoding=utf8&serverTimezone=Asia/Shanghai
username: root
password: 你的mysql密码
redis:
host: 127.0.0.1
port: 6379
password: #redis密码,没有留空
- 启动
YudaoServerApplication
启动成功默认端口:8080 后端接口地址:http://127.0.0.1:8080
步骤 5:PC 管理后台部署(Vue3)
# 进入 yudao-ui-admin-vue3
cd yudao-ui-admin-vue3
# 安装依赖
npm install
# 本地开发启动
npm run dev
- 启动后访问管理后台:http://localhost:80
- 默认账号密码:admin /admin123
登录后,菜单里找到【商城】,即可管理商品、订单、营销活动
步骤 6:移动端 yudao-mall-uniapp(HBuilderX)
- HBuilderX 导入 yudao-mall-uniapp 项目
- 找到环境配置文件,修改后端接口地址
http://127.0.0.1:8080 - 安装依赖:
npm install - 运行:
- 访问商城前台,可下单、购物、参加营销活动
步骤 7:功能开启
登录后台 → 系统菜单 → 商城模块,开启商城功能开关,配置 OSS(图片上传,本地可使用本地存储)、短信、支付参数(测试可先不配置支付)
五、服务器生产部署(Linux + Nginx,单体)
服务器最低配置:2 核 4G(单体够用;微服务建议 4 核 8G 起步),操作系统 CentOS7/8、Ubuntu
- 环境安装:JDK、MySQL8、Redis、Maven、Nginx
- 打包后端
mvn clean package -DskipTests
拿到 jar 包,上传服务器,使用nohup后台启动
nohup java -jar yudao-server.jar --spring.profiles.active=prod &
- 打包 Vue 管理后台
npm run build:prod
dist 静态文件上传服务器,Nginx 托管静态页面,Nginx 反向代理后端 8080 端口
server {
listen 80;
server_name 你的域名;
root /www/yudao-ui/dist;
index index.html;
location / {
try_files $uri $uri/ /index.html;
}
# 反向代理后端接口
location /admin-api/ {
proxy_pass http://127.0.0.1:8080/admin-api/;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
}
location /app-api/ {
proxy_pass http://127.0.0.1:8080/app-api/;
}
}
- UniApp 打包:H5 打包上传 Nginx;小程序需要在微信公众平台上传代码提交审核
- 生产必做: