【2024-2025源码+文档+调试讲解】微信小程序的城市公交查询系统

摘要

当今社会已经步入了科学技术进步和经济社会快速发展的新时期，国际信息和学术交流也不断加强，计算机技术对经济社会发展和人民生活改善的影响也日益突出，人类的生存和思考方式也产生了变化。传统城市公交查询管理采取了人工的管理方法，但这种管理方法存在着许多弊端，比如效率低下、安全性低以及信息传输的不准确等，同时由于城市公交查询管理中会形成众多的个人文档和信息系统数据，通过人工方法对用户、线路、车次、公交线路、公交站点、公交信息等进行集中管理会形成检索、更改和维护等较为麻烦的管理问题，同时由于广大用户对网络技术的需求也日益高涨，于是信息技术也需要继续开展全新的改革以满足时代的需求。根据此问题，研发一套微信小程序的城市公交查询系统，既能够大大提高信息的检索、变更与维护的工作效率，也能够方便微信小程序的管理运用，从而减少信息管理成本，提高效率。

该微信小程序的城市公交查询系统采用Uni-weixin、SpringBoot架构技术，前端以小程序页面呈现给用户，结合后台java语言使页面更加完善，后台使用MySQL数据库进行数据存储。该微信小程序主要设计并完成了管理过程中的用户注册登录、个人信息修改、公交线路、公交站点、公交信息等功能。该微信小程序操作简便，界面设计简洁，不但可以基本满足本行业的日常管理工作，同时又可以有效减少人员成本和时间成本，为城市公交查询管理工作提供了方便。

关键词：微信小程序的城市公交查询系统；java语言；springboot框架；

Abstract

Today's society has entered a new era of scientific and technological progress and rapid economic and social development. International information and academic exchanges are also constantly strengthening, and the impact of computer technology on economic and social development and the improvement of people's lives is becoming increasingly prominent. The way humans survive and think has also changed. Traditional urban public transportation query management adopts manual management methods, but this management method has many drawbacks, such as low efficiency, low safety, and inaccurate information transmission. At the same time, due to the formation of numerous personal documents and information system data in urban public transportation query management, centralized management of users, routes, train numbers, bus routes, bus stops, bus information, etc. through manual methods will result in retrieval The more complicated management issues such as changes and maintenance, as well as the increasing demand for network technology from users, require information technology to continue to undergo new reforms to meet the needs of the times. Based on this issue, developing a WeChat mini program for urban public transportation query system can greatly improve the efficiency of information retrieval, change, and maintenance, as well as facilitate the management and application of WeChat mini programs, thereby reducing information management costs and improving efficiency.

The city bus query system of this WeChat mini program adopts Uni Weixin and SpringBoot architecture technology. The front-end presents the mini program page to the user, and the back-end uses Java language to make the page more complete. The back-end uses MySQL database for data storage. This WeChat mini program mainly designs and completes functions such as user registration and login, personal information modification, bus routes, bus stops, and bus information during the management process. This WeChat mini program is easy to operate and has a simple interface design. It can not only meet the daily management needs of the industry, but also effectively reduce personnel and time costs, providing convenience for urban public transportation query and management work.

Keywords: Urban public transportation query system for WeChat mini programs; Java language; Springboot framework;

摘要 I

Abstract II

1 概述

1.1 课题研究背景

1.2 微信小程序意义介绍

1.3 国内外研究现状 1

2 系统开发环境及相关技术 2

2.1 系统开发环境 2

2.2 系统开发技术 2

2.2.1 Spring Boot框架介绍

2.2.2 Java介绍

2.2.3 MySQL数据库

2.2.4小微信公众号开发技术

3 系统需求分析

2.1 可行性分析

3.2 功能需求分析

3.3 系统流程分析

3.3.1 登录流程

3.3.2 添加信息流程

3.3.3 收藏信息流程

4 系统设计

4.1 功能模块设计

4.2 系统数据库设计

4.2.1 数据库系统

4.2.2 数据库概念设计

4.2.3 数据表设计

4.2.4 数据表的建立

5 系统实现

5.1用户微信端模块实现

5.2管理员服务端模块实现

6 系统测试

6.1软件测试过程

6.2测试用例

结论

致谢

参考文献

1 概述

1.1 课题研究背景

近年来，由于计算机技术和互联网技术的飞速发展，所以各企事业单位内部的发展趋势是数字化、信息化、无纸化，随着这一趋势，而各种决策小程序、辅助小程序也就应运而生了，其中，微信小程序是其中重要的组成部分[1]。

