基于python+vue公共交通查询系统的设计与实现flask-django-php-nodejs

 在信息化的时代，用户只能通过一些类似网站查询公交路线、公交相关等，这样的查询方式仍然是比较机械传统的，本文通过对市面上常见的线上管理系统与现实生活中结合问题的讨论，从一个公共交通查询系统角度进行需求分析，提供一些新的思路，并尝试做一些简单的实现。
关键词：公共交通查询系统；
语言：Python
框架：django/flask
软件版本：python3.7.7
数据库：mysql 
数据库工具：Navicat
前端框架:vue.js
通过比较两个不同因素的框架，可以看出Flask和Django不能被标记为单一功能中的最佳框架。当Django在快速发展的大型项目中看起来更好并且提供更多功能时，Flask似乎更容易上手。这两个框架对于开发Web应用程序都非常有用，应根据当前的需求和项目的规模来选择它们。
最新python的web框架django/flask都可以开发.基于B/S模式,前端技术:nodejs+vue+Elementui+html+css
,前后端分离就是将一个单体应用拆分成两个独立的应用：前端应用和后端应用，以JSON格式进行数据交互.充分保证了系统代码的良好可读性、实用性、易扩展性、通用性、便于后期维护等特点

近年来互联网络的迅猛发展和电子终端设备的普及，赋予了各行业充足的发展空间。公共交通查询系统相比于传统信息技术，时效性是它最大的特色，已经在电子娱乐、经济等中发挥着举足轻重的作用。2019年疫情的爆发，更是短时间内迅速扩大了线上管理系统的规模。尽管服务行业已经有了很大程度的发展，但在公共交通查询领域上却少有建树。
目 录
摘 要 I
Abstract II
1 绪 论 1
1.1课题研究背景及意义 1
1.2研究现状 2
1.3本论文的主要论文结构 3
2系统相关技术 4
2.1python语言简介 4
2.2django/flask框架 5
2.3 MySQL数据库 5
2.4 B/S架构 6
3系统需求分析 6
3.1可行性研究 8
3.1.1技术可行性分析 10
3.1.2 经济可行性分析 10
3.1.3 环境运行可行性分析 11
3.1.4 法律可行性分析 12
3.2系统用例图 12
3.3系统流程设计 13
3.3.1 系统开发流程 14
3.3.2 用户登录流程 14
3.3.3 系统操作流程 15
3.3.4 添加信息流程 16
3.3.5 修改信息流程 17
3.3.6 删除信息流程 18
4系统设计 19
4.1系统功能结构图 19
4.2系统数据库设计 20
4.2.1数据库E-R图 21
4.3数据库表结构 22
5 公共交通查询系统的设计与实现部分 23
5.1注册登录界面 24
5.2前台用户功能模块 25
5.3后台管理员功能模块 26
6系统测试 27
6.1系统测试的方法 27
结 论 28
参考文献 29
致 谢 30

1 绪 论
1.1课题研究背景及意义
伴随着基础网络设施的不断进步和终端电子设备的高度普及，互联网用户规模越来越大[1]。现在人们越来越离不开计算机网络、互联网所带来的好处了，现如今不同的网站系统遍地都是，现在已经不同于以往的传统的管理方式了，只有跟上时代的发展才能不会被淘汰掉，所以对于公交车站来说也是同样的，公共交通查询系统相比于传统的传输媒体，其对网络环境有着更高的要求。而5G网络技术的发展，则给予了服务行业充足的发展空间。
随着经济的发展，人民的生活水平也提高了，于是对网络的需求也越来越依赖。然而，线下管理模式的改进却是一项比较繁杂的工作，因此，管理人员要充分发挥信息化管理的作用，提高本行业整体管理能力，并改进完善现有的公共交通查询系统体系，是非常有意义的[2]。
2.3 MySQL数据库
MySQL是一个多用户、多线程的SQL数据库服务器。MySQL不仅仅能够有效地对数据库的数据进行增、删、改、查，还可以做其他更多的事情。MySQL是关系型数据库操作的基本操作语言，它可以保存实体之间的关系，即存储数据，比如用来存储用户、商品或订单，所以特别适合那些数据库和网站开发背景的工作。
MySQL数据库特点：
(1)保证源代码编译器的可移植性和灵活性。
(2)支持多种操作系统包括AIX、FreeBSD、HP-UX、Linux和Mac OS、Novell‘s Netware、OpenBSD系统、OS/2卷、Solaris、Windows等。
(3)提供不同编程语言的接口，C、C++、Python和PHP、Perl、PHP、Ruby等编程语言。
(4)支持使用CPU资源的多线程。
(5)查询速度快。算法优化了查询语句，可靠地提高了搜索速度。
(6)MySQL语言灵活。作为嵌入式语言能够嵌入到其他语言程序中，它的语法结构基本一致，提供了极大的灵活性和方便性。
(7)高度非过程化。在访问数据库时，没有必要一步一步向计算机发送指令去完成任务，只需要用MySQL语句描述并且命令就可以了，数据库会自动完成全部工作。
2.4 B/S架构
B/S（Browser/Server,浏览器/服务器）模式，是一种架构模式，属于WEB发展后的所出现的一种网络构造，而WEB又是主要的浏览器应用商品软件。B/S架构模式不仅将系统的重新开发、维修及利用等简单化，更将其重点放到了服务器上。它使客户端得到了统一，服务器上集中了系统功能的最关键部分。
B/S架构的工作模式是浏览器发出请求后服务器进行相应的响应。Internet上文本、图片、动画等信息主要由Web服务器产生，而用户主要是通过浏览器访问这些信息。在Web服务器上下载程序时，如果在下载过程中遇到某些与数据库相关的指令，可以将这些指令交给数据库服务器来解释、进行执行。

