从0到1快速搭建一个jeecg 企业级应用管理后台

一. 基本介绍

官网地址：https://jeecg.com/
JeecgBoot 是一款企业级的低代码平台！前后端分离架构 SpringBoot2.x，SpringCloud，Ant Design&Vue3，Mybatis-plus，Shiro，JWT 支持微服务。强大的代码生成器让前后端代码一键生成！！

本文主要讲解如果快速搭建一个下图所示的效果图：

二.代码地址和环境

1. 代码地址：

前端vue：https://github.com/jeecgboot/jeecgboot-vue3
后端springboot：https://github.com/jeecgboot/jeecg-boot

2. 需要安装环境：

1. 安装 Node.js
   安装参考：https://blog.csdn.net/weixin_39676449/article/details/136614026
2. pnpm安装
3. Jdk8+（小于17）
4. Maven
5. Redis3.2+

启动redis命令：

redis-server.exe redis.windows.conf

7. Mysql5.7+
8. IntelliJ IDEA（Lombok Plugin 必装）

三.启动项目

1.后端项目通过IDEA启动项目

（1）初始化数据库 (要求 mysql5.7+)

执行Sql脚本： jeecg-boot/db/jeecgboot-mysql-5.7.sql
脚本作用：会自动创建库jeecg-boot, 并初始化数据 。

（2）修改项目配置 (数据库、redis等)

配置文件： jeecg-module-system/jeecg-system-start/src/main/resources/application-dev.yml

（3）启动项目&访问

以上配置完成后，找到类 jeecg-system-start/src/main/java/org/jeecg/JeecgSystemApplication.java 右键执行启动；通过 http://localhost:8080/jeecg-boot/doc.html 访问后台的swagger地址。

（4）项目结构说明

├─jeecg-boot-parent（父POM： 项目依赖、modules组织）
│  ├─jeecg-boot-base-core（共通模块： 工具类、config、权限、查询过滤器、注解、接口等）
│  ├─jeecg-module-demo    示例代码
│  ├─jeecg-module-system  System系统管理目录
│  │  ├─jeecg-system-biz    System系统管理权限
│  │  ├─jeecg-system-start   单体启动项目(8080)
│  │  ├─jeecg-system-api   System系统管理模块对外api
│  │  │  ├─jeecg-system-cloud-api   System模块对外提供的微服务接口
│  │  │  ├─jeecg-system-local-api   System模块对外提供的单体接口
│  ├─jeecg-server-cloud           --微服务模块
     ├─jeecg-cloud-gateway       --微服务网关模块(9999)
     ├─jeecg-cloud-nacos       --Nacos服务模块(8848)
     ├─jeecg-system-cloud-start  --System微服务启动项目(7001)
     ├─jeecg-demo-cloud-start    --Demo微服务启动项目(7002)
     ├─jeecg-visual
        ├─jeecg-cloud-monitor       --微服务监控模块 (9111)
        ├─jeecg-cloud-xxljob        --微服务xxljob定时任务服务端 (9080)
        ├─jeecg-cloud-sentinel     --sentinel服务端 (9000)
        ├─jeecg-cloud-test           -- 微服务测试示例（各种例子）
           ├─jeecg-cloud-test-more         -- 微服务测试示例（feign、熔断降级、xxljob、分布式锁）
           ├─jeecg-cloud-test-rabbitmq     -- 微服务测试示例（rabbitmq）
           ├─jeecg-cloud-test-seata          -- 微服务测试示例（seata分布式事务）
           ├─jeecg-cloud-test-shardingsphere    -- 微服务测试示例（分库分表）

2.启动Vue3前端 jeecgboot-vue3

（1）执行命令下载依赖

执行命令pnpm i 或者 执行命令yarn install

（2）配置后台接口

修改接口地址 .env.development

# 跨域代理，您可以配置多个, 请注意没有换行符
VITE_PROXY = [["/jeecgboot","http://localhost:8080/jeecg-boot"],["/upload","http://localhost:3300/upload"]]
#后台接口全路径地址(必填)
VITE_GLOB_DOMAIN_URL=http://localhost:8080/jeecg-boot

（3）启动前端项目

执行package.json里面的dev

通过 http://localhost:3100 访问前端项目
默认账号密码： admin/123456

四. 访问展示

登陆后界面如下