Banner

yudao-mall 商城

1天前

步骤 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:数据库准备

  1. 新建 MySQL 数据库:ruoyi-vue-pro(默认名称,可自定义)
  2. 找到项目 sql 文件夹,执行全部初始化 SQL 脚本(先执行结构表,再执行基础数据、商城 mall 数据)
重点:mall 模块必须导入商城对应的 sql,否则商城菜单、表不存在

步骤 3:Redis 启动

本地启动 Redis,默认端口 6379,无密码;如果有密码,后面配置文件填写密码。

步骤 4:后端配置 & IDEA 启动

  1. IDEA 打开 yudao-cloud,Maven 等待依赖下载完成
  2. 找到单体启动类:YudaoServerApplication
  3. 修改配置文件 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密码,没有留空
  1. 启动 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
登录后,菜单里找到【商城】,即可管理商品、订单、营销活动

步骤 6:移动端 yudao-mall-uniapp(HBuilderX)

  1. HBuilderX 导入 yudao-mall-uniapp 项目
  2. 找到环境配置文件,修改后端接口地址 http://127.0.0.1:8080
  3. 安装依赖:npm install
  4. 运行:
  5. 访问商城前台,可下单、购物、参加营销活动

步骤 7:功能开启

登录后台 → 系统菜单 → 商城模块,开启商城功能开关,配置 OSS(图片上传,本地可使用本地存储)、短信、支付参数(测试可先不配置支付)

五、服务器生产部署(Linux + Nginx,单体)

服务器最低配置:2 核 4G(单体够用;微服务建议 4 核 8G 起步),操作系统 CentOS7/8、Ubuntu
  1. 环境安装:JDK、MySQL8、Redis、Maven、Nginx
  2. 打包后端
mvn clean package -DskipTests

拿到 jar 包,上传服务器,使用nohup后台启动

nohup java -jar yudao-server.jar --spring.profiles.active=prod &
  1. 打包 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/;
    }
}
  1. UniApp 打包:H5 打包上传 Nginx;小程序需要在微信公众平台上传代码提交审核
  2. 生产必做:


0