源码下载

https://gitee.com/zhijiantianya/ruoyi-vue-pro?_from=gitee_search#https://gitee.com/link?target=http%3A%2F%2Fwww.iocoder.cn%2Fcategories%2FYudao%2F%3Fyudao

启动后端项目

yudao-server 是后端项目,提供管理后台、用户 APP 的 RESTful API 接口。
① 第一步,使用 IDEA 打开 Terminal 终端,在根目录下直接执行 mvn clean package -Dmaven.test.skip=true 命令,将项目进行初始化的打包,预计需要 1 分钟左右。成功后,控制台日志如下:
:::tip JDK 版本的选择? 如下的 JDK 版本,是艿艿在本地测试通过的

  • JDK 8 版本:尽量保证 >= 1.8.0_144

如果 JDK 版本过低,包括 JDK 的小版本过低,也会 mvn 编译报错。例如说: “编译器(1.8.0_40)中出现编译错误“。此处,升级下 JDK 版本即可。 :::
image.png

6. 启动前端项目【管理后台】

yudao-admin-ui 是管理后台的前端项目。一共有两种方式:

  • ① 内嵌模式:无需配置 Node 等前端开发环境,可以进行快速体验。实现原理: 每次发布版本时,艿艿会将 yudao-admin-ui 编译成静态资源,放置到 yudao-server 中,使用 Spring Boot 转发静态资源。 配置方式,可见 内嵌模式 图片。
  • ② 完整模式:需要配置前端开发环境,适合进行前端功能的开发。

胖友可以根据自己的情况,选择合适的方式。如果你是一个后端开发,对前端了解相对较少,建议先采用方式一,能够快速的 run 起来!

6.1 方式一:内嵌模式

使用浏览器,直接访问 http://127.0.0.1:48080/admin-ui 地址,可以看到前端界面。

image.png

6.2 方式二:完整模型

在 yudao-admin-ui 目录下,执行如下命令,进行启动:

  1. # 进入项目目录
  2. cd yudao-admin-ui
  3. # 安装依赖
  4. npm install --registry=https://registry.npmmirror.com/
  5. # 启动服务
  6. npm run local

image.png启动完成后,浏览器会自动打开 http://localhost:1024 地址,可以看到前端界面。
image.png

报错

image.png
image.png