RuoYi-Vue 后端 + Vue3PC 前端 + UniApp 移动端 快速搭建全套流程
一、准备环境(必须先装)
JDK 17 配置好环境变量、Maven 3.6+ 配置阿里云镜像、Node.js 16~18 版本(不要太高)、MySQL 8.0+、RedisHBuilderX(用来跑移动端 UniApp)。
二、版本梳理
RuoYi框架(单体):
RuoYi-Vue ,前后端分离标准版,后台+前端: git clone https://gitee.com/y_project/RuoYi-Vue.git
RuoYi-Vue3,Vue3 + TS 版本,匹配后台的前端: git clone https://gitcode.com/yangzongzhuan/RuoYi-Vue3.git
RuoYi‑Cloud框架(微服务):
RuoYi‑Cloud: git clone https://gitee.com/zhangmrit/ruoyi-cloud.git
RuoYi‑Cloud‑Vue3,TypeScript:git clone https://gitcode.com/yangzongzhuan/RuoYi-Cloud-Vue3.git
RuoYi-App(移动端):
RuoYi-App,实现了与RuoYi-Vue、RuoYi-Cloud完美对接的移动解决方案:git clone https://gitee.com/y_project/RuoYi-App.git
三、后端工程搭建
克隆代码: git clone https://gitee.com/y_project/RuoYi-Vue.git
软件:IDEA
导入数据库,sql目录下: ry_2026xxxx.sql、quartz.sql
修改数据库上传文件存储路径、Redis的配置文件: ruoyi-admin/src/main/resources/application.yml
修改数据库MySQL配置: ruoyi-admin/src/main/resources/application-druid.yml
Maven依赖下载完成后启动:ruoyi-admin/src/main/java/com/ruoyi/RuoYiApplication
访问地址: http://localhost:8080/swagger-ui/index.html
四、PC前端Vue3工程搭建
克隆代码: git clone https://gitcode.com/yangzongzhuan/RuoYi-Vue3.git
软件:VSCode
进入目录:cd RuoYi-Vue3,安装依赖:npm install,开发环境启动:npm run dev
启动成功后默认地址:http://localhost,账号密码:admin/admin123。
五、移动端UniApp工程搭建
克隆代码: git clone https://gitee.com/y_project/RuoYi-App.git
软件:HBuilderX
导入RuoYi-App:HBuilderX => 文件 => 从本地目录导入
运行项目:HBuilderX => 文件 => 运行到浏览器
更多推荐


所有评论(0)