canary-admin-web

JeecgBoot 企业级低代码开发平台

当前最新版本： 3.7.0（发布时间：2024-06-17）

简介

JeecgBoot-Vue3采用 Vue3.0、Vite、 Ant-Design-Vue4、TypeScript 等新技术方案，包括二次封装组件、utils、hooks、动态菜单、权限校验、按钮级别权限控制等功能。

强大的代码生成器让前后端代码一键生成! JeecgBoot引领低代码开发模式(OnlineCoding-> 代码生成-> 手工MERGE)， 帮助解决Java项目70%的重复工作，让开发更多关注业务。既能快速提高效率，节省成本，同时又不失灵活性

开发环境搭建

• 前端开发环境准备
• 前端项目快速启动
• 通过IDEA启动项目

技术文档

• 官方文档：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
  

• 访问前台

http://localhost

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