城市公交查询管理工作向来都是在生活中不可或缺的一部分，然而多年以来人们大都习惯使用传统方法，即人工来完成线路、车次、公交线路、公交站点、公交信息的管理，但是这种方法存在着工作效率低以及保密性差的问题，同时还会生成大量的文本和数据，在检索数据时极大不便。随着科技发展进步，我们已进入了信息化社会，仅仅依靠传统的表格管理方式已不能适应时代的要求。因此使用计算机来进行接手传统方式已经势在必行[2]。

而通过计算机技术来实现的微信小程序的城市公交查询系统拥有对信息的快速检索、保存了大量的信息、信息系统保存的稳定性高和维护成本低等优点，对城市公交查询管理的工作效率也能提高。如今，传统的人工管理方法、文件和图表打印等信息传输方法已经不能满足当下城市公交查询管理的发展需求，计算机科学与互联网技术的蓬勃发展，颠覆了人们的生活以及思维方式。微信小程序的城市公交查询系统的出现，利用信息技术将城市公交查询管理融于网络平台中，成为学校提高管理水平的有利手段，将会成为未来发展的新模式[3]。

1.2 微信小程序意义介绍

如今微信已是亚洲地区最大用户群体的移动即时社交通信软件，并且微信已不止社交这么简单，它包含了生活、支付、娱乐、媒体等人们生活中经常用到的多种服务。第一个微信小程序于2017年1月问世，便是利用微信官方提供的服务接口而生的最新的应用技术[4]。微信的这项功能是开放申请的，无论是个人还是政府、媒体或其他组织都可以申请注册并开发小程序，并且微信官方提供了一套专门的开发工具给开发者。微信的小程序和订阅号、服务号和公众号是并行体系，它们有些像，但又不一样。微信之父张小龙表示：现在太多人做公众号而非APP，于是导致现在微信公众号变成了一个媒体化的平台，但是我们的本意并非如此，我们想要提供服务而不是传播推广信息，于是就有了小程序。在手机应用层出不穷且手机存储能力有限的今天，微信小程序作为一种轻度云端应用正好符合了目前人们的需求。根据微信官方的说法，小程序是一种不需要下载安装即可使用的应用，它实现了应用“触手可及＂的梦想，用户扫一扫或者搜一下即可打开应用。应用将无处不在，随时可用，但又无须安装卸载[5]。可以说未来随着网络和云的发展，手机应用程序将不再局限于本地模式，而是逐渐向着云端体验进化。

1.3国内外研究现状

在国外，微信小程序的城市公交查询系统管理技术，早已变成了一款非常成熟的技术，那各种各样的针对广大用户的微信小程序的城市公交查询系统也随即出现，在当时来讲数据库是一个很大的问题，因此为了整体的提高工作状态，当时的开发者又根据具体的情况开发出了存储型的软件。此时的软件有了各方面技术的支撑，其中最主要的一点就是该软件借助了很多通讯的技术，而且集合了交叉了很多学科。由于系统工程融入了当时非常成熟的技术，所以这个时期的微信小程序的城市公交查询系统都更加的安全，系统维护起来也更有保障[6]。

在我国，微信小程序的城市公交查询系统的理论研究已经很深入了，以促进用户全面发展为指导思想，形成了社会规范化的微信小程序的城市公交查询系统机制。我国技术人数目众多，对微信小程序的城市公交查询系统管理也有了非常丰富的经验成果：一是从科学管理入手，将微信小程序的城市公交查询系统与其它主题结合；二是寻求微信小程序的城市公交查询系统的创新点，比如采用新的管理技术手段来有效地进行微信小程序的城市公交查询系统。

2 系统开发环境及相关技术

2.1 系统开发环境

本管理系统采用的集成开发环境为Eclipse，使用java等语言及springboot框架进行开发，其中硬件环境和软件环境如下：

硬件环境

处理器：Intel(R) Core(TM) i5-7400 CPU @ 3.00GHz 3.00GHz

内存：8GB

软件环境

操作系统：windows 10 64位操作系统

开发工具：Eclipse

2.2 系统开发技术

微信小程序的城市公交查询系统采用Uni-weixin、SpringBoot架构技术，前端以小程序页面呈现给用户，为B/S(Browser/Server)架构进行设计开发。在B/S架构下，用户在浏览器端进行使用，主要工作通过服务器端进行实现，用户通过网站进行访问大大节约了成本。本系统使用java等语言进行开发，使用MySQL进行数据存储。

2.2.1 Spring Boot框架介绍

该框架拥有自己独特的配置方式，网站开发人员不需要再进行大量重复的样板式的配置工作，开箱即用，不会生成额外代码量，不需要进行XML文件的配置。

