1、初始化数据库

1)登录 MySQL 数据库

mysql -u root -p

2)执行sql语句

source D:/java/JeecgBoot/github/JeecgBoot-3.8.2/jeecg-boot/db/jeecgboot-mysql-5.7.sql;

输出:会输出很多Query OK

……
Query OK, 1 row affected (0.01 sec)
Query OK, 0 rows affected, 1 warning (0.01 sec)
Query OK, 0 rows affected (0.01 sec)
Query OK, 0 rows affected (0.00 sec)

2、安装Maven依赖

打开 IDEA 后,加载JeecgBoot项目;
点击 IDEA 右侧的 M 图标(Maven),找到JEECG BOOT 3.8.2 --> 生命周期 中 install,双击安装依赖

在这里插入图片描述
成功后,会在下方的日志中显示:
在这里插入图片描述

3、配置MySQL和Redis

进入:JeecgBoot-3.8.2\jeecg-boot\jeecg-module-system\jeecg-system-start\src\main\resources\application-dev.yml
设置 MySQL 的服务器IP、端口号、用户名和密码;
设置 Redis 的服务器IP、端口号和密码
在这里插入图片描述

4、启动 JeecgBoot

找到应用主类:JeecgBoot-3.8.2\jeecg-boot\jeecg-module-system\jeecg-system-start\src\main\java\org\jeecg\JeecgSystemApplication.java
右键 --> “运行”
在这里插入图片描述

如果运行成功,将会在控制台出现如下信息
在这里插入图片描述
点击 http://localhost:8080/jeecg-boot ,将会在浏览器弹出后台界面
在这里插入图片描述

5、启动 VUE3 前端

5.1 下载前端依赖

找到文件:JeecgBoot-3.8.2\jeecgboot-vue3\package.json
右键 --> “运行 pnpm install”
在这里插入图片描述
或者,右键 --> “显示 npm 脚本”;
在弹出的 “npm” 窗口中,点击 “pinstall”
在这里插入图片描述
可能会报警告

Warning 
   Ignored build scripts: @scarf/scarf, core-js, esbuild, vue-demi.  
   Run "pnpm approve-builds" to pick which dependencies should be allowed to run scripts. 

解决方法:

  • 打开终端;
  • 进入 jeecgboot-vue3 目录;
  • 执行 pnpm approve-builds
  • 选择需要编译的模块,回车执行即可

在这里插入图片描述

5.2 配置后端接口

修改配置文件:

JeecgBoot-3.8.2\jeecgboot-vue3\.env.development
# 是否打开mock
VITE_USE_MOCK = true

# 发布路径
VITE_PUBLIC_PATH = /


# 跨域代理,您可以配置多个 ,请注意,没有换行符
VITE_PROXY = [["/jeecgboot","http://localhost:8080/jeecg-boot"],["/upload","http://localhost:3300/upload"]]

#后台接口全路径地址(必填)
VITE_GLOB_DOMAIN_URL=http://localhost:8080/jeecg-boot

#后台接口父地址(必填)
VITE_GLOB_API_URL=/jeecgboot

# 接口前缀
VITE_GLOB_API_URL_PREFIX=

5.3 启动前端

点击 npm 窗口中的 dev 命令,启动前端;
如果看到 Local : http://localhost:3100 表示启动成功

在这里插入图片描述

6、测试

1)登录界面
在这里插入图片描述
通过 http://localhost:3100 访问前端项目
默认账号密码: admin/123456

2)主界面
在这里插入图片描述

Logo

Agent 垂直技术社区,欢迎活跃、内容共建。

更多推荐