第四章 系统概要设计

4.1系统设计原理

设计原理,是指一个系统的设计由来,其将需求合理拆解成功能,抽象的描述系统的模块,以模块下的功能。功能模块化后,变成可组合、可拆解的单元,在设计时,会将所有信息分解存储在各个表中,界面不会显示所有定义的字段。在设计时,会有几大要求,抽象、模块化、信息隐藏、耦合低、内聚等特性,本系统的设计也符合以上几大特性。制作和显示流程都属于程序员需要分析研究的一部分。每个模块都是相对独立的,系统前台不显示账号操作权限范围外的信息。

4.2功能模块设计

该章节的功能模块设计,只是大概描述了系统的所有功能模块,将功能按权限来讲解。系统总体结构图如图4-1所示。

图4-1 系统总体结构图

4.3 数据库设计

4.3.1数据库设计原则

学习程序设计,如果想要了解数据库管理系统或者是按照系统接口的要求制作的,就必须创建一个数据库管理系统模型,用来存储数据,这样在进行应用程序编程的过程中,就不需要加载操作系统页面的信息,从而提高整个系统的工作效率。在数据库管理系统中承载着众多的数据,应该说,一个管理信息系统的建设中心和基地,也为建设管理信息系统和信息管理系统提出了新的查询、删除、修改和操作功能,使管理信息系统建设可以快速查询需要的数据,而不是直接从代码中查找。信息库管理系统由各个组成部分的信息表按照具体的方法进行准确的归并、排序和组成信息库管理系统。

4.3.2数据库E-R图设计

E-R图即实体-联系图,主要作用是提供了解显示数据类型存在的联系的途径,是藐视现实世界的概念模型,其关键要素是实体型、属性、联系。以下是本系统主要的E-R图如下所示。

学习记录E-R如图4-2所示。

图4-2 学习记录E-R图

用户信息E-R如图4-3所示。

图4-3用户信息实体图

科普文章E-R如图4-4所示。

图4-4科普文章E-R图

论坛信息E-R如图4-5所示。

图4-5论坛信息实体图

可视化人工智能科普平台实体联系总E-R图,如图4-6所示。

图4-6可视化人工智能科普平台实体联系总E-R图

4.3.3数据库表结构设计

该系统采用的数据库是MySQL,根据该系统的数据存储特点进行数据库关系表的设计。下面是该系统中关键部分关系表的详细信息。

表4-1:学习记录

字段名称

类型

长度

字段说明

主键

默认值

id

bigint

主键

主键

addtime

timestamp

创建时间

CURRENT_TIMESTAMP

zhishimingcheng

varchar

200

知识名称

zhishifenlei

varchar

200

知识分类

xuexishizhang

double

学习时长/h

xuexijilu

longtext

4294967295

学习记录

xuexishijian

datetime

学习时间

yonghuming

varchar

200

用户名

xingming

varchar

200

姓名

touxiang

longtext

4294967295

头像

表4-2:配置文件

字段名称

类型

长度

字段说明

主键

默认值

id

bigint

主键

主键

name

varchar

100

配置参数名称

value

varchar

100

配置参数值

url

varchar

500

url

表4-3:管理员表

字段名称

类型

长度

字段说明

主键

默认值

id

bigint

主键

主键

username

varchar

100

用户名

password

varchar

100

密码

image

varchar

200

头像

role

varchar

100

角色

管理员

addtime

timestamp

添加时间

CURRENT_TIMESTAMP

表4-4:百度千帆

字段名称

类型

长度

字段说明

主键

默认值

id

bigint

主键

主键

addtime

timestamp

创建时间

CURRENT_TIMESTAMP

userid

bigint

用户id

adminid

bigint

管理员id

ask

longtext

4294967295

提问

reply

longtext

4294967295

回复

isreply

int

是否回复

isread

int

已读/未读(1:已读,0:未读)

0

uname

varchar

200

用户头像

uimage

longtext

4294967295

用户名

type

int

内容类型(1:文本,2:图片,3:视频,4:文件,5:表情)

1

表4-5:系统简介

字段名称

类型

长度

字段说明

主键

默认值

id

bigint

主键

主键

addtime

timestamp

创建时间

CURRENT_TIMESTAMP

title

varchar

200

标题

subtitle

varchar

200

副标题

content

longtext

4294967295

内容

picture1

longtext

4294967295

图片1

picture2

longtext

4294967295

图片2

picture3

longtext

4294967295

图片3

表4-6:收藏表

字段名称

类型

长度

字段说明

主键

默认值

id

bigint

