介紹
school-manager校園管理后臺(tái)服務(wù)
實(shí)現(xiàn)了簡(jiǎn)單的校園管理業(yè)務(wù)夹纫。
特點(diǎn)：
- 1减俏、學(xué)校增刪改查
- 2蝌戒、學(xué)院增刪改查
- 3串塑、班級(jí)增刪改查
- 4、學(xué)生增刪改查
- 5北苟、教師增刪改查
軟件架構(gòu)：
nodejs （koa2 mongoose）
elemet-ui
admin-element
開(kāi)發(fā)工具：
數(shù)據(jù)庫(kù)：mongodb
ide（項(xiàng)目開(kāi)發(fā)工具）：webstorm
安裝教程
一桩匪、后端服務(wù)代碼地址 school-manager-server 代碼倉(cāng)庫(kù)（即 projectName）
https://gitee.com/xdnclover/school-manager-server
#克隆項(xiàng)目
git clone https://gitee.com/xdnclover/school-manager-server.git
#進(jìn)入項(xiàng)目的目錄
cd school-manager-server
#安裝項(xiàng)目依賴包
npm install
# 建議不要直接使用 cnpm 安裝以來(lái)，會(huì)有各種詭異的 bug友鼻∩店迹可以通過(guò)如下操作解決 npm 下載速度慢的問(wèn)題
npm install --registry=https://registry.npm.taobao.org
#啟動(dòng)項(xiàng)目
npm run dev
二、前端服務(wù)代碼地址 school-manager-admin 代碼倉(cāng)庫(kù)（即 vue-admin-template）
https://gitee.com/xdnclover/school-manager-admin
#克隆項(xiàng)目
git clone https://gitee.com/xdnclover/school-manager-admin.git
#進(jìn)入項(xiàng)目的目錄
cd school-manager-admin
#安裝項(xiàng)目依賴包
npm install
# 建議不要直接使用 cnpm 安裝以來(lái)彩扔，會(huì)有各種詭異的 bug妆档。可以通過(guò)如下操作解決 npm 下載速度慢的問(wèn)題
npm install --registry=https://registry.npm.taobao.org
#啟動(dòng)項(xiàng)目
npm run dev
參與文獻(xiàn)
school-manager-admin
school-manager-admin這是一個(gè)極簡(jiǎn)的 vue admin 管理后臺(tái)虫碉。它只包含了 Element UI & axios & iconfont & permission control & lint贾惦，這些搭建后臺(tái)必要的東西。
目前版本為 v4.0+ 基于 vue-cli 進(jìn)行構(gòu)建敦捧，若你想使用舊版本须板，可以切換分支到tag/3.11.0，它不依賴 vue-cli兢卵。
Extra
如果你想要根據(jù)用戶角色來(lái)動(dòng)態(tài)生成側(cè)邊欄和 router逼纸，你可以使用該分支permission-control
相關(guān)項(xiàng)目
在這里我們使用了- electron-vue-admin
寫(xiě)了一個(gè)系列的教程配套文章，如何從零構(gòu)建后一個(gè)完整的校園管理系統(tǒng)項(xiàng)目：
- 1济蝉、node vue-admin-template（第一篇）
- 2杰刽、node vue-admin-template（第二篇）
- 3、node vue-admin-template（第三篇）
- 4王滤、node vue-admin-template（第四篇）
- 5贺嫂、node vue-admin-template（第五篇）
- 6、node vue-admin-template（第六篇）
- 7雁乡、校園管理系統(tǒng)（結(jié)束篇）
Build Setup 以下是后臺(tái)管理的操作
# 建議不要直接使用 cnpm 安裝以來(lái)第喳，會(huì)有各種詭異的 bug□馍裕可以通過(guò)如下操作解決 npm 下載速度慢的問(wèn)題
npm install --registry=https://registry.npm.taobao.org
# 啟動(dòng)服務(wù)
npm run dev
用瀏覽器訪問(wèn)請(qǐng)點(diǎn)擊以下地址：
發(fā)布
# 構(gòu)建測(cè)試環(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
# 代碼格式檢查并自動(dòng)修復(fù)
npm run lint -- --fix
