视频后台管理系统的前端文档

gobig的后台管理系统

• 展示链接： Gobig Admin
• 基于vue-admin-template模版开发: vue-admin-template的GitHub

关于

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. 表数据展示，未完成

明天开发的焦点

扫描二维码关注公众号，回复： 11161503 查看本文章

1. 表数据的增删改功能实现

---

2020年4月10日

开发进行中~~~
胜利在望

今天完成了用户管理模块，包括展示、搜索、分页、增删改等功能
其他模块如视频管理和评论管理就有模版了

明天开发的焦点

1. 视频管理和评论管理基础搭建

---

2020年4月15日

管理系统今天上线：Gobig Admin

---

2020年4月26日

文档1.0更新完毕