開源Vue+element-ui動態(tài)路由開源unitui快速開發(fā)框架
前言
UnitUI是基于vue+element-UI的一個動態(tài)開發(fā)框架,它是以node.js和vuecli為支撐基礎(chǔ)。那么我們開發(fā)的時候,就需要node.js和vuecli環(huán)境進行支持。
為什么叫unitui?因為我們目的是搭建一個組件式開發(fā)框架,這樣子我們可以將任何一組件,通過動態(tài)路由掛載的方式添加的路由中去,并通過于菜單進行綁定便可直接掛載一個組件,這樣有利于我們快速開發(fā)和團隊開發(fā),保障安全等具巨大的優(yōu)勢,讓廣大開發(fā)者將有限的精力放到組件功能中。

支持
內(nèi)置頁面
為了方便大家的開發(fā),我們默認內(nèi)置:
視圖框架

登錄

注冊

忘記密碼

404錯誤頁
即四個頁面和一個基礎(chǔ)的開發(fā)框架。
內(nèi)置js庫
- "axios": "^0.21.1",
- "core-js": "^3.6.5",
- "echarts": "^5.1.2",
- "element-ui": "^2.15.5",
- "vue": "^2.6.11",
- "vue-router": "^3.2.0"
介紹
怎樣進行開始開發(fā)
Unit ui是需要一個Node.js環(huán)境和一個的開發(fā)環(huán)境。你需要安裝node.js(版本最新即可),然后再安裝一個vuecli(版本最新即可)開發(fā)環(huán)境,然后便可直接下載的源碼目錄運行“npm run serve”便可運行unitui。
你可以獲得什么
Unit-UI他已經(jīng)內(nèi)置了基本的登錄、注冊、找回密碼幾個重要的頁面,再加上一個視圖框架。你可以通過對視圖框架的一個適當修改。甚至你可以對視圖框架不進行修改,便直接進行組件開發(fā)。
你可以通過直接書寫組件的形式便可直接開始你的項目開發(fā),這樣子有利于你的項目快速成型和團隊搭配unit-ui畢竟是通過動態(tài)路由的形式搭建,那么意味著你和團隊之間的搭配就會更加的簡單。
其次,我們支持的動態(tài)路由也意味鑒權(quán)的實現(xiàn)也是非常簡單,你通過有unit-ui便可實現(xiàn)快速鑒權(quán),通過后端返回的json進行一個控制便可。
最后,我們有利于保障安全,因為動態(tài)路由是由后端進行控制,通過返回json對路由進行生成,這意味著我們的組件加載完全由后端進行控制,那我們項目的安全性就會得到一個巨大的提升。