当前位置: 首页 > article >正文

懂球短视频微信小程序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分享视频管理界面图


http://www.kler.cn/a/523711.html

相关文章:

  • 在Putty创建php文件
  • 16、智能驾驶域控的材料回收
  • 四.3 Redis 五大数据类型/结构的详细说明/详细使用( hash 哈希表数据类型详解和使用)
  • 升级到Mac15.1后pod install报错
  • 05-机器学习-数据标注
  • Linux 非阻塞IO
  • 06-AD向导自动创建P封装(以STM32-LQFP48格式为例)
  • Linux 基础1
  • 【C++题解】1393. 与7无关的数?
  • centos7搭建flink1.18并以 standalone模式启动
  • 前端UI组件库的打包与发布
  • 网站服务器出现延迟的原因是什么?
  • 使用 lock4j-redis-template-spring-boot-starter 实现 Redis 分布式锁
  • EtherCAT主站IGH-- 54 -- IGH之控制电机旋转周期同步位置模式(CSP模式)
  • Java阶段四06
  • 【452. 用最少数量的箭引爆气球 中等】
  • 使用iis服务器模拟本地资源服务器unityaddressables热更新出错记录
  • C++11中array容器的常见用法
  • fpga系列 HDL:XILINX Vivado Vitis 高层次综合(HLS) 实现 EBAZ板LED控制(上)
  • Unity游戏(Assault空对地打击)开发(3) 摄像机跟随
  • 卡通圣诞节404动画页面模板
  • Spring Security(maven项目) 3.0.2.8版本
  • 17.Word:李楠-学术期刊❗【29】
  • C语言中string.h头文件功能介绍
  • Vscode的AI插件 —— Cline
  • Vue Vine:Vue 组件开发的新范式探索