摘 要

在线公交查询系统是基于HTML5的一个公交查询系统，这个系统是在HTML技术和科学飞速发展的基础上构建的。随着互联网的发展，HTML5应用的范围更加广泛。在线公交查询就是它的一个应用。

目前，我国交通越来越便利。其中公交车作为一种主要的交通工具，每个城市都有大量公交车，公交车数量增加，那么人们出行问题也就更加明显，每个人都想快速知道去往目的地的准确路线。在此基础上，建立一个在线公交查询系统很有必要。

公交查询系统功能主要包括两点间路线查询，特定公交车行驶路线查询和车辆换乘查询。出行线路查询实现了用户输入起点和终点，系统给出推荐的一些公交车路线。公交车路线查询实现了用户输入特定的公交车，系统输出该公交车的站点路线以及时刻表，换乘查询实现了当用户输入的起点和终点没有直接的路线时，输出相应的换乘路线。

该系统采用HTML5语言写出地图页面以及登录页面，用CSS为页面添加样式，用JavaScript给系统添加相应的动态效果，用Websql 即HTML本地数据库存储用户登录信息。

关键词：在线公交查询系统；HTML5; CSS; JavaScript; Websql;

Abstract

Online public transport query system is a public transport query system based on HTML 5. This system is built on the basis of the rapid development of HTML technology and science. With the rapid development of mobile internet, the application of HTML 5 is becoming more and more widespread. Online bus query is one of its applications.

At present, our country's transportation is becoming more and more convenient. Bus is one of the main means of transportation. Every city has a large number of buses, and the number of buses increases. Then the problem of people's travel becomes more obvious. Everyone wants to know the exact route to the destination quickly. On this basis, it is necessary to establish an online bus query system.

The functions of the bus query system mainly include travel route query, bus route query and transfer query. Travel route query realizes user input start and end points, and the system gives some recommended bus routes. Bus route query realizes user input to a specific bus, the system outputs the bus's station route and timetable, and transfer query realizes the output of corresponding transfer route when there is no direct route at the beginning and end of user input.

The system uses HTML 5 language to write map pages and login pages, CSS to add styles to pages, JavaScript to add corresponding dynamic effects to the system, and Web QL to store user login information in HTML local database.

Key words: Online Bus Query System; HTML5；CSS; JavaScript; Websql;

目录

摘要 I

第1章 绪论 1

1.1 项目来源及研究意义 1

1.1.1项目来源 1

1.1.2研究意义 1

1.2 国内外研究现状 2

1.3 项目研发内容 3

第2章 相关技术介绍 4

2.1HTML5技术 4

2.2JavaScript语言 5

2.3webstorm编译环境 6

2.4百度地图api 7

2.5数据库的选择 7

2.6本章小结 8

第3章 在线公交查询系统的需求分析 9

3.1在线公交查询系统的功能需求 9

3.1.1在线公交查询系统的开发目标 9

3.1.2系统业务流程分析 9

3.1.3系统用例图分析 10

3.1.4时序图 11

3.1.5状态图 12

3.2在线公交查询系统的数据需求 12

3.3在线公交查询系统的性能需求 13

3.4 本章小结 13

第4章 在线公交查询系统的设计 14

4.1在线公交查询系统的总体设计 14

4.1.1系统设计原则 14

4.1.2系统设计的架构 14

4.2在线公交查询系统的功能模块设计 15

4.3在线公交查询系统的数据库设计 16

4.3.1数据库ER图设计 16

4.3.2数据库表结构设计 16

4.4本章小结 17

第5章 在线公交查询系统的实现 18

5.1开发环境的安装与准备 18

5.2系统功能的实现 19

5.3本章小结 26

第6章 在线公交查询系统的测试 27

6.1在线公交查询系统的测试方法 27

6.1.1软件测试的准则 27

6.1.2软件测试过程 27

6.2在线公交查询系统的测试数据与测试结果 28

6.3本章小结 30

第7章 总结与展望 31

7.1全文总结 31

7.2未来展望 31

致谢 32

参考文献 33

第1章 绪论

项目来源及研究意义

项目来源

如今，我们国家的经济飞速增长，城市现代化的步伐越来越快。大量的农村家庭涌向城市，更加加剧了城市的扩大。

城市的规模不断增大，相关的城市公交系统也越来越大，那么公交路线也会逐渐增加。公交路线的增加有利也有弊。一方面，人们出行越来越方便，然而另一方面，人们出行路线选择成了一个很大的问题。在此情况下，开发一个高效的查询系统显得尤为重要。