主键

主键

addtime

timestamp

创建时间

CURRENT_TIMESTAMP

userid

bigint

用户id

refid

bigint

商品id

tablename

varchar

200

表名

name

varchar

200

名称

picture

longtext

4294967295

图片

type

varchar

200

类型

1

inteltype

varchar

200

推荐类型

remark

varchar

200

备注

表4-7:公告信息分类

字段名称

类型

长度

字段说明

主键

默认值

id

bigint

主键

主键

addtime

timestamp

创建时间

CURRENT_TIMESTAMP

typename

varchar

200

分类名称

表4-8:公告信息

字段名称

类型

长度

字段说明

主键

默认值

id

bigint

主键

主键

addtime

timestamp

创建时间

CURRENT_TIMESTAMP

title

varchar

200

标题

introduction

longtext

4294967295

简介

typename

varchar

200

分类名称

name

varchar

200

发布人

headportrait

longtext

4294967295

头像

clicknum

int

点击次数

0

clicktime

datetime

最近点击时间

thumbsupnum

int

0

crazilynum

int

0

storeupnum

int

收藏数

0

picture

longtext

4294967295

图片

content

longtext

4294967295

内容

表4-9:科普文章

字段名称

类型

长度

字段说明

主键

默认值

id

bigint

主键

主键

addtime

timestamp

创建时间

CURRENT_TIMESTAMP

zhishimingcheng

varchar

200

知识名称

zhishifenlei

varchar

200

知识分类

tupian

longtext

4294967295

图片

xuexishipin

longtext

4294967295

学习视频

zhishijianshu

longtext

4294967295

知识简述

zhishineirong

longtext

4294967295

知识内容

fabushijian

datetime

发布时间

thumbsupnum

int

0

crazilynum

int

0

clicktime

datetime

最近点击时间

clicknum

int

点击次数

0

discussnum

int

评论数

0

storeupnum

int

收藏数

0

表4-10:论坛类型

字段名称

类型

长度

字段说明

主键

默认值

id

bigint

主键

主键

addtime

timestamp

创建时间

CURRENT_TIMESTAMP

typename

varchar

200

分类名称

表4-11:论坛举报

字段名称

类型

长度

字段说明

主键

默认值

id

bigint

主键

主键

addtime

timestamp

创建时间

CURRENT_TIMESTAMP

forumid

bigint

论坛id

title

varchar

200

帖子标题

userid

bigint

举报用户id

username

varchar

200

举报用户名

reporteduserid

bigint

被举报用户id

reportedusername

varchar

200

被举报用户名

reason

longtext

4294967295

举报原因

picture

longtext

4294967295

图片补充

handleadvise

longtext

4294967295

处理建议

status

varchar

200

状态

处理中

reporttype

varchar

200

举报类型

主题帖举报

表4-12:知识分类

字段名称

类型

长度

字段说明

主键

默认值

id

bigint

主键

主键

addtime

timestamp

创建时间

CURRENT_TIMESTAMP

zhishifenlei

varchar

200

知识分类

表4-13:论坛

字段名称

类型

长度

字段说明

主键

默认值

id

bigint

主键

主键

addtime

timestamp

创建时间

CURRENT_TIMESTAMP

title

varchar

200

帖子标题

content

longtext

4294967295

帖子内容

parentid

bigint

父节点id

userid

bigint

用户id

username

varchar

200

用户名

avatarurl

longtext

4294967295

头像

isdone

varchar

200

状态

istop

int

是否置顶

0

toptime

datetime

置顶时间

typename

varchar

200

分类名称

cover

longtext

4294967295

封面

isanon

int

是否匿名(1:是,0:否)

0

delflag

int

是否删除(1:是,0:否)

0

表4-14:用户

字段名称

类型

长度

字段说明

主键

默认值

id

bigint

主键

主键

addtime

timestamp

创建时间

CURRENT_TIMESTAMP

yonghuming

varchar

200

用户名

mima

varchar

200

密码

xingming

varchar

200

姓名

touxiang

longtext

4294967295

头像

xingbie

varchar

200

性别

nianling

int

年龄

youxiang

varchar

200

邮箱

shouji

varchar

200

手机

表4-15:科普文章评论表

字段名称

类型

长度

字段说明

主键

默认值

id

bigint

主键

主键

addtime

timestamp

创建时间

CURRENT_TIMESTAMP

refid

bigint

关联表id

userid

bigint

用户id

avatarurl

longtext

4294967295

头像

nickname

varchar

200

用户名

content

longtext

4294967295

评论内容

