一. 基本介绍
官网地址:https://jeecg.com/
JeecgBoot 是一款企业级的低代码平台!前后端分离架构 SpringBoot2.x,SpringCloud,Ant Design&Vue3,Mybatis-plus,Shiro,JWT 支持微服务。强大的代码生成器让前后端代码一键生成!!
二.代码地址和环境
前端vue:https://github.com/jeecgboot/jeecgboot-vue3
后端springboot:https://github.com/jeecgboot/jeecg-boot
三. 环境安装:
1 前端环境要求
- 本地环境安装
Node.js 、npm 、pnpm
- Node.js 版本建议
v20.15.0
,要求Node 18+ / 16+
版本以上( 因为Vite5 不再支持已 EOL 的 Node.js 14 / 16 / 17 / 19,现在需要 Node.js 18 / 20+ )
环境安装
1. 安装 Node.js
如果您电脑未安装 Node.js,请安装它。
- 查看node版本
node -v
- 查看npm版本
npm -v
如果你需要同时存在多个 node 版本,可以使用 nvm 进行版本管理;
2. 安装pnpm
- 全局安装pnpm
npm install pnpm -g
- 验证pnpm版本
pnpm -v
2.后端环境软件
开发工具
四. IDEA启动项目:
启动JAVA项目 jeecg-boot
1. 初始化数据库
要求 mysql5.7+
- 执行Sql脚本: jeecg-boot/db/jeecgboot-mysql-5.7.sql
- 脚本作用:会自动创建库
jeecg-boot
, 并初始化数据 。
2. 安装Maven依赖
通过右侧父POM进行install
(下载依赖和打包)
3. 修改配置文件
配置文件: jeecg-module-system/jeecg-system-start/src/main/resources/application-dev.yml
数据库配置
redis配置
4. 启动项目
- 右键执行下面类,启动项目
jeecg-system-start/src/main/java/org/jeecg/JeecgSystemApplication.java
5. 访问接口文档
http://localhost:8080/jeecg-boot/doc.html
五、启动Vue3前端 jeecgboot-vue3
1. 下载前端依赖
执行命令pnpm i
或者双击 pinstall
依赖安装成功提示
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.启动前端项目
点击命令 dev
启动项目
看到如下日志 则启动成功
4.访问系统
通过 http://localhost:3100
访问前端项目
默认账号密码: admin/123456