3系统需求分析
需求分析在系统开发中有着十分重要的作用。软件项目凭借软件工程的思想和步骤可以大大的提高开发效率，缩短软件开发周期，保证了软件项目的质量。需求分析作为软件工程方法中的一步是至关重要的[6]。软件需求工程是一门分析并记录软件需求的学科。需求分析简单的来说就是用户需要什么，系统需要什么，对此进行问题的列举，等级的排列，需要缜密的思分析和大量的调研[7]。
3.1可行性研究
通过对系统研究目标及内容的分析审察后，提出可行性方案，并对其进行论述。主要从技术可行性出发，再进一步分析经济可行性和环境运行可行性分析、法律可行性分析等方面[8]。
3.1.1技术可行性分析
技术可行性分析基于现在web水平、软硬件水平能否开发出公共交通查询系统，经过对市面常见公共交通查询系统了解研究对比，以及此次公共交通查询系统的估测，预计在技术方面开发本公共交通查询系统是可行的。第一，JAVA语言发展成熟且市面十分流行，由JAVA完成本公共交通查询系统的开发、调试，结合市面成熟的集成开发软件辅助开发，且本电脑配置win10系统，足够满足本次公共交通查询系统开发。第二，验证技术发展迅速，使得本公共交通查询系统安全性很高。综上所诉，开发本公共交通查询系统完全可行[9]。
3.1.2 经济可行性分析
经济可行性分析，就是分析在现有经济情况下能否完成本公共交通查询系统的开发。下面对本系统开发、运行、维护的相关费用评估，以及投入到社会完成公共交通查询系统可能费用进行估算。网络资源丰富，本公共交通查询系统只需使用任选一开源服务器即可，此方面无需投入费用。开发阶段，由于本公共交通查询系统不属于大型系统，常规的电脑就可完成开发，不用购置相关硬件设备。软件方面，本公共交通查询系统只需使用网上免费下载的软件即可完成开发，这些软件在使用时简单易懂，无需培训，因此此方面也无需投入费用。由于本公共交通查询系统不属于大型系统，运行时候电费可以忽略不记。公共交通查询系统作为自己毕设，由本人开发即可完成，无需人力费用。综上，整个系统开发花费很少，所以本公共交通查询系统在经济上可行[10]。
3.1.3 环境运行可行性分析
软件在能否在客户端使用并发挥效益的制约关键就是运行环境。计算机普及，现在人们接触各类系统频繁，日常生活使用计算机无障碍。并且该公共交通查询系统页面简单，通过显示页面引导即可完成本公共交通查询系统删除、增加、修改等功能。对计算机要求低，门槛低，通过常用浏览器即可使用本公共交通查询系统。因此在运行环境方面，本公共交通查询系统易于接受，是可行的[11]。
3.1.4 法律可行性分析
法律可行性分析，即分析本公共交通查询系统是否与各类法律相悖。本公共交通查询系统使用市面开源免费软件开发，且作为个人毕设，无商用，均为本人自主开发，并且页面设计合理，发布的信息要求符合常规。整个系统无抵触法律法规的问题。因此在法律上，本公共交通查询系统可行[12]。

