快速开始
本指南将帮助你启动直播电商管理系统的完整开发环境,包括后端服务、用户端前端和管理后台。
前提条件
- 已完成 环 境安装 中的所有步骤
- MySQL 8.0 服务运行中,已导入初始化 SQL
- Redis 6.x 服务运行中
- Node.js 16+ 已安装
- Maven 3.6+ 已安装
项目结构
live-mall/
├── ruoyi-live-mall-service-v2/ # 后端服务(Spring Boot)
│ ├── yudao-server/ # 主启动模块
│ ├── yudao-framework/ # 基础框架
│ ├── yudao-module-mall/ # 商城模块
│ ├── yudao-module-member/ # 会员模块
│ ├── yudao-module-live/ # 直播模块
│ ├── yudao-module-pay/ # 支付模块
│ ├── yudao-module-museum/ # 博物馆模块
│ ├── yudao-module-system/ # 系统模块
│ └── script/ # 部署脚本
├── live-mall-uniapp/ # 用户端(uni-app)
└── yudao-ui-admin-vue3/ # 管理后台(Vue 3)
一、启动后端服务
1. 修改配置
编辑 ruoyi-live-mall-service-v2/yudao-server/src/main/resources/application-local.yaml,确认数据库和 Redis 连接信息:
spring:
datasource:
dynamic:
datasource:
master:
url: jdbc:mysql://127.0.0.1:3306/ruoyi-vue-pro?useSSL=false&serverTimezone=Asia/Shanghai
username: root
password: 123456
redis:
host: 127.0.0.1
port: 6379
database: 0
2. 编译项目
cd ruoyi-live-mall-service-v2
mvn clean install -Dmaven.test.skip=true
首次编译会下载大量依赖,请耐心等待。
3. 启动服务
cd yudao-server
mvn spring-boot:run
或者在 IDE 中直接运行 YudaoServerApplication.java 的 main 方法。
4. 验证启动
启动成功后,访问以下地址:
| 地址 | 说明 |
|---|---|
| http://localhost:48080 | 后端 API 根路径 |
| http://localhost:48080/swagger-ui | Swagger API 文档 |
| http://localhost:48080/doc.html | Knife4j API 文档(推荐) |
二、启动用户端(uni-app)
用户端基于 uni-app 开发,支持编译到微信小程序、H5、App 多端。
1. 安装依赖
cd live-mall-uniapp
npm install
# 或使用 pnpm
pnpm install
2. 配置 API 地址
编辑 .env 文件(或对应环境配置文件),设置后端 API 地址:
VITE_API_URL=http://localhost:48080
3. 启动开发服务器
H5 模式(浏览器访问):
npm run dev:h5
启动后访问终端输出的地址(通常为 http://localhost:5173)。
微信小程序:
npm run dev:mp-weixin
编译完成后,使用微信开发者工具导入 dist/dev/mp-weixin 目录。
App 模式:
使用 HBuilderX 打开项目,选择"