gobig-admin
gobig的後臺管理系統
- 展示鏈接: Gobig Admin
- 基於vue-admin-template模版開發: vue-admin-template的GitHub
關於
-
作者
本人是一個即將從大學畢業的學生,因爲畢業論文的要求,開始製作gobig項目。不僅是對自己大學學習的總結,也是學習新的知識的實踐。 -
gobig
- gobig是一個以視頻點播、分享爲主的網站。整體分爲主站(gobig-front-end)、小程序(gobig-mini)、後臺管理系統(gobig-admin)、後端開發(gobig-serve)四個方面。
- 因爲作者自己對bilibili的喜愛,所以主站和小程序的UI、頁面邏輯和功能實現等很多方面借鑑了b站,這裏非常感謝b站。
- gobig是作者第一次獨立開發完整項目,期間有很多bug和功能沒有及時完善,敬請見諒。
技術棧
語言
- html5 / css3 / JavaScript(es6+)
- vue2.6
- element-ui
- json
生態
- vuex / vue-router
- axios
- scss
- eslint
工具
- vue-cli4
- devtools
- vscode / webstorm
結構與頁面
目錄結構
頁面組成
- 登錄頁
- 首頁
- 用戶管理。增刪查改用戶信息、分頁系統
- 視頻管理。增刪查改視頻信息、分頁系統
待解決
- 首頁數據的展示。
- 權限管理。
- 只能單數據操作,不能多數據操作。
- 不能數據導出,如Excel導出。
- 評論管理等功能。
圖片展示
登錄頁
首頁
用戶管理
視頻管理
日常更新
2020年4月8日
之前一直在熟悉整個模版,今天正式上手
今天代碼的焦點
- 用戶管理 的搜索查找和分頁查找的功能實現和邏輯衝突解決
- vuex保存搜索查找的keyword,分頁切換時ajax自帶keyword查詢
- vuex保存表數據,數據變化時,分頁綁定數據自動變化
- elementUI中分頁,重點關注兩個數據元素總量和每頁元素數量
- 表數據展示,未完成
明天開發的焦點
- 表數據的增刪改功能實現
2020年4月10日
開發進行中~~~
勝利在望
今天完成了用戶管理模塊,包括展示、搜索、分頁、增刪改等功能
其他模塊如視頻管理和評論管理就有模版了
明天開發的焦點
- 視頻管理和評論管理基礎搭建
2020年4月15日
管理系統今天上線:Gobig Admin
2020年4月26日
文檔1.0更新完畢