3.2系统用例图
用例图，即以用户视角来描述本公共交通查询系统的功能，前面已经分析了本公共交通查询系统的总体设计，讨论了各个方面的需求。下面，将以管理员、用户为例。
.3系统流程设计
3.3.1 系统开发流程
公共交通查询系统的设计和开发，首先要对用户的实际使用需求和具体情况进行细致的分析，分析出系统要完成的全部功能，然后再针对整个系统的工作流程和功能进行设计，力求每个模块都能够达到用户的要求，最后通过测试来解决问题，保证系统的稳定和正常的运转，本系统的开发流程如图3-3所示。

图3-3系统开发流程图
3.3.2 用户登录流程
登录流程实现了管理员和其他用户的登录，在登录页面需要用户填写自己的信息，前端页面会将信息传递给后端接口，然后查询数据库确定该身份有效后登录成功，否则此用户登录失败，需要重新填写信息，进行再次验证，如图3-4所示。

图3-4登录流程图
3.3.3 系统操作流程
系统操作流程分析是软件开发过程中的一个关键环节，它是整个系统整体的运行过程，必须保证其中的每一个步骤都是确定的，这样一个规范的流程图可以使开发者易于理解，快速的投入到接口开发中，从而提升系统开发效率。
同时，流程图还能减少开发者对系统操作流程产生歧义和降低沟通的成本，系统操作流程如图3-5所示。

图3-5系统操作流程图
3.3.4 添加信息流程
系统的正常运行离不开数据的支撑，因此，在本系统中添加了数据插入功能，数据库中数据的缺失，会直接影响到数据的查询结果，查询结果错误又会导致逻辑处理出现偏差，最终导致系统性错误或故障，所以在对系统进行数据添加操作时，必须要对数据进行合法性校验，确定此条数据是否有惟一的主关键字和字段是否允许为空等等，若数据库表中不允许某字段为空，而程序没有进行该字段非空逻辑校验，那么就会出现数据存储失败，可能因此造成严重系统后果。添加信息流程如图3-6所示。

图3-6添加信息流程图
3.3.5 修改信息流程
因为使系统的使用者是人，所以难免会有疏忽，从而造成系统输入的信息有误。或者由于其他原因导致数据发生改变，使得必须对系统内的数据进行相应的调整，所以在程序运行中，数据的修改操作是不可缺少的重要环节。
在进行数据更新时，必须要有一个惟一的主关键字，以便数据库能够查询到相应的数据；另外，还必须遵守数据插入过程的操作规范，以确保数据的正确性。修改信息流程图如图3-7所示。

图3-7修改信息流程图
3.3.6 删除信息流程
删除操作在系统中并非是必须的，可根据用户及系统的需要来决定是否添加删除功能，删除操作就是使用delete语句将数据库中的某一匹配数据删除，因为此操作会导致用户数据丢失，所以为了避免使用者误按删除键，应在用户点击删除按钮时添加一个提示确认弹窗，当用户确定要删除时，再进行数据库的操作，并且在删除操作完成后要对用户进行反馈。删除信息流程图如图3-8所示。

图3-8 删除信息流程图

4系统设计
4.1系统功能结构图
系统功能结构图是系统设计阶段，系统功能结构图只是这个阶段一个基础，整个系统的架构决定了系统的整体模式，是系统的根据。公共交通查询系统的整个设计结构如图4-1所示。
 .3数据库表结构
在本系统中，采用的是目前比较主流的MySQL数据库，并且设计了几个数据表如下所示：

表4-1：公交路线
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
主键

addtime timestamp 创建时间 CURRENT_TIMESTAMP
xianlumingcheng varchar 200 线路名称
banci varchar 200 班次
piaojia float 票价
fachezhandian varchar 200 发车站点
fengmian longtext 4294967295 封面
tujingdi longtext 4294967295 途径地
zhongdianzhanming varchar 200 终点站名
luxianxiangqing longtext 4294967295 路线详情
gengxinshijian date 更新时间
clicktime datetime 最近点击时间
clicknum int 点击次数 0

表4-2：配置文件
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
主键

name varchar 100 配置参数名称
value varchar 100 配置参数值

表4-3：用户
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
主键

addtime timestamp 创建时间 CURRENT_TIMESTAMP
zhanghao varchar 200 账号
mima varchar 200 密码
xingming varchar 200 姓名
nianling int 年龄
xingbie varchar 200 性别
shouji varchar 200 手机
touxiang longtext 4294967295 头像

