Jeecgboot-Vue3 v1.2.0 版本正式發(fā)布，企業(yè)級(jí)低代碼平臺(tái)
項(xiàng)目介紹
Jeecgboot-Vue3 采用 Vue3.0、Vite、 Ant-Design-Vue、TypeScript 等新技術(shù)方案，包括二次封裝組件、utils、hooks、動(dòng)態(tài)菜單、權(quán)限校驗(yàn)、按鈕級(jí)別權(quán)限控制等功能。JeecgBoot企業(yè)級(jí)的低代碼平臺(tái)對(duì)應(yīng)的vue3前端版本！
強(qiáng)大的代碼生成器讓前后端代碼一鍵生成! JeecgBoot引領(lǐng)低代碼開發(fā)模式(OnlineCoding-> 代碼生成-> 手工MERGE)， 幫助解決Java項(xiàng)目70%的重復(fù)工作，讓開發(fā)更多關(guān)注業(yè)務(wù)。既能快速提高效率，節(jié)省成本，同時(shí)又不失靈活性
當(dāng)前版本：v1.2.0 | 2022-06-06
源碼下載
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
技術(shù)文檔
開發(fā)文檔：http://vue3.jeecg.com
官方網(wǎng)站：?http://www.jeecg.com
在線演示：http://boot3.jeecg.com
入門視頻：視頻鏈接
代碼生成：http://vue3.jeecg.com/2677352
QQ交流群：683903138
升級(jí)日志
此版本重點(diǎn)支持 online表單、online報(bào)表、popup等新功能，升級(jí)修復(fù)很多已知bug、解決首次訪問慢等問題。
升級(jí)sql
--?online低代碼菜單（online表單、online報(bào)表）
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',?'',?'在線開發(fā)',?'/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表單開發(fā)',?'/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',?'系統(tǒng)編碼規(guī)則',?'/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',?'系統(tǒng)校驗(yàn)規(guī)則',?'/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報(bào)表配置',?'/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在線報(bào)表',?'/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);
重點(diǎn)升級(jí)
支持低代碼模塊：online表單、online報(bào)表
新增數(shù)字范圍組件 JRangeNumber
支持 popup彈窗組件
JVxeTable支持鍵盤操作
vite首次打開界面加載慢問題/解決
框架進(jìn)行整體大重構(gòu)，解決非常多問題
支持jeeccgboot3.2.0版本的路由配置界面
【簽名改造】 X-TIMESTAMP牽扯
【websocket安全】websocket 服務(wù)端，存在性能和安全問題。 #3278
修復(fù)目前后臺(tái)接口掛了界面跳轉(zhuǎn)404,改為直接跳轉(zhuǎn)到登錄界面
調(diào)用表單的 resetFields不會(huì)清空當(dāng)前信息，界面顯示上一次的數(shù)據(jù)
設(shè)置disabled，圖片上傳沒有被禁用
【vue3】用戶管理抽屜移動(dòng)不能自適應(yīng)
解決菜單配置外部網(wǎng)址帶#號(hào)，打不開的問題
租戶管理確認(rèn)刪除樣式問題
職務(wù)管理，職務(wù)編碼重復(fù)時(shí)，沒有友好提示
修復(fù)更多下拉菜單，只有點(diǎn)到字上才有效
解決字典組件，賦值的時(shí)候，閃動(dòng)效果
系統(tǒng)管理等功能 頁面樣式、引入文件首字母大小寫不匹配問題修復(fù)
Issues處理
vue3編輯功能無效#I52955
頂部菜單混合模式與想象中的不一樣，應(yīng)該是有頂部菜單，點(diǎn)擊對(duì)應(yīng)的頂部菜單顯示左側(cè)菜單#I4YRRC
按時(shí)間查詢，瀏覽器會(huì)提示無效的時(shí)間#I51WTI
點(diǎn)擊popup彈框報(bào)錯(cuò)#I4YZE2
使用vue2版本online生成的vue3代碼中，出現(xiàn)activeKey.value=ref('XXX')的情況#I515ZE
用docker構(gòu)建報(bào)JavaScript heap out of memory#I530MB
首頁功能搜索功能，當(dāng)搜索結(jié)果為菜單含子菜單時(shí)，選中此菜單，路由前端錯(cuò)誤#33
使用自定義組件 Table 刷新 報(bào)錯(cuò)#40
VUE3 啟用CAS SSO后項(xiàng)目打包后無法獲取到配置環(huán)境變量#38
RangePicker 日期區(qū)間選擇器異常#I53NY4
使用JSelectInput控件，當(dāng)輸入用戶自己的標(biāo)簽時(shí)，點(diǎn)擊清空按鈕會(huì)報(bào)錯(cuò)#I52BN3
注釋錯(cuò)別字#29
vue3 首頁打開慢#I53WHR
代碼生成器生成列表頁面批量刪除操作后”已選擇n條記錄“不自動(dòng)清空#34
useJvxeMethods.ts 打包后 getAllTable()方法 tableRefs 沒有值#I4ZWFP
jvxe無法進(jìn)行行禁用#I52YEI
數(shù)據(jù)字典，_ 屬于特殊字符，添加不了數(shù)據(jù)#I52VH2
使用vue2的online代碼生成器生成的代碼中，edit時(shí)，沒有將id暫存，導(dǎo)致更新時(shí)傳至后臺(tái)的數(shù)據(jù)缺少id報(bào)錯(cuò)#I51EAR
如何獲取動(dòng)態(tài)的路由地址，或者如何改成為頂部主菜單 配合左側(cè)次級(jí)菜單#36
日期區(qū)間組件 RangePicker#I53G9Y
JSelectUser 組件請(qǐng)求值異常#I53VZH
ts文件熱更新失效#I4ZSQD
安裝與使用
Get the project code
git?clone?https://github.com/jeecgboot/jeecgboot-vue3.git
Installation dependencies
cd?jeecgboot-vue3
yarn?install
配置后臺(tái)接口地址
.env.development
run
yarn?serve
build
yarn?build
系統(tǒng)效果
系統(tǒng)后臺(tái)
Online表單&Online報(bào)表&代碼生成
報(bào)表效果
接口文檔
流程設(shè)計(jì)&表單設(shè)計(jì)
報(bào)表設(shè)計(jì)
?
?
?
大屏模板
功能模塊
Vue3版已實(shí)現(xiàn)了系統(tǒng)管理、系統(tǒng)監(jiān)控、報(bào)表、各種組件、前端權(quán)限、GUI代碼生成、Online表單、Online報(bào)表等平臺(tái)功能。
├─首頁
│??├─首頁（四套首頁滿足不同場(chǎng)景需求）
│??├─工作臺(tái)
├─系統(tǒng)管理
│??├─用戶管理
│??├─角色管理
│??├─菜單管理
│??├─權(quán)限設(shè)置（支持按鈕權(quán)限、數(shù)據(jù)權(quán)限）
│??├─表單權(quán)限（控制字段禁用、隱藏）
│??├─部門管理
│??├─我的部門（二級(jí)管理員）
│??└─字典管理
│??└─分類字典
│??└─系統(tǒng)公告
│??└─職務(wù)管理
│??└─通訊錄
│??└─對(duì)象存儲(chǔ)
│??└─多租戶管理
├─系統(tǒng)監(jiān)控
│??├─網(wǎng)關(guān)路由配置（gateway）
│??├─定時(shí)任務(wù)
│??├─數(shù)據(jù)源管理
│??├─系統(tǒng)日志
│??├─消息中心（支持短信、郵件、微信推送等等）
│??├─數(shù)據(jù)日志（記錄數(shù)據(jù)快照，可對(duì)比快照，查看數(shù)據(jù)變更情況）
│??├─系統(tǒng)通知
│??├─SQL監(jiān)控
│??├─性能監(jiān)控
│??│??├─監(jiān)控?Redis
│??│??├─Tomcat
│??│??├─jvm
│??│??├─服務(wù)器信息
│??│??├─請(qǐng)求追蹤
│??│??├─磁盤監(jiān)控
├─消息中心
│??├─我的消息
│??├─消息管理
│??├─模板管理
├─積木報(bào)表設(shè)計(jì)器
│─報(bào)表示例
│??├─曲線圖
│??└─餅狀圖
│??└─柱狀圖
│??└─折線圖
│??└─面積圖
│??└─雷達(dá)圖
│??└─儀表圖
│??└─進(jìn)度條
│??└─排名列表
│??└─等等
│─大屏模板
│??├─作戰(zhàn)指揮中心大屏
│??└─物流服務(wù)中心大屏
├─代碼生成器（GUI）
│??├─代碼生成器功能（一鍵生成前后端代碼，生成后無需修改直接用，絕對(duì)是后端開發(fā)福音）
│??├─代碼生成器模板（提供4套模板，分別支持單表和一對(duì)多模型，不同風(fēng)格選擇）
│??├─代碼生成器模板（生成代碼，自帶excel導(dǎo)入導(dǎo)出）
│??├─查詢過濾器（查詢邏輯無需編碼，系統(tǒng)根據(jù)頁面配置自動(dòng)生成）
│??├─高級(jí)查詢器（彈窗自動(dòng)組合查詢條件）
│??├─Excel導(dǎo)入導(dǎo)出工具集成（支持單表，一對(duì)多?導(dǎo)入導(dǎo)出）
│??├─平臺(tái)移動(dòng)自適應(yīng)支持
│─常用示例
│??├─自定義組件示例
│??├─JVxeTable示例(ERP行業(yè)復(fù)雜排版效果)
│??├─單表模型例子
│??└─一對(duì)多模型例子
│??└─打印例子
│??└─一對(duì)多內(nèi)嵌示例
│??└─異步樹Table
│??└─圖片拖拽排序
│??└─圖片翻頁
│??└─圖片預(yù)覽
│??└─PDF預(yù)覽
│─封裝通用組件?
│??├─行編輯表格JVxeTable
│??└─省略顯示組件
│??└─時(shí)間控件
│??└─高級(jí)查詢?(未實(shí)現(xiàn))
│??└─用戶選擇組件
│??└─報(bào)表組件封裝
│??└─字典組件
│??└─下拉多選組件
│??└─選人組件
│??└─選部門組件
│??└─通過部門選人組件
│??└─封裝曲線、柱狀圖、餅狀圖、折線圖等等報(bào)表的組件（經(jīng)過封裝，使用簡(jiǎn)單）
│??└─在線code編輯器
│??└─上傳文件組件
│??└─樹列表組件
│??└─表單禁用組件
│??└─等等
│─更多頁面模板
│??└─Mock示例（子菜單很多）
│??└─頁面&導(dǎo)航（子菜單很多）
│??└─組件&功能（子菜單很多）
├─高級(jí)功能
│??├─支持微前端
│??├─提供CAS單點(diǎn)登錄
│??├─集成Websocket消息通知機(jī)制
│??├─支持第三方登錄（QQ、釘釘、微信等）
│??├─系統(tǒng)編碼規(guī)則
├─Online在線開發(fā)
│??├─Online在線表單?
│??├─Online代碼生成器
│??├─Online在線報(bào)表?
└─更多功能開發(fā)中。。
入門必備
本項(xiàng)目需要一定前端基礎(chǔ)知識(shí)，請(qǐng)確保掌握 Vue 的基礎(chǔ)知識(shí)，以便能處理一些常見的問題。 建議在開發(fā)前先學(xué)一下以下內(nèi)容，提前了解和學(xué)習(xí)這些知識(shí)，會(huì)對(duì)項(xiàng)目理解非常有幫助:
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
瀏覽器支持
本地開發(fā)推薦使用Chrome 最新版瀏覽器，不支持Chrome 80以下版本。
生產(chǎn)環(huán)境支持現(xiàn)代瀏覽器，不支持 IE。
