項目介紹
Jeecgboot-Vue3 採用 Vue3.0、Vite、 Ant-Design-Vue、TypeScript 等新技術方案,包括二次封裝組件、utils、hooks、動態菜單、權限校驗、按鈕級別權限控制等功能。 是在 Vben-Admin 基礎上研發的,適合於JeecgBoot的新版前端VUE3框架。
- 全新的VUE3技術棧,不只追趕技術潮流,更兼備大型項目優勢。
- 提供了詳細的 零基礎入門視頻,不懂vue3的也可快速入門。
- 非在Vue2版上簡單升級,而是完全重寫,力求每行代碼的精美。
當前版本:v1.0.0 | 2021-03-21
源碼下載
- 重要必看—切換Vue3路由: http://vue3.jeecg.com/2671576
- 後臺版本要求:
jeecgboot v3.0+
以上, 3.0版本爲兼容vue3.0前端,做了大量適配工作。
Vue3前端源碼 | 後端源碼 | |
---|---|---|
github | https://github.com/jeecgboot/jeecgboot-vue3 | https://github.com/jeecgboot/jeecg-boot |
碼雲 | https://gitee.com/jeecg/jeecgboot-vue3 | https://gitee.com/jeecg/jeecg-boot |
技術文檔
- 官方網站: http://www.jeecg.com
- 在線演示:http://boot3.jeecg.com
- 開發文檔:http://vue3.jeecg.com
- 入門視頻:https://www.bilibili.com/video/BV1V34y187Y9
- 代碼生成: http://vue3.jeecg.com/2677352
- QQ交流羣:683903138
Install and use
- Get the project code
git clone https://github.com/jeecgboot/jeecgboot-vue3.git
- Installation dependencies
cd jeecgboot-vue3
yarn install
- run
yarn serve
- build
yarn build
功能模塊
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 |