JEECG
9e25566271
【重要更新】vue3前端为了适配springboot3 sas分支(Spring Authorization Server)特定修改
|
10 mēneši atpakaļ | |
|---|---|---|
| .. | ||
| build | 10 mēneši atpakaļ | |
| mock | 10 mēneši atpakaļ | |
| public | 10 mēneši atpakaļ | |
| src | 10 mēneši atpakaļ | |
| tests | 10 mēneši atpakaļ | |
| types | 10 mēneši atpakaļ | |
| .editorconfig | 10 mēneši atpakaļ | |
| .env | 10 mēneši atpakaļ | |
| .env.development | 10 mēneši atpakaļ | |
| .env.production | 10 mēneši atpakaļ | |
| .eslintignore | 10 mēneši atpakaļ | |
| .eslintrc.js | 10 mēneši atpakaļ | |
| .gitignore | 10 mēneši atpakaļ | |
| .gitpod.yml | 10 mēneši atpakaļ | |
| .prettierignore | 10 mēneši atpakaļ | |
| .stylelintignore | 10 mēneši atpakaļ | |
| .yarnclean | 10 mēneši atpakaļ | |
| Dockerfile | 10 mēneši atpakaļ | |
| LICENSE | 10 mēneši atpakaļ | |
| README.md | 10 mēneši atpakaļ | |
| commitlint.config.js | 10 mēneši atpakaļ | |
| index.html | 10 mēneši atpakaļ | |
| jest.config.mjs | 10 mēneši atpakaļ | |
| npm | 10 mēneši atpakaļ | |
| package.json | 10 mēneši atpakaļ | |
| pnpm-lock.yaml | 10 mēneši atpakaļ | |
| postcss.config.js | 10 mēneši atpakaļ | |
| prettier.config.js | 10 mēneši atpakaļ | |
| stylelint.config.js | 10 mēneši atpakaļ | |
| tsconfig.json | 10 mēneši atpakaļ | |
| vite.config.ts | 10 mēneši atpakaļ | |
README.md
JeecgBoot 企业级低代码开发平台
当前最新版本： 3.7.0（发布时间：2024-06-17）
简介
JeecgBoot-Vue3采用 Vue3.0、Vite、 Ant-Design-Vue4、TypeScript 等新技术方案，包括二次封装组件、utils、hooks、动态菜单、权限校验、按钮级别权限控制等功能。
强大的代码生成器让前后端代码一键生成! JeecgBoot引领低代码开发模式(OnlineCoding-> 代码生成-> 手工MERGE)， 帮助解决Java项目70%的重复工作，让开发更多关注业务。既能快速提高效率，节省成本，同时又不失灵活性
开发环境搭建
技术文档
- 官方文档：https://help.jeecg.com
- 快速入门：快速入门 | 常见问题 | 视频教程 | 代码生成
- QQ交流群：⑨808791225、⑧825232878(满)、⑦791696430(满)、683903138(满)、其他满
- 在线演示 ： 系统演示 | APP演示 > 演示系统的登录账号密码，请点击 获取账号密码 获取
安装与使用
环境要求: 版本要求Node 14.18+ / 16+ 版本以上，不再支持 Node 12 / 13 / 15。 建议使用pnpm，如果使用yarn,请用Yarn1.x版本，否则依赖可能安装不上。
- Get the project code
git clone https://github.com/jeecgboot/JeecgBoot.git
- Installation dependencies
cd JeecgBoot/jeecgboot-vue3
pnpm install
- 配置接口地址
.env.development
VITE_PROXY = [["/jeecgboot","http://localhost:8080/jeecg-boot"],["/upload","http://localhost:3300/upload"]]
VITE_GLOB_DOMAIN_URL=http://localhost:8080/jeecg-boot
说明：把
http://localhost:8080/jeecg-boot换成自己地址，其他不用改。
- run
pnpm dev
- build
pnpm build
Docker镜像启动前端(单体模式)
- host设置
注意： 需要把
127.0.0.1替换成真实IP 比如192.开头,不然后端不通。
127.0.0.1 jeecg-boot-system
127.0.0.1 jeecg-boot-gateway
- 下载项目
git clone https://github.com/jeecgboot/JeecgBoot.git
cd JeecgBoot/jeecgboot-vue3
- 配置接口域名
.env.production
VITE_GLOB_API_URL=/jeecgboot
VITE_GLOB_DOMAIN_URL=http://jeecg-boot-system:8080/jeecg-boot
后台单体启动 见此文档
- 编译项目
pnpm install
pnpm build
启动容器
docker build -t jeecgboot-vue3 . docker run --name jeecgboot-vue3-nginx -p 80:80 -d jeecgboot-vue3访问前台
Docker镜像启动前端(微服务模式)
这里只写与单体的区别步骤
- 区别1. 修改后台域名 .env.production
VITE_GLOB_API_URL=/jeecgboot
VITE_GLOB_DOMAIN_URL=http://jeecg-boot-gateway:9999
后台微服务启动 见此文档
- 区别2. 修改Dockerfile文件
- 把`http://jeecg-boot-system:8080/jeecg-boot`替换成 `http://jeecg-boot-gateway:9999`
- 把`jeecg-boot-system`替换成 `jeecg-boot-gateway`
- 其他与单体模式一样
镜像需要重现构建，最好把单体的镜像删掉，重新构建docker镜像。
入门必备
本项目需要一定前端基础知识，请确保掌握 Vue 的基础知识，以便能处理一些常见的问题。 建议在开发前先学一下以下内容，提前了解和学习这些知识，会对项目理解非常有帮助:
- JeecgBoot文档
- Vue3 文档
- Vben文档
- Ant-Design-Vue
- TypeScript
- Vue-router
- Es6
- Vitejs
- Pinia(vuex替代方案)
- Vue-RFCS
- Vue2 迁移到 3
- vxetable文档
WindiCss
浏览器支持
本地开发推荐使用Chrome 最新版浏览器，不支持Chrome 90以下版本。
生产环境支持现代浏览器，不支持 IE。
 IE |
 Edge |
 Firefox |
 Chrome |
 Safari |
|---|---|---|---|---|
| not support | last 2 versions | last 2 versions | last 2 versions | last 2 versions |