vue DBM下載 - vue DBM原始碼下載

vue DBM

其他類別

V1.0

下載

注意！此項目已重構，目前版本為2.0，舊版請查看release下載1.0版本

說明

DBM是一個資料來源管理系統，包含資料來源管理、開放授權兩個模組，資料來源管理指關係型資料的一鍵導入、按需篩選、指定匯出等功能，開放授權指資料擁有者給使用者開放資料的增、刪、改、查等操作權限。部署或使用此系統可以為你的前端專案帶來資料持久化的功能，而不再是資料模擬。

DBM前端是使用vue-cli腳手架建構的一個SPA應用，主要依賴與，為了讓前後端分離更加徹底，前端在開發時將根據與後端商定的接口協議使用Mockjs模擬響應，在後端完成接口編寫後使用不同的啟動命令轉接後端介面完成整個系統的測試。

如果您也想使用vue.js結合後台語言（nodejs、java等）開發一個帶有前後端的完整應用的話，參考DBM前端工程的實現也許能夠幫您解決如下問題

如何提高組件的複用性？
如何使用狀態管理中的多模組？
如何實現頁面級、元素級的權限處理？
如何攔截HTTP請求並使用Mockjs模擬回應驅動UI？
如何使用render函數結合element-ui等框架客製化業務元件？
如何實現多環境打包、提升打包效率以及減小打包體積等

由於此專案使用業餘時間來做，開發週期較長，程式碼的整潔程度仍待提高，我將不斷修改做到自己滿意為止，如果您發現問題請直接在Issues中提出，或者您對模組的實現有更好的解決方案歡迎PR

開發前準備

您的本地環境需要包含nodejs，如果您使用git clone還需要有git。本專案主要使用了vue、vuex、vue-router、element-ui、axios、Mock.js等技術堆疊，熟悉這些技術能夠更好的掌握本專案。

專案在開發時針對性的做了一些筆記，建議先看看這些筆記再了解本專案原始碼

專案結構概述
系統主要佈局
路由
狀態管理
權限管理
控件封裝與使用
混入
數據模擬
打包優化與使用者體驗

目標功能

開發與發布

 # 克隆项目
git clone https://github.com/calebman/vue-DBM.git

# 安装依赖
npm install
   
# 如果下载依赖报错可通过以下方式尝试解决
npm install --registry=https://registry.npm.taobao.org

# 启动服务
npm run dev

# 浏览器访问
http://localhost:8060

# 打包发布
npm run build