项目介绍

Jeecgboot-Vue3 采用 Vue3.0、Vite、 Ant-Design-Vue、TypeScript 等新技术方案，包括二次封装组件、utils、hooks、动态菜单、权限校验、按钮级别权限控制等功能。JeecgBoot企业级的低代码平台对应的vue3前端版本！

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

当前版本：v1.2.0 | 2022-06-07

源码下载

Github

• 前端：
• https://github.com/jeecgboot/jeecgboot-vue3
• 后端：
• https://github.com/jeecgboot/jeecg-boot

Gitee

• 前端：https://gitee.com/jeecg/jeecgboot-vue3
• 后端：https://gitee.com/jeecg/jeecg-boot

技术文档

• 开发文档：http://vue3.jeecg.com
• 官方网站： http://www.jeecg.com
• 在线演示：http://boot3.jeecg.com
• 代码生成：http://vue3.jeecg.com/2677352

升级日志

此版本重点支持 online表单、online报表、popup等新功能，升级修复很多已知bug、解决首次访问慢等问题。

升级sql

-- online低代码菜单（online表单、online报表）
INSERT INTO `sys_permission` (`id`, `parent_id`, `name`, `url`, `component`, `is_route`, `component_name`, `redirect`, `menu_type`, `perms`, `perms_type`, `sort_no`, `always_show`, `icon`, `is_leaf`, `keep_alive`, `hidden`, `hide_tab`, `description`, `create_by`, `create_time`, `update_by`, `update_time`, `del_flag`, `rule_flag`, `status`, `internal_or_external`) VALUES ('1455100420297859074', '', '在线开发', '/online', 'layouts/default/index', 1, NULL, '/online/cgform', 0, NULL, '0', 2.00, 0, 'ant-design:cloud-outlined', 0, 0, 0, 0, NULL, 'admin', '2021-11-01 17:12:29', 'admin', '2022-05-11 16:38:26', 0, 0, NULL, 0);
INSERT INTO `sys_permission` (`id`, `parent_id`, `name`, `url`, `component`, `is_route`, `component_name`, `redirect`, `menu_type`, `perms`, `perms_type`, `sort_no`, `always_show`, `icon`, `is_leaf`, `keep_alive`, `hidden`, `hide_tab`, `description`, `create_by`, `create_time`, `update_by`, `update_time`, `del_flag`, `rule_flag`, `status`, `internal_or_external`) VALUES ('1455101470794850305', '1455100420297859074', 'Online表单开发', '/online/cgform', 'super/online/cgform/index', 1, NULL, NULL, 1, NULL, '0', 1.00, 0, NULL, 1, 0, 0, 0, NULL, 'admin', '2021-11-01 17:16:40', 'admin', '2022-04-04 18:36:25', 0, 0, NULL, 0);
INSERT INTO `sys_permission` (`id`, `parent_id`, `name`, `url`, `component`, `is_route`, `component_name`, `redirect`, `menu_type`, `perms`, `perms_type`, `sort_no`, `always_show`, `icon`, `is_leaf`, `keep_alive`, `hidden`, `hide_tab`, `description`, `create_by`, `create_time`, `update_by`, `update_time`, `del_flag`, `rule_flag`, `status`, `internal_or_external`) VALUES ('1457678003102879745', '1455100420297859074', '系统编码规则', '/system/fillrule', 'system/fillRule/index', 1, NULL, NULL, 1, NULL, '0', 9.00, 0, NULL, 1, 0, 0, 0, NULL, 'admin', '2021-11-08 19:54:53', 'admin', '2021-11-18 10:49:40', 0, 0, NULL, 0);
INSERT INTO `sys_permission` (`id`, `parent_id`, `name`, `url`, `component`, `is_route`, `component_name`, `redirect`, `menu_type`, `perms`, `perms_type`, `sort_no`, `always_show`, `icon`, `is_leaf`, `keep_alive`, `hidden`, `hide_tab`, `description`, `create_by`, `create_time`, `update_by`, `update_time`, `del_flag`, `rule_flag`, `status`, `internal_or_external`) VALUES ('1458353686530232321', '1455100420297859074', '系统校验规则', '/system/checkrule', 'system/checkRule/index', 1, NULL, NULL, 1, NULL, '0', 15.00, 0, NULL, 1, 0, 0, 0, NULL, 'admin', '2021-11-10 16:39:48', 'admin', '2021-11-18 10:49:48', 0, 0, NULL, 0);
INSERT INTO `sys_permission` (`id`, `parent_id`, `name`, `url`, `component`, `is_route`, `component_name`, `redirect`, `menu_type`, `perms`, `perms_type`, `sort_no`, `always_show`, `icon`, `is_leaf`, `keep_alive`, `hidden`, `hide_tab`, `description`, `create_by`, `create_time`, `update_by`, `update_time`, `del_flag`, `rule_flag`, `status`, `internal_or_external`) VALUES ('1460888189937176577', '1455100420297859074', 'Online报表配置', '/online/cgreport', 'super/online/cgreport/index', 1, NULL, NULL, 1, NULL, '0', 2.00, 0, NULL, 1, 0, 0, 0, NULL, 'admin', '2021-11-17 16:31:01', 'admin', '2021-12-08 10:55:32', 0, 0, NULL, 0);
INSERT INTO `sys_permission` (`id`, `parent_id`, `name`, `url`, `component`, `is_route`, `component_name`, `redirect`, `menu_type`, `perms`, `perms_type`, `sort_no`, `always_show`, `icon`, `is_leaf`, `keep_alive`, `hidden`, `hide_tab`, `description`, `create_by`, `create_time`, `update_by`, `update_time`, `del_flag`, `rule_flag`, `status`, `internal_or_external`) VALUES ('1461270075543347202', '1455100420297859074', 'Online表单视图', '/online/copyform/:code', 'super/online/cgform/CgformCopyList', 1, NULL, NULL, 1, NULL, '0', 99.00, 0, NULL, 1, 0, 1, 0, NULL, 'admin', '2021-11-18 17:48:30', NULL, NULL, 0, 0, NULL, 0);
INSERT INTO `sys_permission` (`id`, `parent_id`, `name`, `url`, `component`, `is_route`, `component_name`, `redirect`, `menu_type`, `perms`, `perms_type`, `sort_no`, `always_show`, `icon`, `is_leaf`, `keep_alive`, `hidden`, `hide_tab`, `description`, `create_by`, `create_time`, `update_by`, `update_time`, `del_flag`, `rule_flag`, `status`, `internal_or_external`) VALUES ('1461291438825558017', '1455100420297859074', 'AUTO在线报表', '/online/cgreport/:id', 'super/online/cgreport/auto/OnlCgReportList', 1, NULL, NULL, 1, NULL, '0', 2.00, 0, NULL, 1, 0, 1, 0, NULL, 'admin', '2021-11-18 19:13:23', 'admin', '2021-11-19 20:16:13', 0, 0, NULL, 0);
INSERT INTO `sys_permission` (`id`, `parent_id`, `name`, `url`, `component`, `is_route`, `component_name`, `redirect`, `menu_type`, `perms`, `perms_type`, `sort_no`, `always_show`, `icon`, `is_leaf`, `keep_alive`, `hidden`, `hide_tab`, `description`, `create_by`, `create_time`, `update_by`, `update_time`, `del_flag`, `rule_flag`, `status`, `internal_or_external`) VALUES ('1465686870713782273', '1455100420297859074', 'AUTO在线表单', '/online/cgformList/:id', 'super/online/cgform/auto/default/OnlineAutoList', 1, NULL, NULL, 1, NULL, '0', 5.00, 0, NULL, 1, 0, 1, 0, NULL, 'admin', '2021-11-30 22:19:16', NULL, NULL, 0, 0, NULL, 0);
INSERT INTO `sys_permission` (`id`, `parent_id`, `name`, `url`, `component`, `is_route`, `component_name`, `redirect`, `menu_type`, `perms`, `perms_type`, `sort_no`, `always_show`, `icon`, `is_leaf`, `keep_alive`, `hidden`, `hide_tab`, `description`, `create_by`, `create_time`, `update_by`, `update_time`, `del_flag`, `rule_flag`, `status`, `internal_or_external`) VALUES ('1509417558230999041', '1455100420297859074', 'AUTO树表单列表', '/online/cgformTreeList/:id', 'super/online/cgform/auto/tree/OnlineAutoTreeList', 1, NULL, NULL, 1, NULL, '0', 5.00, 0, NULL, 1, 0, 1, 0, NULL, 'admin', '2022-03-31 14:29:24', NULL, NULL, 0, 0, NULL, 0);

