專案介紹
Jeecgboot-Vue3 採用 Vue3.0、Vite、 Ant-Design-Vue、TypeScript 等新技術方案,包括二次封裝元件、utils、hooks、動態選單、許可權校驗、按鈕級別許可權控制等功能。JeecgBoot企業級的低程式碼平臺對應的vue3前端版本!
強大的程式碼生成器讓前後端程式碼一鍵生成! JeecgBoot引領低程式碼開發模式(OnlineCoding-> 程式碼生成-> 手工MERGE), 幫助解決Java專案70%的重複工作,讓開發更多關注業務。既能快速提高效率,節省成本,同時又不失靈活性
當前版本:v1.3.0 | 2022-06-27
原始碼下載
Github
Gitee
技術文件
- 開發文件:http://vue3.jeecg.com
- 官方網站: http://www.jeecg.com
- 線上演示:http://boot3.jeecg.com
- 快速入門:入門視訊 | 程式碼生成
升級日誌
重大版本釋出,全功能趨於穩定健壯。
升級SQL
UPDATE sys_permission
SET del_flag = 1
WHERE id IN (
'1438108182116425729',
'1438108183219527682',
'1438108185660612609',
'1438108185815801858',
'1438108185958408193',
'1438108186289758209'
)
重點升級
- 程式碼生成器提供vue3原生表單模板生成
- 程式碼生成器支援選單sql生成
- 捕獲介面超時異常,跳轉到登入介面
- JSwitch元件當查詢條件時的,query模式下的重置問題
- 常用示例,報錯優化
- 修改部門彈窗初始賦值問題
- 登入後選擇租戶和部門功能優化
- 單表原生元件示例新增
- 分類樹新增的時候,下拉值不實時變更的問題-
- BasicTable新增 alertAfter 插槽
- JVxeTable“無痕重新整理示例”的checkbox無法自動更新
- 第一次載入時,點選第一個輸入框,游標會跑到富文字輸入框
- 下拉多選JSelectMultiple,搜尋時,查不到資料
- [issues/54]樹字典,勾選,然後批量刪除,系統錯誤
- 校驗唯一方法修改(必填校驗)
- 修復路由新增時Path無法新增問題
- 使用者選擇單選/多選特殊處理
- markdown 無法上傳
- 列表配置要快取
- 合併vben最新版程式碼,解決表格欄位排序問題
- 系統編碼規則,最後一個輸入框不能刪除
- 使用者編輯負責部門後列表不重新整理負責部門資訊
- 【issues/69】JVxeTable即時儲存demo報錯
- 【issues/I57GNY】批量刪除後,批量操作按鈕還處於顯示狀態
- 修復列表更多中,當只有一個選單時顯示多餘分割線問題
Issues處理
- jeecg-boot V3的RangePicker型別,不能匯出excel#I54815
- RangePicker時間框#I554DN
- 我的部門-新增已有使用者 打不開#62
- VUE3一對多情況本地測試可以使用打包之後一對多出現異常#I55RB0
- 賬號頭像為空時,預設頭像路徑載入找不到資源#I559WB
- 登入頁面,驗證碼不重新整理問題#41
- [WebSocket] 連線發生錯誤#I56UQP
- 使用者管理中連續點兩次編輯租戶配置就丟失了#I56C5I
- 選單的排序不支援小數了#56
- 定時任務tag顏色反了#I5773O
- jvxeTable demo即時儲存報錯#69
- 批量刪除後,表格重新整理,當前選中行丟失,但批量操作按鈕還處於顯示狀態#I57GNY
- 表格列的配置(是否顯示、凍結等)關閉頁面後,再點選頁面進入,配置丟失了#66
- 增加外部頁面選單,存在#字元時不能跳轉外部頁面#I58YS9
- 使用者管理,詳情按鈕#I58HCG
- 部門選擇JSelectDept自定義值時,回顯問題#I4ZEZA
- 我的部門選單 點選 新增已有使用者 彈出使用者列表沒載入出來,報了錯#I59UHC
- 按鈕Icon更改不了, submitButtonOptions 按鈕都是 顯示查詢icon#3737
- 使用者管理處編輯了使用者的負責部門後表格沒有重新整理#3650
- 使用者管理處編輯了使用者的部門後,表格沒重新整理#53
- jvxetable的checkbox自動更新#84
- Markdown編輯器在Edge瀏覽器中失效#89
- 樹字典,勾選,然後批量刪除,系統錯誤#54
- 樹字典,行刪除後,重新整理並摺疊,能否優化下不重新整理整個頁面issues/#55
- JPopup示例還是不可以使用#I5B1QB
- vue3前端的一些小問題#I50ODG
- online表單開發-點選【配置地址】報錯-Uncaught ReferenceError: React is not defined#I5BFJT
- 使用者具備多部門時,每次重新整理瀏覽器,都會彈出【請選擇部門】對話方塊#I53LB9
- 分步表單 按鈕圖示問題#I5BQM1
- <資料字典>匯入/匯出功能,操作後提示沒有傳遞 export.url/import.url 引數#I5AMDD
- oauth2 釘釘無法登入#I5BOUF
- 使用者選擇器不可用#93
- 標籤頁開啟顯示總是為:“AUTO線上表單”,而不是為配置的選單名稱#I5C1F7
安裝與使用
- 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 的基礎知識,以便能處理一些常見的問題。 建議在開發前先學一下以下內容,提前瞭解和學習這些知識,會對專案理解非常有幫助:
瀏覽器支援
本地開發推薦使用Chrome 最新版
瀏覽器,不支援Chrome 80
以下版本。
生產環境支援現代瀏覽器,不支援 IE。
IE | Edge | Firefox | Chrome | Safari |
---|---|---|---|---|
not support | last 2 versions | last 2 versions | last 2 versions | last 2 versions |