介紹
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ā)工具）：sublime text3
安裝教程
一、后端服務(wù)代碼地址 projectName代碼倉(cāng)庫(kù)
https://gitee.com/funnyring/lin-yirong-campus-management.git
#克隆項(xiàng)目
git clone https://gitee.com/funnyring/lin-yirong-campus-management.git
#進(jìn)入項(xiàng)目的目錄
cd projectName
#安裝項(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ù)代碼地址 vue-admin-template代碼倉(cāng)庫(kù)
https://gitee.com/funnyring/lin-yirong-campus-management.git
#克隆項(xiàng)目
git clone https://gitee.com/funnyring/lin-yirong-campus-management.git
#進(jìn)入項(xiàng)目的目錄
cd vue-admin-template
#安裝項(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ái)項(xiàng)目:
- 實(shí)訓(xùn)1（配置相關(guān)環(huán)境）
- 實(shí)訓(xùn)2（添加學(xué)校信息）
- 實(shí)訓(xùn)3（添加學(xué)院信息）
- 實(shí)訓(xùn)4（添加班級(jí)信息）
- 實(shí)訓(xùn)5（添加學(xué)生信息）
- 實(shí)訓(xùn)6（添加老師信息）
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
發(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
更多信息請(qǐng)參考 使用文檔
Demo
License
Copyright (c) 2020-present Funny
