一. 基本介绍
官网地址: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. 需要安装环境:
- 安装 Node.js
- pnpm安装
- Jdk8+(小于17)
- Maven
- Redis3.2+
- Mysql5.7+
- 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
四. 访问展示
登陆后界面如下