基于JAVA+SpringBoot+Vue的志同道合交友网站

研究背景

当前社会各行业领域竞争压力非常大，随着当前时代的信息化，科学化发展，让社会各行业领域都争相使用新的信息技术，对行业内的各种相关数据进行科学化，规范化管理。这样的大环境让那些止步不前，不接受信息改革带来的信息技术的企业随时面临被淘汰，被取代的风险。所以当今，各个行业领域，不管是传统的教育行业，餐饮行业，还是旅游行业，医疗行业等领域都将使用新的信息技术进行信息革命，改变传统的纸质化，需要人手工处理工作事务的办公环境。软件信息技术能够覆盖社会各行业领域是时代的发展要求，各种数据以及文件真正实现电子化是信息社会发展的不可逆转的必然趋势。本志同道合交友网站也是紧跟科学技术的发展，运用当今一流的软件技术实现软件系统的开发，让家具销售库存管理信息完全通过管理系统实现科学化，规范化，程序化管理。从而帮助信息使用者节省事务处理的时间，降低数据处理的错误率，对于基础数据的管理水平可以起到促进作用，也从一定程度上对随意的业务管理工作进行了避免，同时，志同道合交友网站的数据库里面存储的各种动态信息，也为上层管理人员作出重大决策提供了大量的事实依据。总之，志同道合交友网站是一款可以真正提升使用者的使用效率的软件系统。

目的和意义

信息数据的处理完全依赖人工进行操作，会耗费大量的人工成本，特别是面对大量的数据信息时，传统人工操作不仅不能对数据的出错率进行保证，还容易出现各种信息资源的低利用率与低安全性问题。更有甚者，耽误大量的宝贵时间，尤其是对信息的更新，归纳与统计更是耗财耗力的过程。所以电子化信息管理的出现就能缓解以及改变传统人工方式面临的处境，一方面可以确保信息数据在短时间被高效处理，还能节省人力成本，另一方面可以确保信息数据的安全性，可靠性，并可以实现信息数据的快速检索与修改操作，这些优点是之前的旧操作模式无法比拟的。因此志同道合交友网站为数据信息的管理模式的升级与改革提供了重要的窗口。

系统流程分析

操作流程分析

程序上交给用户进行使用时，需要提供程序的操作流程图（如图3.1所示），这样便于用户容易理解程序的具体工作步骤，现如今程序的操作流程都有一个大致的标准，即先通过登录页面提交登录数据，通过程序验证正确之后，用户才能在程序功能操作区页面操作对应的功能。

图3.1 程序操作流程图

登录流程分析

在这个部分，需要对程序的登录功能模块的运行流程（如图3.2所示），进行单独说明。程序设置登录模块也是为了安全起见，让用户使用放心，登录模块主要就是让用户提交登录信息，程序进行数据验证，验证通过的用户才能够成功登录程序。

图3.2 程序登录流程图

信息添加流程分析

程序的添加功能就是提供给操作者录入信息的功能，不管是涉及到用户信息添加，还是其它功能模块涉及到的信息添加，程序的信息添加流程（如图3.3所示）都是一致的。程序都是先对操作者录入的数据进行判定，这个判定规则是一段提前编写完成的程序代码，当程序判定数据符合要求时，才会把操作者录入的数据登记在数据表里面，比如添加的用户信息，就会把新添加的用户信息写入用户信息的数据表文件里面。

图3.3 信息添加流程图

信息删除流程分析

当从程序里面删除某种无效数据时，遵循程序的信息删除流程（如图3.4所示），先要选中操作者需要删除的数据，程序为了预防操作者误删信息，也会进行提示，当操作者真正确定要删选中的信息时，该信息就会从数据库中被永久删除。

图3.4 信息删除流程图

志同道合交友网站的设计方案比如功能框架的设计，比如数据库的设计的好坏也就决定了该系统在开发层面是否高效，以及在系统维护层面是否容易维护和升级，因为在系统实现阶段是需要考虑用户的所有需求，要是在设计阶段没有经过全方位考虑，那么系统实现的部分也就无从下手，所以系统设计部分也是至关重要的一个环节，只有根据用户需求进行细致全面的考虑，才有希望开发出功能健全稳定的程序软件。

系统概要设计

本次拟开发的系统为了节约开发成本，也为了后期在维护和升级上的便利性，打算通过浏览器来实现系统功能界面的展示，让程序软件的主要事务集中在后台的服务器端处理，前端部分只用处理少量的事务逻辑。下面使用一张图（如图4.1所示）来说明程序的工作原理。

图4.1 程序工作的原理图

系统功能结构设计

在分析并得出使用者对程序的功能要求时，就可以进行程序设计了。如图4.2展示的就是管理员功能结构图。

图4.2 管理员功能结构图

数据库设计

程序功能操作不管是添加，修改，还是删除等功能产生的数据都是经由数据库进行数据保存和更新的，所以一个数据库设计的好坏也是程序是否好坏的判定标准，因为程序的成功，有一半的功劳都是靠数据库的优秀设计。数据库一旦设计得良好是可以减轻开发人员的开发负担的。

数据库E-R图设计