2.2.2 Java介绍

Java 最大的两个特点就是功能强大和简单易用。Java可以让程序员进行复杂的编程而不必为储存管理对象等问题所烦恼，把精力和时间更多的放在研发与设计上，极大地提高了开发者的工作效率和工作热情。

2.2.3 MySQL数据库

MySQL是一款小型关系型数据库管理系统（Relational Database Management System)，开发商为瑞典MySQLAB公司。关系型数据库将数据存放在不同的表中，使数据更加规范化。MySQL因其体积小、速度快、源码开放的特点，很多网站开发都将MySQL作为首选。

2.2.4小微信公众号开发技术

微信开发者工作是微信官方提供的针对微信小程序的开发工具，集中了开发，调试，预览，上传等功能。微信团队发布了微信小程序开发者工具、微信小程序开发文档和微信小程序设计指南，全新的开发者工具，集成了开发调试、代码编辑及程序发布等功能，帮助开发者简单和高效地开发微信小程序。

2.启动工具时，开发者需要使用已在后台绑定成功的微信号扫描二维码登录，也可通过帐号密码进行登录，后续所有的操作都会基于这个微信的帐号.

3.早期微信应用的开发是一件非常痛苦的事情，因为基于微信的网页涉及到调用微信的接口，所以网页必须在微信的内置浏览器打开才能看到实际的运行效果。做过前端开发的同学都知道，Chrome和firefox都自带强大的调试工具，使用非常方便。但是基于微信的网页不能在这两种PC端浏览器中运行，所以调试是一个很大的问题。

4.幸运的是，现在这个问题已经不存在了，微信技术团队在去年年底的时候推出了微信web开发者工具：微信公众平台为开发者提供web开发者工具，用于帮助开发基于微信的网页或者webapp。它是一个桌面应用，通过模拟微信客户端的表现使得开发者可以使用这个工具方便地在PC或者Mac上进行开发和调试工作。

3 系统需求分析

在当今的社会生活中，互联网已经变得非常普遍和重要。充分利用互联网大数据等技术可以解决很多问题。目前，城市公交查询管理也面临着自身的问题。根据这一普遍现象，该系统可以很好地解决这些问题[7]。系统中这二类用户的数据在系统中非常关键，因此系统数据应该被组织起来，因为数据是以某种格式存储的，而不是无序的。其概念是，它可以根据长期稳定的格式在计算机内存中共享。数据库管理系统主要用于保存、修改和添加索引数据以及设置数据库。为了确保系统数据管理的顺利进行，一些有能力的处理器可以在不需要专业人员处理的情况下管理数据。创建数据表时，可以调整、重新组织和重建数据表中的数据，以确保数据可靠性。在数据库系统设计中，MySQL主要用于实现数据的集中管理。各方面表现良好[8]。

2.1 可行性分析

根据微信小程序的城市公交查询系统所拥有的功能情况，通过经济效益、技术难度和管理方式进行全面的可行性分析，来提供准确的可行性依据。以下是本微信小程序的可行性分析：

经济可行性

使用了免费版的Eclipse节省了开发成本，在购买服务器后部署项目便能通过浏览器进行访问。

技术可行性

本管理系统采用B/S架构和java语言进行设计，通过分层分包的方法，有利于日常的维护，同时降低了代码之间的耦合。

管理可行性

本管理系统所需要的管理难度低，只需要一个管理员便能进行用户、线路、车次、公交线路、公交站点、公交信息、周边服务等的删除、修改和添加[9]。

3.2 功能需求分析

微信小程序的城市公交查询系统综合网络空间开发设计要求。目的是将城市公交查询通过网络平台将传统管理方式转换为在网上操作，方便快捷、安全性高、交易规范做了保障，目标明确。微信小程序的城市公交查询系统可以将功能划分为用户和管理员功能[10]。

（1）、用户关键功能包含用户注册登陆、科目任务、公交线路、公交站点、公交信息、周边服务、公交动态、天气、我的等有关功能。用户用例如下：

图3-1 用户用例图

（2）、管理员的权限是最高的，可以对系统所在功能进行查看，修改和删除等，管理员用例如下：

图3-2管理员用例图

3.3 系统流程分析

3.3.1 登录流程

每个用户都有专属的密码和账号，在输入合法的账号和密码之后即可进入系统。登录流程如图3-3所示：

图3-3 登录流程图

3.3.2 添加信息流程

管理层人员有添加用户信息等信息功能。添加信息流程如图3-4所示：

图3-4 添加信息流程图

3.3.3 收藏信息流程