重点升级

• 支持低代码模块：online表单、online报表
• 新增数字范围组件 JRangeNumber
• 支持 popup弹窗组件
• JVxeTable支持键盘操作
• vite首次打开界面加载慢问题/解决
• 框架进行整体大重构，解决非常多问题
• 支持jeeccgboot3.2.0版本的路由配置界面
• 【签名改造】 X-TIMESTAMP牵扯
• 【websocket安全】websocket 服务端，存在性能和安全问题。 #3278
• 修复目前后台接口挂了界面跳转404,改为直接跳转到登录界面
• 调用表单的 resetFields不会清空当前信息，界面显示上一次的数据
• 设置disabled，图片上传没有被禁用
• 【vue3】用户管理抽屉移动不能自适应
• 解决菜单配置外部网址带#号，打不开的问题
• 租户管理确认删除样式问题
• 职务管理，职务编码重复时，没有友好提示
• 修复更多下拉菜单，只有点到字上才有效
• 解决字典组件，赋值的时候，闪动效果
• 系统管理等功能 页面样式、引入文件首字母大小写不匹配问题修复

Issues处理

• vue3编辑功能无效#I52955
• 顶部菜单混合模式与想象中的不一样，应该是有顶部菜单，点击对应的顶部菜单显示左侧菜单#I4YRRC
• 按时间查询，浏览器会提示无效的时间#I51WTI
• 点击popup弹框报错#I4YZE2
• 使用vue2版本online生成的vue3代码中，出现activeKey.value=ref('XXX')的情况#I515ZE
• 用docker构建报JavaScript heap out of memory#I530MB
• 首页功能搜索功能，当搜索结果为菜单含子菜单时，选中此菜单，路由前端错误#33
• 使用自定义组件 Table 刷新 报错#40
• VUE3 启用CAS SSO后项目打包后无法获取到配置环境变量#38
• RangePicker 日期区间选择器异常#I53NY4
• 使用JSelectInput控件，当输入用户自己的标签时，点击清空按钮会报错#I52BN3
• 注释错别字#29
• vue3 首页打开慢#I53WHR
• 代码生成器生成列表页面批量删除操作后”已选择n条记录“不自动清空#34
• useJvxeMethods.ts 打包后 getAllTable()方法 tableRefs 没有值#I4ZWFP
• jvxe无法进行行禁用#I52YEI
• 数据字典，_ 属于特殊字符，添加不了数据#I52VH2
• 使用vue2的online代码生成器生成的代码中，edit时，没有将id暂存，导致更新时传至后台的数据缺少id报错#I51EAR
• 如何获取动态的路由地址，或者如何改成为顶部主菜单 配合左侧次级菜单#36
• 日期区间组件 RangePicker#I53G9Y
• JSelectUser 组件请求值异常#I53VZH
• ts文件热更新失效#I4ZSQD

