Jeecgboot-Vue3 v1.2.0 version officially released, enterprise-level low-code platform

头像
JEECG低代码平台
    阅读 11 分钟
    中文

    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.2.0 | 2022-06-06

    Source code download

    Github
    Gitee

    Technical Documentation

    upgrade log

    This version focuses on supporting new functions such as online forms, online reports, and popups. It upgrades and fixes many known bugs and solves problems such as slow first-time access.

    upgrade 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);

    key upgrade

    • Support low-code modules: online forms, online reports
    • Added number range component JRangeNumber
    • Support popup popup component
    • JVxeTable supports keyboard operations
    • Vite opens the interface for the first time to load slow problem/solve
    • The framework is refactored as a whole to solve many problems
    • Support the routing configuration interface of jeeccgboot 3.2.0 version
    • 【Signature Transformation】 X-TIMESTAMP Involvement
    • [websocket security] The websocket server has performance and security issues. #3278
    • Repair the current background interface hangs interface jump 404, instead jump directly to the login interface
    • Calling the resetFields of the form will not clear the current information, and the interface displays the last data
    • Set disabled, image upload is not disabled
    • [vue3] User management drawer movement cannot be adaptive
    • Solve the problem that the external URL of the menu configuration has a # sign and cannot be opened
    • Tenant management confirm delete style issue
    • Job management, when the job code is repeated, there is no friendly prompt
    • Fix more drop-down menus, it only works if you click on the word
    • Solve the dictionary component, when assigning a value, the flashing effect
    • The page style of functions such as system management, and the problem of incompatibility of the first letter of the imported file are fixed

    Issues handling

    • vue3 edit function not working #I52955
    • The top menu blending mode is different from what you imagined. There should be a top menu. Click the corresponding top menu to display the left menu #I4YRRC
    • Query by time, the browser will prompt invalid time #I51WTI
    • Click the popup box to report an error #I4YZE2
    • In the vue3 code generated using the vue2 version online, the case of activeKey.value=ref('XXX') appears #I515ZE
    • Report JavaScript heap out of memory with docker build #I530MB
    • Home page function search function, when the search result is a menu with submenus, select this menu, the routing front-end error #33
    • Use custom component Table refresh error #40
    • After VUE3 enables CAS SSO, the configuration environment variables cannot be obtained after the project is packaged #38
    • RangePicker date range picker exception #I53NY4
    • Using the JSelectInput control, when entering the user's own label, clicking the clear button will report an error #I52BN3
    • Comment typo #29
    • vue3 homepage opens slowly #I53WHR
    • After the code generator generates a batch delete operation on the list page, "n records have been selected" will not be automatically cleared #34
    • The getAllTable() method tableRefs of useJvxeMethods.ts has no value after packaging #I4ZWFP
    • jvxe cannot do row disable #I52YEI
    • Data dictionary, _ is a special character, cannot add data #I52VH2
    • In the code generated by the online code generator of vue2, when editing, the id is not temporarily stored, resulting in the lack of id in the data transmitted to the background during the update. #I51EAR
    • How to get a dynamic routing address, or how to change it to the top main menu with the left submenu #36
    • Date range component RangePicker #I53G9Y
    • JSelectUser component request value exception #I53VZH
    • ts file hot update failure #I4ZSQD

    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

    title=
    title=
    title=
    title=
    title=
    title=

    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:

    Browser support

    Local development is recommended to use the Chrome 最新版 browser, which does not support the following versions of Chrome 80 .

    The production environment supports modern browsers, not IE.

    IE IE Edge Edge Firefox Firefox Chrome Chrome Safari Safari
    not support last 2 versions last 2 versions last 2 versions last 2 versions
    jeecg-bootvue3低代码代码生成
    JEECG低代码平台
    664 声望84 粉丝
    « 上一篇
    免费的可视化Web报表工具，JimuReport v1.5.0版本发布
    下一篇 »
    企业级低代码平台，JeecgBoot-Vue3版 v1.3.0 里程碑版本发布

    引用和评论

    推荐阅读
    头像
    2025 年 JeecgBoot AI 低代码平台白皮书

    JEECG低代码平台阅读 242

    头像
    开源低代码平台推荐！10款优秀的开源低代码平台！

    JeeLowCode赞 1阅读 2.1k

    头像
    LowCode:低代码平台,2024国内十大主流低代码平台年终盘点

    织信informat阅读 1.3k

    头像
    表格Table实现前端全选所有功能

    小皇帝James阅读 1.2k

    头像
    在 Vue 3 项目配置 rem

    张旭超阅读 757

    头像
    vue3中实现live2D技术的应用虚拟角色数字人live2d-render、pixi-live2d-display

    水冗水孚赞 1阅读 541

    头像
    2024年度开源低代码大排名！这几个遥遥领先！

    JEECG低代码平台阅读 497

    0 条评论
    得票最新