項目介紹

Jeecgboot-Vue3 采用 Vue3.0、Vite、 Ant-Design-Vue、TypeScript 等新技術方案，包括二次封裝組件、utils、hooks、動態(tài)菜單、權限校驗、按鈕級別權限控制等功能。 是在 Vben-Admin 基礎上研發(fā)的，適合于JeecgBoot的新版前端VUE3框架。

新版特性

• 全新的VUE3技術棧，不只追趕技術潮流，更兼?zhèn)浯笮晚椖績?yōu)勢。

• 提供了詳細的?零基礎入門視頻[1]，不懂vue3的也可快速入門。

• 非在Vue2版上簡單升級，而是完全重寫，力求每行代碼的精美。

當前版本：v1.0.0 | 2021-03-21

源碼下載

• 重要必看—切換Vue3路由：?http://vue3.jeecg.com/2671576

• 后臺版本要求：jeecgboot v3.0+以上， 3.0版本為兼容vue3.0前端，做了大量適配工作。

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

技術文檔

• 官方網(wǎng)站：?http://www.jeecg.com

• 在線演示：http://boot3.jeecg.com

• 開發(fā)文檔：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版已實現(xiàn)了系統(tǒng)管理、系統(tǒng)監(jiān)控、報表、各種組件、前端權限、GUI代碼生成 等平臺基礎模塊（Online表單、Online報表尚未發(fā)布）

入門必備

本項目需要一定前端基礎知識，請確保掌握 Vue 的基礎知識，以便能處理一些常見的問題。 建議在開發(fā)前先學一下以下內(nèi)容，提前了解和學習這些知識，會對項目理解非常有幫助:

• 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

系統(tǒng)效果

瀏覽器支持

本地開發(fā)推薦使用Chrome 最新版瀏覽器，不支持Chrome 80以下版本。

生產(chǎn)環(huán)境支持現(xiàn)代瀏覽器，不支持 IE。