基于JAVA+SpringBoot+Vue的公交线路查询系统

研究背景

互联网时代不仅仅是通过各种各样的电脑进行网络连接的时代，也包含了移动终端连接互联网进行复杂处理的一些事情。传统的互联网时代一般泛指就是PC端，也就是电脑互联网时代，但是最近几十年，是移动互联网时代，是向下一步互联网时代过度的一个重要时代，下一个互联网时代叫物联网，而移动互联网就是一个风口，是当前社会的主流风向。目前移动互联网大行其道，人人都手中拿着智能机，手机手机，手不离机，如果开发一个用在手机上的程序软件，那是多么的符合潮流，符合管理者和客户的理想。本次就是开发公交线路查询系统有管理员，用户两个角色。管理员功能有个人中心，用户管理，公交线路管理，网站公告管理，友情链接管理，留言管理，系统管理。用户可以注册登录，查看公告线路，查看网站公告，进行留言等操作。

研究现状

当微软操作系统占领了多半江山，目前不分年龄和种族，使用频率最高，覆盖面积最广。使用人群使用的大多数都是微软系统。而微软又不遗余力的更新Windows版本，从微软对Windows的市场定位来讲，Windows的未来不仅仅是一个操作系统，而是让所有人都拥抱Windows，建立一个属于Windows的互联网生态圈。目前各大行业，各种类型的软件阵地转移到了Windows平台上，包含一些带商城的免费管理系统，或者一些带广告的免费应用，还有好多游戏之类的应用。尤其是经过疫情涌现的互联网办公，学校的互联网教学等，都不断的刷新人们对于互联网的认知。

系统流程分析

分析程序的流程，涉及到程序的整体操作流程，通过分析与设计，绘制的程序操作流程图见下图。此程序为了确保安全，会让使用者通过登录模块验证信息，符合要求的使用者才有权限操作程序。

图3-1 程序操作流程图

程序处理数据会涉及到数据的录入环节，绘制的添加流程见下图。程序录入数据过程中，始终与数据库保持同步。

图3-2 信息添加流程图

程序里面的数据也会出现错误，因此就有相应的修改数据的功能，绘制的程序修改流程见下图。此过程也是跟后台数据库进行数据同步显示。

图3-3信息修改流程图

程序数据存放于数据仓库，有时也会涉及到数据删除，此过程对应的流程图见下图。数据信息被删除之后，数据库里面也就没有了该数据信息了。

图3-4 信息删除流程图

系统设计的原则

在系统设计过程中，也需要遵循相应的设计原则，这些设计原则可以帮助设计者在短时间内设计出符合设计规范的设计方案。设计原则主要有可靠性，安全性，可定制化，可扩展性，可维护性，可升级性以及客户体验等原则。下面就对这些原则进行简要阐述。

可靠性：一个软件是否可靠决定了其是否被用户使用，设计不可靠的软件，用户很容易就遗弃；

安全性：程序软件承担了信息的保存与管理等事务，安全性不足的软件会导致使用者承担巨大的损失；所以系统安全也是需要考虑进入的；

可定制化：市场环境从来都不是一直固定不变，面对客户群体的改变，以及使用环境的改变，市场需求的改变等因素，程序软件也要易于调整以适应各种变化；

可扩展性：程序软件在运行使用期间，也需要及时引进当下的新技术来进行系统优化，主要就是在系统功能层面，系统性能层面上进行相应的扩展，只有这样才能让系统在实际生活中继续占有市场；

可维护性：程序软件的维护需要一定量的资金，不管是排除现有程序错误，还是变更软件的现有需求，都需要在软件技术上投入一定资金，所以易于维护的软件程序就可以降低技术层面的资金消耗；

可升级性：程序软件的投入使用，会面临用户数量增多的情况，用户对软件的使用率也会提升，所以系统面临这种情况，仍然需要通过升级保持性能的合理，这样才能够适应市场；

客户体验：设计出来的程序软件在界面上不能够太复杂，要遵循界面设计的原理设计出简单，方便操作的功能操作界面，让用户易于接受软件，并乐于使用软件提供的功能。

功能结构设计

在管理员功能模块确定下来的基础上，对管理员各个功能进行设计，确定管理员功能的详细模块。绘制的管理员功能结构见下图。管理员功能有个人中心，用户管理，图书分类管理，图书信息管理，订单管理，系统管理。

图4-2 管理员功能结构图

数据库设计

