校園管理系統 總結
阿新 • • 發佈:2020-12-24
校園管理系統 總結
介紹
school-manager 校園管理後臺服務
實現了簡單的校園管理業務。特點是環境基礎良好,適合教學,和二次開發。
- 學校增刪蓋查
- 專業增刪改查
- 班級層刪改查
- 學生增刪改查
- 老師增刪改查
軟體架構
nodejs (koa2 mongoose)
element-ui
admin-element
開發工具
資料庫:mongodb
ide(專案開發工具):webstorm
安裝教程
一. 後臺服務程式碼地址 school-manager-server 程式碼倉庫
https://gitee.com/boooom/school-manager-server
# 克隆專案
git clone https://gitee.com/boooom/school-manager-server.git
# 進入專案目錄
cd school-manager-server
# 安裝依賴
npm install
# 建議不要直接使用 cnpm 安裝以來,會有各種詭異的 bug。可以通過如下操作解決 npm 下載速度慢的問題
npm install --registry=https://registry.npm.taobao.org
# 啟動服務
npm run dev
二. 前端介面程式碼地址 school-manager-admin 程式碼倉庫
https://gitee.com/boooom/school-manager-admin
參與貢獻
school-manager-admin
school-manager-admin這是一個極簡的 vue admin 管理後臺。它只包含了 Element UI & axios & iconfont & permission control & lint,這些搭建後臺必要的東西。
目前版本為 v4.0+
基於 vue-cl
i 進行構建,若你想使用舊版本,可以切換分支到tag/3.11.0,它不依賴 vue-cli
。
Extra
如果你想要根據使用者角色來動態生成側邊欄和 router,你可以使用該分支permission-control
相關專案
在這裡我們使用了- electron-vue-admin
寫了一個系列的教程配套文章,如何從零構建後一個完整的後臺專案:
Build Setup 以下是後臺管理的操作
# 建議不要直接使用 cnpm 安裝以來,會有各種詭異的 bug。可以通過如下操作解決 npm 下載速度慢的問題
npm install --registry=https://registry.npm.taobao.org
# 啟動服務
npm run dev
瀏覽器訪問 http://localhost:9528
釋出
# 構建測試環境
npm run build:stage
# 構建生產環境
npm run build:prod
其它
# 預覽釋出環境效果
npm run preview
# 預覽釋出環境效果 + 靜態資源分析
npm run preview -- --report
# 程式碼格式檢查
npm run lint
# 程式碼格式檢查並自動修復
npm run lint -- --fix
更多資訊請參考 使用文件
Demo
License
Copyright © 2019-present 去年的牛肉