Project Introduction
Jeecgboot-Vue3 adopts Vue3.0, Vite, Ant-Design-Vue, TypeScript and other new technology solutions, including secondary package components, utils, hooks, dynamic menu, permission verification, button-level permission control and other functions. The vue3 front-end version corresponding to the JeecgBoot enterprise-level low-code platform!
The powerful code generator allows one-click generation of front-end and back-end codes! JeecgBoot leads the low-code development mode (OnlineCoding->Code Generation->Manual MERGE), helps solve 70% of the repetitive work of Java projects, and allows developers to focus more on business. Quickly increase efficiency and save costs without sacrificing flexibility
Current version : v1.3.0 | 2022-06-27
Source code download
Github
- Frontend: https://github.com/jeecgboot/jeecgboot-vue3
- Backend: https://github.com/jeecgboot/jeecg-boot
Gitee
- Frontend: https://gitee.com/jeecg/jeecgboot-vue3
- Backend: https://gitee.com/jeecg/jeecg-boot
Technical Documentation
- Development documentation: http://vue3.jeecg.com
- Official website: http://www.jeecg.com
- Online Demo: http://boot3.jeecg.com
- Quick Start: Getting Started Video | Code Generation
upgrade log
A major version is released, and the full function tends to be stable and robust.
Upgrade SQL
UPDATE sys_permission
SET del_flag = 1
WHERE id IN (
'1438108182116425729',
'1438108183219527682',
'1438108185660612609',
'1438108185815801858',
'1438108185958408193',
'1438108186289758209'
)
key upgrade
- The code generator provides vue3 native form template generation
- Code generator supports menu sql generation
- Capture the interface timeout exception and jump to the login interface
- JSwitch component when query conditions, reset problem in query mode
- Common examples, error reporting optimization
- Modify the initial assignment problem of the department pop-up window
- After login, select tenant and department function optimization
- Single table native component example added
- When the classification tree is added, the drop-down value does not change in real time-
- BasicTable adds alertAfter slot
- The checkbox of JVxeTable "Incognito Refresh Example" cannot be updated automatically
- When loading for the first time, click the first input box, the cursor will go to the rich text input box
- Drop-down multi-select JSelectMultiple, when searching, no data can be found
- [issues/54] Tree dictionary, check, then delete in batches, system error
- Modification of the only method of verification (required verification)
- Fix the problem that Path cannot be added when route is added
- User selects single selection/multiple selection special processing
- markdown cannot be uploaded
- List configuration to be cached
- Merge the latest version of vben code to solve the problem of sorting table fields
- System coding rules, the last input box cannot be deleted
- After the user edits the responsible department, the list does not refresh the responsible department information
- [issues/69] JVxeTable instant save demo error
- [issues/I57GNY] After batch deletion, the batch operation button is still displayed
- Fix the problem of displaying redundant dividing lines when there is only one menu in the list more
Issues handling
- The RangePicker type of jeecg-boot V3 cannot be exported to excel #I54815
- RangePicker timebox #I554DN
- My department - adding existing users cannot be opened #62
- VUE3 one-to-many situation local test can use one-to-many exception after packaging #I55RB0
- When the account avatar is empty, the resource cannot be found when the default avatar path is loaded #I559WB
- Login page, verification code does not refresh problem #41
- [WebSocket] Connection error #I56UQP
- In user management, click twice in a row to edit the tenant configuration and it will be lost #I56C5I
- The sorting of the menu does not support decimals #56
- Timed task tag color is reversed #I5773O
- jvxeTable demo instant save error #69
- After batch deletion, the table is refreshed and the currently selected row is lost, but the batch operation button is still displayed #I57GNY
- After the configuration of the table column (whether to display, freeze, etc.) closes the page, and then clicks the page to enter, the configuration is lost #66
- Added external page menu, cannot jump to external page when there is # character #I58YS9
- User management, details button #I58HCG
- When department selects JSelectDept custom value, echo issue #I4ZEZA
- In my department menu, click Add Existing User, and the user list pops up, but the user list is not loaded, and an error is reported #I59UHC
- The button Icon cannot be changed, the submitButtonOptions buttons are all showing the query icon #3737
- After the user management office edits the user's responsible department, the table is not refreshed #3650
- After the user management office edits the user's department, the table is not refreshed #53
- jvxetable's checkbox auto-update #84
- Markdown editor doesn't work in Edge browser #89
- Tree dictionary, check, then delete in batches, system error #54
- Tree dictionary, after the row is deleted, refresh and collapse, can it be optimized without refreshing the entire page issues/#55
- JPopup example still can't use #I5B1QB
- Some small problems with the front end of vue3 #I50ODG
- Online form development - click [Configure Address] to report an error - Uncaught ReferenceError: React is not defined #I5BFJT
- When the user has multiple departments, the [Please select a department] dialog box will pop up every time the browser is refreshed #I53LB9
- Step by step form button icon issue #I5BQM1
- <data dictionary> import/export function, after the operation, it prompts that the export.url/import.url parameter is not passed #I5AMDD
- oauth2 DingTalk can't log in #I5BOUF
- User selector not available #93
- Tab opening always reads: "AUTO Online Form" instead of the configured menu name #I5C1F7
installation and use
- Get the project code
git clone https://github.com/jeecgboot/jeecgboot-vue3.git
- Installation dependencies
cd jeecgboot-vue3
yarn install
Configure the background interface address
.env.development
- run
yarn serve
- build
yarn build
system effect
System background
Online Forms & Online Reports & Code Generation
report effect
interface documentation
Process Design & Form Design
report design
Large screen template
functional module
The Vue3 version has realized platform functions such as system management, system monitoring, reports, various components, front-end permissions, GUI code generation, online forms, and online reports.
├─首页
│ ├─首页(四套首页满足不同场景需求)
│ ├─工作台
├─系统管理
│ ├─用户管理
│ ├─角色管理
│ ├─菜单管理
│ ├─权限设置(支持按钮权限、数据权限)
│ ├─表单权限(控制字段禁用、隐藏)
│ ├─部门管理
│ ├─我的部门(二级管理员)
│ └─字典管理
│ └─分类字典
│ └─系统公告
│ └─职务管理
│ └─通讯录
│ └─对象存储
│ └─多租户管理
├─系统监控
│ ├─网关路由配置(gateway)
│ ├─定时任务
│ ├─数据源管理
│ ├─系统日志
│ ├─消息中心(支持短信、邮件、微信推送等等)
│ ├─数据日志(记录数据快照,可对比快照,查看数据变更情况)
│ ├─系统通知
│ ├─SQL监控
│ ├─性能监控
│ │ ├─监控 Redis
│ │ ├─Tomcat
│ │ ├─jvm
│ │ ├─服务器信息
│ │ ├─请求追踪
│ │ ├─磁盘监控
├─消息中心
│ ├─我的消息
│ ├─消息管理
│ ├─模板管理
├─积木报表设计器
│─报表示例
│ ├─曲线图
│ └─饼状图
│ └─柱状图
│ └─折线图
│ └─面积图
│ └─雷达图
│ └─仪表图
│ └─进度条
│ └─排名列表
│ └─等等
│─大屏模板
│ ├─作战指挥中心大屏
│ └─物流服务中心大屏
├─代码生成器(GUI)
│ ├─代码生成器功能(一键生成前后端代码,生成后无需修改直接用,绝对是后端开发福音)
│ ├─代码生成器模板(提供4套模板,分别支持单表和一对多模型,不同风格选择)
│ ├─代码生成器模板(生成代码,自带excel导入导出)
│ ├─查询过滤器(查询逻辑无需编码,系统根据页面配置自动生成)
│ ├─高级查询器(弹窗自动组合查询条件)
│ ├─Excel导入导出工具集成(支持单表,一对多 导入导出)
│ ├─平台移动自适应支持
│─常用示例
│ ├─自定义组件示例
│ ├─JVxeTable示例(ERP行业复杂排版效果)
│ ├─单表模型例子
│ └─一对多模型例子
│ └─打印例子
│ └─一对多内嵌示例
│ └─异步树Table
│ └─图片拖拽排序
│ └─图片翻页
│ └─图片预览
│ └─PDF预览
│─封装通用组件
│ ├─行编辑表格JVxeTable
│ └─省略显示组件
│ └─时间控件
│ └─高级查询 (未实现)
│ └─用户选择组件
│ └─报表组件封装
│ └─字典组件
│ └─下拉多选组件
│ └─选人组件
│ └─选部门组件
│ └─通过部门选人组件
│ └─封装曲线、柱状图、饼状图、折线图等等报表的组件(经过封装,使用简单)
│ └─在线code编辑器
│ └─上传文件组件
│ └─树列表组件
│ └─表单禁用组件
│ └─等等
│─更多页面模板
│ └─Mock示例(子菜单很多)
│ └─页面&导航(子菜单很多)
│ └─组件&功能(子菜单很多)
├─高级功能
│ ├─支持微前端
│ ├─提供CAS单点登录
│ ├─集成Websocket消息通知机制
│ ├─支持第三方登录(QQ、钉钉、微信等)
│ ├─系统编码规则
├─Online在线开发
│ ├─Online在线表单
│ ├─Online代码生成器
│ ├─Online在线报表
└─更多功能开发中。。
Essential for getting started
This project requires a certain front-end basic knowledge, please make sure to master the basic knowledge of Vue, so that you can deal with some common problems. It is recommended to learn the following content before development. Knowing and learning this knowledge in advance will be very helpful for project understanding:
- Vue3 Documentation
- TypeScript
- vue-router
- Ant-Design-Vue
- Vben Documentation
- Es6
- Vitejs
- Pinia (vuex alternative)
- Vue-RFCS
- Vue2 migrated to 3
Browser support
Local development is recommended to use Chrome 最新版
browser, which does not support Chrome 80
the following versions.
The production environment supports modern browsers, not IE.
IE | Edge | Firefox | Chrome | Safari |
---|---|---|---|---|
not support | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。