安装与使用

• Get the project code

git clone https://github.com/jeecgboot/jeecgboot-vue3.git

• Installation dependencies

cd jeecgboot-vue3
yarn install

• 配置后台接口地址

.env.development

• run

yarn serve

• build

yarn build

系统效果

系统后台

Online表单&Online报表&代码生成

报表效果

接口文档

流程设计&表单设计

报表设计

大屏模板

功能模块

Vue3版已实现了系统管理、系统监控、报表、各种组件、前端权限、GUI代码生成、Online表单、Online报表等平台功能。

 首页
    首页（四套首页满足不同场景需求）
    工作台
 系统管理
    用户管理
    角色管理
    菜单管理
    权限设置（支持按钮权限、数据权限）
    表单权限（控制字段禁用、隐藏）
    部门管理
    我的部门（二级管理员）
    字典管理
    分类字典
    系统公告
    职务管理
    通讯录
    对象存储
    多租户管理
 系统监控
    网关路由配置（gateway）
    定时任务
    数据源管理
    系统日志
    消息中心（支持短信、邮件、微信推送等等）
    数据日志（记录数据快照，可对比快照，查看数据变更情况）
    系统通知
    SQL监控
    性能监控
       监控 Redis
       Tomcat
       jvm
       服务器信息
       请求追踪
       磁盘监控
 消息中心
    我的消息
    消息管理
    模板管理
 积木报表设计器
 报表示例
    曲线图
    饼状图
    柱状图
    折线图
    面积图
    雷达图
    仪表图
    进度条
    排名列表
    等等
 大屏模板
    作战指挥中心大屏
    物流服务中心大屏
 代码生成器（GUI）
    代码生成器功能（一键生成前后端代码，生成后无需修改直接用，绝对是后端开发福音）
    代码生成器模板（提供4套模板，分别支持单表和一对多模型，不同风格选择）
    代码生成器模板（生成代码，自带excel导入导出）
    查询过滤器（查询逻辑无需编码，系统根据页面配置自动生成）
    高级查询器（弹窗自动组合查询条件）
    Excel导入导出工具集成（支持单表，一对多 导入导出）
    平台移动自适应支持
 常用示例
    自定义组件示例
    JVxeTable示例(ERP行业复杂排版效果)
    单表模型例子
    一对多模型例子
    打印例子
    一对多内嵌示例
    异步树Table
    图片拖拽排序
    图片翻页
    图片预览
    PDF预览
 封装通用组件 
    行编辑表格JVxeTable
    省略显示组件
    时间控件
    高级查询 (未实现)
    用户选择组件
    报表组件封装
    字典组件
    下拉多选组件
    选人组件
    选部门组件
    通过部门选人组件
    封装曲线、柱状图、饼状图、折线图等等报表的组件（经过封装，使用简单）
    在线code编辑器
    上传文件组件
    树列表组件
    表单禁用组件
    等等
 更多页面模板
    Mock示例（子菜单很多）
    页面&导航（子菜单很多）
    组件&功能（子菜单很多）
 高级功能
    支持微前端
    提供CAS单点登录
    集成Websocket消息通知机制
    支持第三方登录（QQ、钉钉、微信等）
    系统编码规则
 Online在线开发
    Online在线表单 
    Online代码生成器
    Online在线报表 
 更多功能开发中。。

入门必备

本项目需要一定前端基础知识，请确保掌握 Vue 的基础知识，以便能处理一些常见的问题。 建议在开发前先学一下以下内容，提前了解和学习这些知识，会对项目理解非常有帮助:

• Vue3文档：
• https://v3.vuejs.org/
• TypeScript：
• https://www.typescriptlang.org/
• Vue-router：
• https://next.router.vuejs.org/
• Ant-Design-Vue：
• https://2x.antdv.com/docs/vue/introduce-cn/
• Vben文档：
• https://vvbin.cn/doc-next
• Es6：
• https://es6.ruanyifeng.com/
• Vitejs：
• https://vitejs.dev/
• Pinia(vuex替代方案)：
• https://pinia.esm.dev/introduction.html
• Vue-RFCS：
• https://github.com/vuejs/rfcs
• Vue2 迁移到 3：
• https://v3.vuejs.org/guide/migration/introduction.html

浏览器支持

本地开发推荐使用Chrome 最新版浏览器，不支持Chrome 80以下版本。

生产环境支持现代浏览器，不支持 IE。