与功能结构设计一样，数据库设计也是程序开发不可避免的设计环节，数据库设计最主要的目的就是帮助运行程序存储相应的数据信息。数据库设计包含的内容有数据表结构的设计，也包含了数据库E-R图的设计。

数据库E-R图

在绘制E-R图之前，先要找出数据库的实体，明确各个实体具有的属性，比如用户信息这个实体，它具备的属性包括了用户的姓名属性，用户的密码属性，用户的创建时间属性等，所以明确了用户这个实体，以及用户实体具备的属性之后，就需要根据这些信息绘制用户实体对应的实体属性图了。绘制软件选用当下认可度高，使用范围广，操作便利的微软旗下的Visio工具。

（1）管理员实体属性图通过Visio工具绘制，绘制结果展示如下：

图4-4 管理员实体属性图

（2）用户实体属性图通过Visio工具绘制，绘制结果展示如下：

图4-5 用户实体属性图

（3）网站公告实体属性图通过Visio工具绘制，绘制结果展示如下：

图4-6 网站公告实体属性图

数据库表结构

在进行这部分设计之前，需要明白和掌握数据类型以及各个数据类型的长度范围等知识，因为在一张具体的数据表中，为了方便理解，这里就举个简单的例子。比如用户信息表，这个表格的字段就是用户这个实体具备的属性，这时就需要对字段进行数据类型，以及字段长度的设置，也要设置一个主键来作为用户信息表的唯一标识。这些都是数据库表结构设计需要完成的内容。根据公交线路查询系统的功能设计以及数据库设计要求，展示该系统的数据表结构。

1在线提问表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

addtime

Date

创建时间

是

3

userid

Integer

用户id

是

4

adminid

Integer

管理员id

是

5

ask

String

提问

是

6

reply

String

回复

是

7

isreply

Integer

是否回复

是

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

zhaopian

String

照片

是

3留言建议表

序号

列名

数据类型

说明

允许空

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

回复图片

是

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

addtime

Date

创建时间

是

3

luxianbianhao

String

路线编号

是

4

luxianmingcheng

String

路线名称

是

5

fengmian

String

封面

是

6

jiage

Integer

价格

是

7

qidianzhanming

String

起点站名

是

8

tujingzhandian

String

途径站点

是

9

zhongdianzhanming

String

终点站名

是

10

luxianxiangqing

String

路线详情

是

11

thumbsupnum

Integer

赞

是

12

crazilynum

Integer

踩

是

13

clicktime

datetime

最近点击时间

是

14

clicknum

Integer

点击次数

是

6收藏表

序号

列名

数据类型

说明

允许空

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

推荐类型

是

7网站公告表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

addtime

Date

创建时间

是

3

biaoti

String

标题

是

4

jianjie

String

简介

是

5

fabushijian

date

发布时间

是

6

fengmian

String

封面

是

7

neirong

String

内容

是

8

thumbsupnum

Integer

赞

是

9

crazilynum

Integer

踩

是

10

clicktime

datetime

最近点击时间

是

11

clicknum

Integer

点击次数

是

8友情链接表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

addtime

Date

创建时间

是

3

lianjiemingcheng

String

链接名称

是

4

lianjie

String

链接

是

5

tupian

String

图片

是

6

clicktime

datetime

最近点击时间

是

7

clicknum

Integer

点击次数

是

9管理员表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

username

String

用户名

是

3

password

String

密码

是

4

role

String

角色

是

5

addtime

Date

新增时间

是

10公交路线评论表

序号

列名

数据类型

说明

允许空

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 用户管理页面

公交线路管理

管理员可以对公交线路信息进行添加，修改，删除，查询操作。

图5-2 公交线路管理页面

网站公告管理

管理员可以对网站公告信息进行添加，修改，删除，查询操作。

图5-3 网站公告管理页面

友情链接管理

管理员可以对友情链接信息进行添加，修改，删除，查询操作。

图5-4 友情链接管理页面

用户功能实现

用户注册

用户想要登录系统需要先进行注册，注册账号不能重复。

图5-5 用户注册页面

用户登录

用户注册成功后在登录界面需要输入正确的账号密码才可以登录。

图5-6 用户登录页面

公交线路详情

用户可以查看公交线路查询，可以收藏和评论公交线路。

图5-7 公交线路详情页面

我的收藏

用户收藏过的图书信息可以在我的收藏里查看查询和删除。

图5-8 我的收藏页面