懂球短视频微信小程序SpringBoot+论文源码调试讲解
4系统总体设计与实现
4.1 总体设计
懂球短视频微信小程序采用了结构化开发的方法。这种开发方法的优点是控制性比较强,开发过程中采用了结构化和模块化的设计思想,自顶向下,从总体到部分,合理划分系统的结构和模块。结构化开发时使用模块式开发,各模块之间互不影响,方便系统的开发与管理。
本系统的设计是基于 B/S架构的三层体系结构,也就是浏览器和服务器结构。计算机技术发展的速度非常快,以前的设计结构都以C/S的模式为主,也就是用户端和服务端模式。但随着网页技术的发展,越来越多的用户习惯于使用浏览器。现在的网页技术可以在浏览器中实现非常漂亮的效果,以前的单一低调的用户端页面已经无法满足用户的需求。在B/S这种结构下,技术人员可以很轻松的设计出用户所需要的工作界面,页面代码通过浏览器进行解析展示,在浏览器中不做过多的事务逻辑的处理。主要的事务逻辑放在服务端进行处理。这样用户的小程序就不会承载过多的东西,只需要浏览器展示即可。对于开发人员也很方便进行系统的维护和升级。开发人员只需要在服务端进行系统的维护就可以了。使用java这样的跨平台性非常好的技术,这样的开发模式更加的方便,高效。本系统合理的进行了模块划分和组合,因此由于各个模块之间基本上是相互独立的,所以每个模块都可以独立的被解释、执行、调试和修改,让繁琐的系统设计工作简单化。
4.2 数据库设计
4.2.1 概念模型设计
数据可设计要遵循职责分离原则,即在设计时应该要考虑系统独立性,即每个系统之间互不干预不能混乱数据表和系统关系。
数据库命名也要遵循一定规范,否则容易混淆,数据库字段名要尽量做到与表名类似。
概念模型是对现实中的问题出现的事物的进行描述,ER图是由实体及其关系构成的图,通过E-R图可以清楚地描述系统涉及到的实体之间的相互关系。
4.用户信息实体
用户信息实体包括用户姓名、用户手机、邮箱、性别、出生年月日、民族、头像,用户信息实体图如图4-1所示:
图4-1 用户信息实体结构图
上传视频实体,它反映了视频名称、视频封面、上传时间、用户账号、用户姓名。上传视频实体的E-R如图,如图4-2所示:
图4-2上传视频功能实体属性图
分享视频功能属性主要有:视频名称、用户账号、用户姓名、视频 封面、上传时间、作者实体属性图如图4-3所示。
图4-3分享视频功能实体属性图
4.2.2 数据库型设计
根据上诉的逻辑模型设计,下面给出数据库的设计,如下表:
allusers表:
序号 | 字段名称 | 字段类型 | 大小 | 允许为空 | 最大长度 | 备注 |
---|---|---|---|---|---|---|
1 | id | Int | 4 | 10 | 编号 | |
2 | username | varchar | 150 | 255 | 登录名 | |
3 | pwd | varchar | 150 | 255 | 密码 | |
4 | cx | varchar | 150 | 255 | 权限 | |
5 | addtime | varchar | 8 | 19 | 添加时间 |
dongqiushipin表:
序号 | 字段名称 | 字段类型 | 大小 | 允许为空 | 最大长度 | 备注 |
---|---|---|---|---|---|---|
1 | id | Int | 4 | 10 | 编号 | |
2 | addtime | varchar | 150 | 255 | 添加时间 | |
3 | shipinmingcheng` | varchar | 150 | 255 | ||
4 | shipin | varchar | 8 | 255 | ||
5 | fengmian | varchar | 150 | 255 | ||
6 | shangchuanshijian | varchar | 8 | 255 | ||
7 | zuozhe | varchar | 150 | 255 |
fenxiangshipin表:
序号 | 字段名称 | 字段类型 | 大小 | 允许为空 | 最大长度 | 备注 |
---|---|---|---|---|---|---|
1 | id | Int | 4 | 10 | 编号 | |
2 | addtime | varchar | 150 | 255 | 添加时间 | |
3 | shipinmingcheng | varchar | 150 | 255 | ||
4 | yonghuzhanghao | varchar | 8 | 255 | ||
5 | yonghuxingming | varchar | 150 | 255 | ||
6 | shipin | varchar | 8 | 255 | ||
7 | fengmian | varchar | 150 | 255 | ||
8 | shangchuanshijian | varchar | 8 | 255 | ||
9 | zuozhe | varchar | 150 | 255 |
shangchuanshipin表:
序号 | 字段名称 | 字段类型 | 大小 | 允许为空 | 最大长度 | 备注 |
---|---|---|---|---|---|---|
1 | id | Int | 4 | 10 | 编号 | |
2 | addtime | varchar | 150 | 255 | 添加时间 | |
4 | shipinmingcheng | varchar | 8 | 255 | ||
5 | shipin | varchar | 150 | 255 | ||
6 | fengmian | varchar | 8 | 255 | ||
7 | shangchuanshijian | varchar | 150 | 255 | ||
8 | yonghuzhanghao | varchar | 8 | 255 | ||
9 | yonghuxingming | varchar | 150 | 255 | ||
10 | sfsh | varchar | 8 | 255 | ||
11 | shhf | varchar | 150 | 255 |
shouzangshipin表:
序号 | 字段名称 | 字段类型 | 大小 | 允许为空 | 最大长度 | 备注 |
---|---|---|---|---|---|---|
1 | id | Int | 4 | 10 | 编号 | |
2 | addtime | varchar | 150 | 255 | 添加时间 | |
4 | shipinmingcheng | varchar | 8 | 255 | ||
5 | yonghuzhanghao | varchar | 150 | 255 | ||
6 | yonghuxingming | varchar | 8 | 255 | ||
7 | shipin | varchar | 150 | 255 | ||
8 | fengmian | varchar | 8 | 255 | ||
9 | shangchuanshijian | varchar | 150 | 255 | ||
10 | zuozhe | varchar | 8 | 255 |
yonghu表:
序号 | 字段名称 | 字段类型 | 大小 | 允许为空 | 最大长度 | 备注 |
---|---|---|---|---|---|---|
1 | id | Int | 4 | 10 | 编号 | |
2 | addtime | varchar | 150 | 255 | 添加时间 | |
4 | yonghuzhanghao | varchar | 8 | 255 | ||
5 | yonghuxingming | varchar | 150 | 255 | ||
6 | mima | varchar | 8 | 255 | ||
7 | yonghushouji | varchar | 150 | 255 | ||
8 | youxiang | varchar | 8 | 255 | ||
9 | xingbie | varchar | 150 | 255 | ||
10 | chushengnianyueri | varchar | 8 | 255 | ||
11 | minzu | varchar | 150 | 255 | ||
12 | touxiang | varchar | 8 | 255 |
5 系统功能的详细设计与实现
5.1 管理员功能模块(服务端)
管理员要登录懂球懂球短视频后台服务端,需要输入用户名和密码,选择登录角色进行登录,管理员有特权,只需要登录,管理员登录界面如图5-1所示:
图5-1管理员登录界面
管理员功能:管理员登录系统后,查看首页、个人中心、用户管理、上传视频管理、懂球视频管理、分享视频管理、收藏视频管理、系统管理。管理员功能如下图5-2所示:
图5-2管理员功能界面
用户管理:在用户管理页面,查看用户账号、用户姓名、用户手机、邮箱、性别、出生年月日、民族、头像等信息可进行修改、删除等操作,如图5-3所示:
图5-3用户管理界面
上传视频管理:管理员在上传视频管理页面,查看视频名称、视频封面、上传时间、用户账号、用户姓名等内容,还能对用户上传视频进行审核并回复,以及修改、删除等操作等操作,如图5-4 5-5所示:
图5-4上传视频管理界面
图5-5审核界面
懂球视频管理:管理员在懂球视频管理页面,查看视频名称、视频、封面、上传时间、作者等内容,还能对用户评论进行回复,以及修改、删除等操作,如图5-6所示:
图5-6懂球视频管理界面
分享视频管理:在分享视频管理页面,查看视频名称、用户账号、用户姓名、视频 封面、上传时间、作者等内容进行修改、删除等操作,以及对视频名称进行统计如图5-7 5-8所示:
图5-7收藏视频界面
图5-8统计报表界面
系统管理:管理员通过系统管理页面可新增小程序端轮播图上传修改、删除等操作,如图5-9所示:
图5-9轮播图界面
5.2用户功能模块(微信端)
用户注册,在用户注册页面通过填写用户账号、用户姓名、密码、用户手机、邮箱、性别、出生年月日、民族等信息进行注册操作;如图5-10所示。
图5-10用户注册界面图
用户登录,用户通过登录页面输入账号和密码,并点击登录进行系统登录操作,如图5-11所示。
图5-11用户登录界面图
用户登陆进入小程序端后,查看底部首页、上传视频、我的等内容,如图5-12所示。
图5-12首页界面图
懂球视频,在懂球视频页面查看视频名称、视频、封面、上传时间、作者等信息,可对视频分享、收藏、点赞、评论等操作,如图5-13 5-14所示。
图5-13懂球视频界面图
图5-14分享界面图
我的,用户进入我的页面查看用户信息、上传视频、懂球视频、分享视频、收藏视频等详细信息,如图5-15所示。
图5-15我的界面图
个人中心,用户通过个人信息可修改个人用户账号、用户姓名、密码、用户手机、邮箱、性别、出生年月日、民族、头像等信息,选择保存与退出登录,如图5-16所示。
图5-16用户信息界面图
分享视频管理,在分享视频管理页面用户编辑填写视频名称、用户账号、用户姓名、视频 封面、上传时间、作者进行提交,后台管理员审核用户上传视频,如图5-17所示。
图5-17分享视频管理界面图