这个部分的设计需要使用到E-R图绘制工具，常用的工具就是Visio工具来绘制E-R模型图，这款工具不仅可以快速创建需要的E-R模型图，而且该工具提供的操作界面很简单，可以短时间内修改绘图界面的图形或者是文字的属性。在绘制E-R模型图时，要分清楚各个图形代表的含义，以免绘制出错，E-R模型图由长方形（实体），椭圆形（属性），菱形（关系）这三部分图形符号组成，绘制期间要区分开来，用准确的图形符号代表相应的数据元素。

（1）管理员实体属性图见图4.4。

图4.4 管理员实体属性图

（2）会员实体属性图见图4.5。

图4.5 会员实体属性图

（3）文章分类实体属性图见图4.6。

图4.6 文章分类实体属性图

数据库表结构设计

数据库系统一旦选定之后，需要根据程序要求在数据库中建立数据库文件，并在已经完成创建的数据库文件里面，为程序运行中产生的数据建立对应的数据表格，数据表结构设计就是对创建的数据表格进行字段设计，字段长度设计，字段类型设计等，当数据表格合理设计完成之后，才能正常存储相关程序运行产生的数据信息。

1网站公告表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

addtime

Date

创建时间

是

3

title

String

标题

是

4

introduction

String

简介

是

5

picture

String

图片

是

6

content

String

内容

是

2会员表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

addtime

Date

创建时间

是

3

zhanghao

String

账号

是

4

mima

String

密码

是

5

xingming

String

姓名

是

6

nianling

Integer

年龄

是

7

xingbie

String

性别

是

8

shouji

String

手机

是

9

zhuzhi

String

住址

是

10

zhaopian

String

照片

是

11

aihao

String

爱好

是

3收藏表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

addtime

Date

创建时间

是

3

userid

Integer

用户id

是

4

refid

Integer

收藏id

是

5

tablename

String

表名

是

6

name

String

收藏名称

是

7

picture

String

收藏图片

是

8

type

String

类型(1:收藏,21:赞,22:踩)

是

9

inteltype

String

推荐类型

是

4文章信息评论表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

addtime

Date

创建时间

是

3

refid

Integer

关联表id

是

4

userid

Integer

用户id

是

5

nickname

String

用户名

是

6

content

String

评论内容

是

7

reply

String

回复内容

是

5管理员表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

username

String

用户名

是

3

password

String

密码

是

4

role

String

角色

是

5

addtime

Date

新增时间

是

6文章信息表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

addtime

Date

创建时间

是

3

biaoti

String

标题

是

4

wenzhangfenlei

String

文章分类

是

5

neirong

String

内容

是

6

fabushijian

datetime

发布时间

是

7

fengmian

String

封面

是

8

zhanghao

String

账号

是

9

xingming

String

姓名

是

10

thumbsupnum

Integer

赞

是

11

crazilynum

Integer

踩

是

12

clicktime

datetime

最近点击时间

是

13

clicknum

Integer

点击次数

是

7交友论坛表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

addtime

Date

创建时间

是

3

title

String

帖子标题

是

4

content

String

帖子内容

是

5

parentid

Integer

父节点id

是

6

userid

Integer

用户id

是

7

username

String

用户名

是

8

isdone

String

状态

是

8会员信息评论表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

addtime

Date

创建时间

是

3

refid

Integer

关联表id

是

4

userid

Integer

用户id

是

5

nickname

String

用户名

是

6

content

String

评论内容

是

7

reply

String

回复内容

是

9会员信息表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

addtime

Date

创建时间

是

3

zhanghao

String

账号

是

4

xingming

String

姓名

是

5

nianling

String

年龄

是

6

xingbie

String

性别

是

7

zhaopian

String

照片

是

8

gongzuo

String

工作

是

9

aihao

String

爱好

是

10

gerentezhang

String

个人特长

是

11

ziwojieshao

String

自我介绍

是

12

clicktime

datetime

最近点击时间

是

13

clicknum

Integer

点击次数

是

10留言板表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

addtime

Date

创建时间

是

3

userid

Integer

留言人id

是

4

username

String

用户名

是

5

content

String

留言内容

是

6

cpicture

String

留言图片

是

7

reply

String

回复内容

是

8

rpicture

String

回复图片

是

11文章分类表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

addtime

Date

创建时间

是

3

wenzhangfenlei

String

文章分类

是

会员管理

如图5.1显示的就是会员管理页面，此页面提供给管理员的功能有：对会员信息进行查询，添加，删除以及批量删除操作。

图5.1 会员管理页面

会员信息管理

如图5.2显示的就是会员信息管理页面，管理员可以对会员信息进行添加，修改，删除，查询操作。

图5.2 会员信息管理页面

文章分类管理

如图5.3显示的就是文章分类管理页面，管理员可以对文章分类信息进行添加，修改，删除，查询操作。

图5.3 文章分类管理页面

文章信息管理

如图5.4显示的就是文章信息管理页面，管理员可以对文章信息进行添加修改删除查询操作。

图5.4 文章信息管理页面

交友论坛

如图5.4显示的就是交友论坛页面，用户可以在交友论坛里面发布帖子，也可以查看别人发布的帖子。

图5.5 交友论坛页面

会员信息

如图5.4显示的就是会员信息页面，会员可以在这里看到其他会员发布的信息，可以收藏。

图5.6 会员信息页面