介紹
school-manager校園管理后臺服務(wù)
實現(xiàn)了簡單的校園管理業(yè)務(wù)。
特點:
1娃肿、學(xué)校增刪改查
2罐栈、學(xué)院增刪改查
3黍衙、班級增刪改查
4、學(xué)生增刪改查
5荠诬、教師增刪改查
軟件架構(gòu):
nodejs (koa2 mongoose)
elemet-ui
admin-element
開發(fā)工具:
數(shù)據(jù)庫:mongodb
ide(項目開發(fā)工具):webstorm
<meta charset="utf-8">
安裝教程
一琅翻、后端服務(wù)代碼地址 school-manager-server 代碼倉庫(即 projectName)
https://gitee.com/xdnclover/school-manager-server
#克隆項目
git clone https://gitee.com/xdnclover/school-manager-server.git
#進入項目的目錄
cd school-manager-server
#安裝項目依賴包
npm install
# 建議不要直接使用 cnpm 安裝以來,會有各種詭異的 bug柑贞》阶担可以通過如下操作解決 npm 下載速度慢的問題
npm install --registry=https://registry.npm.taobao.org
#啟動項目
npm run dev
參與文獻(xiàn)
school-manager-admin
school-manager-admin這是一個極簡的 vue admin 管理后臺。它只包含了 Element UI & axios & iconfont & permission control & lint钧嘶,這些搭建后臺必要的東西棠众。
<meta charset="utf-8">
目前版本為 v4.0+
基于 vue-cli
進行構(gòu)建,若你想使用舊版本有决,可以切換分支到tag/3.11.0闸拿,它不依賴 vue-cli
。
Extra
如果你想要根據(jù)用戶角色來動態(tài)生成側(cè)邊欄和 router书幕,你可以使用該分支permission-control
相關(guān)項目
在這里我們使用了- electron-vue-admin
寫了一個系列的教程配套文章新荤,如何從零構(gòu)建后一個完整的校園管理系統(tǒng)項目:
(1)http://www.reibang.com/p/af8775d1d056``
(2)http://www.reibang.com/p/239a9c8e2f2f
(3)http://www.reibang.com/p/776d68520110
(4)http://www.reibang.com/p/8b083148545c
(5)http://www.reibang.com/p/da78da349e66
Build Setup 以下是后臺管理的操作
# 建議不要直接使用 cnpm 安裝以來,會有各種詭異的 bug台汇】凉牵可以通過如下操作解決 npm 下載速度慢的問題
npm install --registry=https://registry.npm.taobao.org
# 啟動服務(wù)
npm run dev
##### 用瀏覽器訪問請點擊以下地址:
[http://localhost:9528](https://links.jianshu.com/go?to=http%3A%2F%2Flocalhost%3A9528)
##### 發(fā)布
# 構(gòu)建測試環(huán)境
npm run build:stage
# 構(gòu)建生產(chǎn)環(huán)境
npm run build:prod
其他:
# 預(yù)覽發(fā)布環(huán)境效果
npm run preview
# 預(yù)覽發(fā)布環(huán)境效果 + 靜態(tài)資源分析
npm run preview -- --report
# 代碼格式檢查
npm run lint
# 代碼格式檢查并自動修復(fù)
npm run lint -- --fix