表4-4：在线客服
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
主键

addtime timestamp 创建时间 CURRENT_TIMESTAMP
userid bigint 用户id
adminid bigint 管理员id
ask longtext 4294967295 提问
reply longtext 4294967295 回复
isreply int 是否回复

表4-5：用户表
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
主键

username varchar 100 用户名
password varchar 100 密码
role varchar 100 角色 管理员
addtime timestamp 新增时间 CURRENT_TIMESTAMP

表4-6：关于我们
字段名称 类型 长度 字段说明 主键 默认值
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-7：token表
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
主键

userid bigint 用户id
username varchar 100 用户名
tablename varchar 100 表名
role varchar 100 角色
token varchar 200 密码
addtime timestamp 新增时间 CURRENT_TIMESTAMP
expiratedtime timestamp 过期时间 CURRENT_TIMESTAMP

表4-8：关于我们
字段名称 类型 长度 字段说明 主键 默认值
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-9：收藏表
字段名称 类型 长度 字段说明 主键 默认值
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:收藏,21:赞,22:踩,31:竞拍参与,41:关注) 1
inteltype varchar 200 推荐类型
remark varchar 200 备注

表4-10：公告资讯
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
主键

addtime timestamp 创建时间 CURRENT_TIMESTAMP
title varchar 200 标题
introduction longtext 4294967295 简介
picture longtext 4294967295 图片
content longtext 4294967295 内容

表4-11：留言反馈
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
主键

addtime timestamp 创建时间 CURRENT_TIMESTAMP
userid bigint 留言人id
username varchar 200 用户名
avatarurl longtext 4294967295 头像
content longtext 4294967295 留言内容
cpicture longtext 4294967295 留言图片
reply longtext 4294967295 回复内容
rpicture longtext 4294967295 回复图片

表4-12：公交相关
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
主键

addtime timestamp 创建时间 CURRENT_TIMESTAMP
biaoti varchar 200 标题
jianjie longtext 4294967295 简介
fabushijian date 发布时间
neirong longtext 4294967295 内容
fengmian longtext 4294967295 封面
clicktime datetime 最近点击时间
clicknum int 点击次数 0
userid bigint 用户id

5 公共交通查询系统的设计与实现部分
5.1注册登录界面
用户需要输入正确的用户名和密码后才可以登录系统并正常使用。如果是第一次使用的新用户，应当先进行账户的注册。注册和登录的界面应当设置便捷的跳转按钮。当用户输入的信息不正确时应当进行相应的提示。如登录时输入的账户有误，应当提示用户该账户不存在。同样的，操作时应该提供积极的反馈，避免用户重复操作。如新用户注册账户时，如果注册成功应该提示“注册成功”的消息栏。
当用户成功登录后，应该进入到系统的导航界面。
登陆界面利用表单输入，点击登录按钮会将表单通过相关接口提交给后台，后台验证通过会返回用户的对应Token信息，将Token信息存储到浏览器Session Stroge中，保证浏览器可以判断用户是否未登录状态。反之，如果该用户不存在，后台会返回对应的提示信息。
注册界面由用户名，密码组成，填写完整后通过相关接口提交，后台会将该用户信息存入Mysql数据库中，建立相关的表结构，返回注册成功code。
 
