Gobig後臺視頻信息管理系統的前端文檔

gobig的後臺管理系統

關於

  1. 作者
    本人是一個即將從大學畢業的學生,因爲畢業論文的要求,開始製作gobig項目。不僅是對自己大學學習的總結,也是學習新的知識的實踐。

  2. gobig

  • gobig是一個以視頻點播、分享爲主的網站。整體分爲主站(gobig-front-end)、小程序(gobig-mini)、後臺管理系統(gobig-admin)、後端開發(gobig-serve)四個方面。
  • 因爲作者自己對bilibili的喜愛,所以主站和小程序的UI、頁面邏輯和功能實現等很多方面借鑑了b站,這裏非常感謝b站。
  • gobig是作者第一次獨立開發完整項目,期間有很多bug和功能沒有及時完善,敬請見諒。

技術棧

語言

  1. html5 / css3 / JavaScript(es6+)
  2. vue2.6
  3. element-ui
  4. json

生態

  1. vuex / vue-router
  2. axios
  3. scss
  4. eslint

工具

  1. vue-cli4
  2. devtools
  3. vscode / webstorm

結構與頁面

目錄結構

目錄結構

頁面組成

  1. 登錄頁
  2. 首頁
  3. 用戶管理。增刪查改用戶信息、分頁系統
  4. 視頻管理。增刪查改視頻信息、分頁系統

待解決

  1. 首頁數據的展示。
  2. 權限管理。
  3. 只能單數據操作,不能多數據操作。
  4. 不能數據導出,如Excel導出。
  5. 評論管理等功能。

圖片展示

登錄頁

登錄頁

首頁

首頁

用戶管理

在這裏插入圖片描述

視頻管理

在這裏插入圖片描述


日常更新

2020年4月8日

之前一直在熟悉整個模版,今天正式上手
今天代碼的焦點

  1. 用戶管理 的搜索查找分頁查找的功能實現和邏輯衝突解決
    • vuex保存搜索查找的keyword,分頁切換時ajax自帶keyword查詢
    • vuex保存表數據,數據變化時,分頁綁定數據自動變化
    • elementUI中分頁,重點關注兩個數據元素總量每頁元素數量
  2. 表數據展示,未完成

明天開發的焦點

  1. 表數據的增刪改功能實現

2020年4月10日

開發進行中~~~
勝利在望

今天完成了用戶管理模塊,包括展示、搜索、分頁、增刪改等功能
其他模塊如視頻管理和評論管理就有模版了

明天開發的焦點

  1. 視頻管理和評論管理基礎搭建

2020年4月15日

管理系統今天上線:Gobig Admin


2020年4月26日

文檔1.0更新完畢

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章