在微信小程序的城市公交查询系统中，用户登录后，浏览公交线路、公交站点、公交信息、周边服务、公交动态等详情界面能进行信息收藏，用户收藏信息的流程图如图3-5所示：

图3-5 用户收藏信息流程图

公交动态实体E-R图如下图4-2所示。

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

图4-3用户信息实体E-R图

公交站点实体E-R图如下图4-4所示。

图4-4公交站点实体E-R图

公交线路实体E-R图如下图4-5所示

图4-5公交线路实体E-R图

微信小程序的城市公交查询系统总体E-R图如下图4-6所示。

图4-6微信小程序的城市公交查询系统总体E-R图

4.2.3 数据表设计

本管理系统的数据表的设计根据管理过程中的具体流程所需，方便了管理员对数据进行新增、删除、修改和查询的操作。

4.2.4 数据表的建立

系统使用MySQL工具对数据库进行操作，它有着简便的数据库管理操作以及强大的数据处理能力。以下是数据表的建立情况：

表4-1：系统简介

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

字段名称	类型	长度	字段说明	主键	默认值
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-3：收藏表

字段名称	类型	长度	字段说明	主键	默认值
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-4：公告信息

字段名称	类型	长度	字段说明	主键	默认值
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-5：公交线路评论表

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
refid	bigint		关联表id
userid	bigint		用户id
avatarurl	longtext	4294967295	头像
nickname	varchar	200	用户名
content	longtext	4294967295	评论内容
reply	longtext	4294967295	回复内容

表4-6：用户表

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
username	varchar	100	用户名
password	varchar	100	密码
image	varchar	200	头像
role	varchar	100	角色		管理员
addtime	timestamp		新增时间		CURRENT_TIMESTAMP

表4-7：配置文件

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
name	varchar	100	配置参数名称
value	varchar	100	配置参数值
url	varchar	500	url

表4-8：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-9：周边服务

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
biaoti	varchar	200	标题
tupian	longtext	4294967295	图片
fuwuleixing	varchar	200	服务类型
zhoubianxiangqing	longtext	4294967295	周边详情

表4-10：用户

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
yonghuzhanghao	varchar	200	用户账号
yonghuxingming	varchar	200	用户姓名
mima	varchar	200	密码
xingbie	varchar	200	性别
touxiang	longtext	4294967295	头像
dianhuahaoma	varchar	200	电话号码

表4-11：公告信息分类

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
typename	varchar	200	分类名称

表4-12：线路

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
xianlu	varchar	200	线路

表4-13：公交站点

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
zhandianmingcheng	varchar	200	站点名称
zhandianzhaopian	longtext	4294967295	站点照片
gongjiaoxianlu	varchar	200	公交线路
daolumingcheng	varchar	200	道路名称
zhandianweizhi	varchar	200	站点位置
jingguogongjiao	longtext	4294967295	经过公交
daozhanshijian	varchar	200	到站时间
zhoubianzhandian	longtext	4294967295	周边站点
clicktime	datetime		最近点击时间
clicknum	int		点击次数		0

表4-14：公交信息

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
gongjiaobianhao	varchar	200	公交编号
gongjiaobanci	varchar	200	公交班次
qidianzhan	varchar	200	起点站
gongjiaoxianlu	varchar	200	公交线路
zhongdianzhan	varchar	200	终点站
tupian	longtext	4294967295	图片
tujingzhandian	varchar	200	途经站点
shoubancheshijian	datetime		首班车时间
mobancheshijian	datetime		末班车时间
fachejiange	varchar	200	发车间隔
piaojia	int		票价
xiangqing	longtext	4294967295	详情
storeupnum	int		收藏数		0

表4-15：公交线路

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
gongjiaochehao	varchar	200	公交车号
luxiantupian	longtext	4294967295	路线图片
checi	varchar	200	车次
xianlu	varchar	200	线路
shifazhandian	varchar	200	始发站点
piaojia	varchar	200	票价
tujingzhandian	longtext	4294967295	途径站点
zhongdianzhandian	varchar	200	终点站点
huanchengxinxi	longtext	4294967295	换乘信息
yunxingshijian	varchar	200	运行时间
luxianxiangqing	longtext	4294967295	路线详情
gengxinshijian	date		更新时间
clicktime	datetime		最近点击时间
clicknum	int		点击次数		0
discussnum	int		评论数		0
storeupnum	int		收藏数		0

表4-16：公交动态

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
gongjiaozhandian	varchar	200	公交站点
tupian	longtext	4294967295	图片
renliuliang	varchar	200	人流量
yongduqingkuang	varchar	200	拥堵情况
dongtaixiangqing	longtext	4294967295	动态详情