1.2研究现状
首先，随着计算机技术的稳步快速发展，各类应用型软件得到较大幅度普及，它替代了纸质办公，具有手工管理所无法比拟的优点，对提高工作效率、降低成本具有显著的作用；比如信息流通到位及时、组织管理责任明确、文件查找方便、档案处理可靠性高、存储量大等。可以使我们更加有针对性和更便捷地对公共交通查询系统事务进行科学管理，极大地提高公共交通查询系统的效率，提升公共交通查询系统的吸引力和影响力，更好地为用户提供信息支持和科学管理[3]。
最新的CNNIC最新数据表明，2012年本科以上学历的人群已经99%接触和利用网络，相信在这样的一个大环境和市场需求下，会更加催生网络服务行业的稳步持续发展。公共交通查询系统更加具有其开发的意义，主要体现在它具有广泛的应用性，逐步成熟的网络需求，稳定的发展。用户需要通过公共交通查询系统来找寻自己所需的信息；管理员对系统所有的信息进行管理与维护[4]。公共交通查询系统因其诸多的优越性，成为个人和公交车站的优先选择的一条途径，而这其中的很多部分，其实已经完全可以由机器代替了。
6系统测试
6.1系统测试的方法
（1）白盒测试法
所谓白盒测试是指一种以流程为基础的结构测试、逻辑驱动测试或以流程为基础的测试方式，也就是对系统的具体测试[13]。白箱试验是预先设置一个特殊的条件或者一个周期的用例，其目的是为了实现对该体系的内部构造进行穷举性的检测。在白盒测试期间，主要对下列系统程序进行如下试验：
（1）对系统程序中的全部单独的运行通路进行一次最小的试验；
（2）对两种情形下的“真”与“假”进行逻辑判断，至少进行一次；
（3）在一个系统周期的过程中，对它的周期和操作进行试验；
（4）检验系统内的资料架构是否有效。
（2）黑盒测试法
所谓的黑盒测试，就是根据一个已经存在的程序的功能架构，对其进行实验，以确定其全部的性能是否符合规定在使用黑箱试验方法进行系统程的检测时，将其视为一个完整的系统，而不能了解其所使用的是何种体系，而仅仅将其视为一个不可开启的箱子。采用“黑盒子”检测技术，可以对系统是否满足用户的要求进行检测，对系统的各项功能是否正常运行，对系统的数据是否进行了正确的检测和处理[14]。
使用了一个黑盒测试来检测下列的bug：
（1）对该过程进行初始化和结束时的差错；
（2）是否有系统接口出错；
（3）输入和输出的数据结果有无错误；
（4）对该数据库进行存取的过程中出现了故障；
（5）体系的错误；
（6）系统的功能是否有疏忽或错误；
综合以上的检测方式，并根据本系统的特性，采用黑盒测试，白盒测试作为辅助手段，综合检测该系统的各项功能和性能[15]。

结 论
本文介绍了一个使用方便，界面清晰的公共交通查询系统的设计与实现。本系统已经实现了对用户管理、公交路线管理、公交相关管理、留言反馈、系统管理等的综合管理，系统为管理者节省了精力和时间，简化了公共交通查询系统建设中重要环节的管理难度，丰富了信息化的建设，符合信息时代的发展趋势。存储在系统中的数据也将对未来信息管理系统的发展提供数据支撑。
本文实现的系统具有功能实用、界面简单清晰、操作简单、安全稳定的优点。在设计实现上本系统采用了python快速开发接口，提升了开发效率、同时也保障了后续维护，易于扩展。使用MySQL轻量级数据库大幅度提升查询性能。这时对系统的要求也将越来越高，这要求我们不断探索新的需求，开发新的技术，与时俱进，实现更完善更智能的公共交通查询系统。
致 谢
时光荏苒，四年的大学生活使我收获良多，感谢学校给我们提供了一个创新思维、思考问题和解决问题的平台，感谢老师们在过去给予我的知识和帮助。在这里我要向你们表达最真挚的谢意——感谢大家对我门课程教学的支持与鼓励！我想说的话：努力掌握专业知识、不断提高自己的综合素质。通过四年的学习和实验，老师不仅教会了我们知识，还培养了我们自主学习的能力，让我们可以用课堂上所学到的知识去钻研专业的其它方面。
从公共交通查询系统的选择，到系统的详细设计，再到系统各个功能模块的编码，再到论文的撰写，作为一名没有实际开发经验学员，我的第一感觉就是不知从何说起，非常感谢老师们在系统架构设计、进度安排、关键技术等方面的宝贵经验和投入，让我备受鼓舞，顺利完成了课题。我相信在今后的工作中将会得到更多的收获！互联网时代已经到来了。随着信息技术的不断发展，网络技术也越来越成熟，它改变着人们的生活方式，同时对传统行业产生巨大影响。互联网时代我们提供了丰富的资源，解决了我在发展过程中遇到的许多问题，在前辈的指导下，我一直有一种开放的感觉。
一般来说，不付出艰苦的努力就不会有预期的结果，一个从最初的想法到实践到具体目标的软件系统需要反复的设计、改进、实验、耐心、细心和信心，以及坚持不懈、不断尝试和探索未知事物的精神与勇气。
在论文的最后阶段，感谢xxxxxx学院的老师们在这四年对教学的辛勤付出，也感谢和我一起学习的同学和室友，虽然只有相聚的时间只有短短四年，但还是很高兴能在这里认识你们，因为你们无微不至的陪伴，我才能收获一个精彩的大学生活。