reply

longtext

4294967295

回复内容

thumbsupnum

int

0

crazilynum

int

0

istop

int

置顶(1:置顶,0:非置顶)

0

tuserids

longtext

4294967295

赞用户ids

cuserids

longtext

4294967295

踩用户ids

第五章 系统功能实现

5.1前台用户功能的实现

当游客打开系统的网址后,首先看到的就是首页界面。在这里,游客能够看到可视化人工智能科普平台的导航条显示首页、科普文章、论坛、公告信息、百度千帆、个人中心。系统首页界面如图5-1所示:

图5-1 系统首页界面

在注册流程中,用户在Vue前端填写必要信息(如用户名、密码等)并提交。前端将这些信息通过HTTP请求发送到Python后端。后端处理这些信息,检查用户名是否唯一,并将新用户数据存入MySQL数据库。完成后,后端向前端发送注册成功的确认,前端随后通知用户完成注册。这个过程实现了新用户的数据收集、验证和存储。如图5-2所示:

图5-2 用户注册

在登录流程中,用户首先在Vue前端界面输入账号和密码。这些信息通过HTTP请求发送到Python后端。后端接收请求,通过与MySQL数据库交互验证用户凭证。如果认证成功,后端会返回给前端,允许用户访问系统。这个过程涵盖了从用户输入到系统验证和响应的全过程。如图5.3所示。

图5-3 用户登录界面

用户点击科普文章,在科普文章页面的搜索栏输入知识名称,进行查询,然后可以查看知识名称、知识分类、图片、学习视频、发布时间、点击次数、评论数、收藏数 ,还可以点赞、收藏或评论,如需要还可以进行在线学习等操作;如图5-4所示:

图5-4健身计划页面

用户点击公告信息,在公告信息页面的搜索栏输入标题,进行查询,然后可以查看标题、分类名称、发布人、点击次数、收藏数、图片等信息,如有需要还可以点赞和收藏等操作。如图5-5所示:

图5-5公告信息页面

用户点击论坛,在论坛页面的搜索栏输入标题,进行查询,然后可以查看帖子标题、用户名、状态、是否置顶、置顶时间、分类名称、封面、是否匿名等信息,还可以点赞或点击评论及发布帖子等操作。如图5-6所示:

图5-6论坛页面

在个人中心页面可以输入个人详细信息,进行信息更新操作,还可以对修改密码、学习记录、举报记录、我的发布、我的收藏、浏览历史等信息进行操作,如图5-7所示:

图5-7 个人中心界面

5.2 后台管理员功能的实现

管理员登录,通过登录页面填写账号和密码等信息,点击登录操作,如图5-8所示。

图5-8管理员登录界面图

管理员登录进入系统可以查看系统首页、个人中心、用户、知识分类、科普文章、学习记录、浏览历史、论坛、论坛分类、举报记录、系统管理等功能,进行详细操作,如图5-9所示。

图5-9管理员功能界面图

管理员点击用户;在用户页面输入用户名、姓名、头像、性别、年龄、邮箱、手机等信息,进行查询,添加、修改或删除用户等操作;如图5-10所示。

图5-10用户界面图

管理员点击知识分类;在知识分类页面输入知识分类关键词等信息,进行查询,添加、修改或删除知识分类等操作;如图5-11所示。

图5-11知识分类界面图

管理员点击科普文章;在科普文章页面输入知识名称、知识分类、图片、学习视频、发布时间、点击次数、评论数、收藏数等信息,进行查询、添加、修改、查看评论或删除科普文章等操作;如图5-12所示。

图5-12科普文章界面图

管理员点击学习记录;在学习记录页面对知识名称、知识分类、学习时长/h、学习时间、姓名、头像等信息,进行查询、修改或删除学习记录等操作;如图5-13所示。

图5-13学习记录界面图

管理员点击浏览历史;在浏览历史页面对名称、图片等信息,进行查询或删除浏览历史等操作;如图5-14所示。

图5-14浏览历史界面图

管理员点击论坛;在论坛页面对帖子标题、用户名、状态、是否置顶、置顶时间、分类名称、封面、是否匿名等信息,进行查询、修改、查看评论或删除论坛等操作;如图5-15所示。

图5-15论坛界面图

管理员点击举报记录;在举报记录页面对帖子标题、举报用户名、被举报用户名、图片补充、状态、举报类型等信息,进行查询、修改、举报审核或删除举报记录等操作;如图5-16所示。

图5-16举报记录界面图

Logo

技术共进,成长同行——讯飞AI开发者社区

更多推荐