论文总字数：18842字

摘 要

随着交通的迅速发展，人们可以很方便的到达他们想要去的地方，但是，对于没去过的地方，难免在路程中会遇上一些麻烦。那么，怎么才能一路顺风呢？这时，导航出现在了人们的视野之中，通过导航系统的帮助，人们可以到任何他们不熟悉的地方。旅游的人根据导航系统可以准确的找到旅游景点，外卖员通过导航系统可以快速的到达买家的位置，这些都是导航系统带来的便利，可以说，人们已经和导航系统的关系越来越密切了。导航系统对人们的出行产生了巨大的影响，导航系统可以定位人们的位置，给人们划出路线指导方向，基于对导航系统的兴趣，设计并实现了基于html5的导航系统。

本导航系统使用html5技术存储注册登录数据，使用css3技术布局页面，使用JavaScript技术对页面进行操作，使用百度地图api技术展示地图并进行路线规划。本系统通过软件工程方法进行开发，一步步实现系统的各个功能。基于对系统的需求分析，决定把该系统实现成网页应用，把页面设计得简洁，功能方面便于理解并且容易操作。

本论文介绍了技术，需求，设计，系统架构，实现与测试。通过论文的结构可以看出，系统需要一步步的完成，本系统是基于html5的导航系统，前端页面设计需要html5，css3，JavaScript相关技术，地图资源与路线规划需要百度地图api相关技术，接着对系统的设计是用户注册成功后，登录系统，进入导航页面后可以地理定位，获取出发点与目的地后可以进行路线导航。系统实现后对系统进行测试，确保系统可以完成相关功能。

导航系统对人们的出行生活有巨大的意义，对导航系统的开发对开发者而言获益匪浅，页面简洁，功能完备是一个系统的基本要求。

关键词：导航；html5；百度地图api；软件工程；

Abstract

With the rapid development of traffic, people can easily reach the places they want to go, but for places they have not been to, it is inevitable that they will encounter some troubles in the journey. So, how can we have a pleasant journey? At this time, navigation appears in people's vision. With the help of the navigation system, people can go to any place they are not familiar with. Tourists can accurately find tourist attractions according to the navigation system, and takeout workers can quickly reach the buyer's location through the navigation system. These are all the conveniences brought by the navigation system. It can be said that people have become more and more closely related to the navigation system. Navigation system has a great impact on people's travel. Navigation system can locate people's position and give them directions. Based on their interest in navigation system, a navigation system based on html5 is designed and implemented.

This navigation system uses html5 technology to store registration login data, css3 technology to lay out the page, JavaScript technology to operate the page, Baidu Map api technology to display the map and plan the route. This system is developed by software engineering method,and each function of the system is realized step by step. Based on the demand analysis of the system, it is decided to implement the system as a web page application. The design of the page is simple, the function is easy to understand and easy to operate.

This paper introduces the technology, requirements, design, system architecture, implementation and testing. Through the structure of the paper, we can see that the system needs to be completed step by step. This system is a navigation system based on html5. The front page design needs html5, css3, JavaScript related technologies, map resources and route planning needs Baidu Map api related technologies. Then the system design is that after the user has successfully registered, he can log in to the system, enter the navigation page, and then he can locate geographically, and can carry out route navigation after obtaining the starting point and destination. After the system is implemented, the system is tested to ensure that the system can complete relevant functions.

Navigation system is of great significance to people's travel and life. The development of navigation system is of great benefit to developers. Simple pages and complete functions are the basic requirements of a system.

Keywords: navigation; HTML5; Baidu map API; software engineering;

目录

第一章 绪论 1

1.1项目来源及研究意义 1

1.2国内外研究现状 1

1.3研究内容 3

1.4论文结构 4

第二章 相关技术介绍 5

2.1html5技术 5

2.2css3技术 5

2.3JavaScript技术 5

2.4百度地图api技术 5

2.5本章小结 6

第三章 系统需求分析 7

3.1功能需求 7

3.1.1开发目标 7

3.1.2系统业务流程分析 7

3.1.3用例图分析 7

3.1.4时序图分析 8

3.1.5协作图分析 9

3.1.6状态图分析 9

3.1.7活动图分析 10

3.2非功能性需求 10

3.2.1性能需求 10

3.2.2可靠性需求 10

3.3本章小结 11

第四章 系统设计 12

4.1系统的总体设计 12

4.2系统的功能模块设计 12

第五章 系统的实现与测试 14

5.1系统的通用功能的实现 14

5.1.1注册。 14

5.1.2登录。 14

5.2系统主要功能的实现 15

5.2.1地理定位。 15

5.2.2获取出发地及目的地。 15

5.2.3路线规划 16

5.3系统测试 18

5.3.1测试背景 18

5.3.2测试环境 18

5.3.3测试方案 18

5.3.4功能测试 19

第六章 总结与展望 30

6.1全文总结 30

6.2未来展望 30

参考文献 31

致谢 32

第一章 绪论

1.1项目来源及研究意义

随着网络的爆发式发展，越来越多得人开始使用智能手机，而手机中得网络地图更是在人们的生活中占据了重要地位。你可以看到越来越多的人使用网络地图。网络地图可以帮助人们到达任何地方，还可以帮助寻找周围的景点或者生活建筑等。你有没有遇到过这种情况，就是你知道这条街上有家银行，可是你逛来逛去就是找不到，心情变得很糟糕。这时，如果你会使用网络地图导航，你就可以快速准确的找到银行，解决烦恼。人们在工作中免不了出差，当你到达陌生的地方，很容易感到恐惧，因为你不知道去哪里住宿，不知道去哪里吃饭，更不知道办公地点在哪里。有了网络地图导航系统，就可以为你消除恐惧，带来安全感。在导航系统中输入目的地，系统就会进行路径规划^[1]，然后指导你去那里。

从小我们就知道科学技术是第一生产力，由于小不知道是什么意思，如今长大了，在城市生活一段时间后就明白了，社会是复杂的，生活不容易，科技的发展让人们活得更轻松。在交通系统中，车辆的位置，运行状态等情况与数据中心建立联系，方便管理，科技使得资源可以得到有效的利用。导航系统使得我们知道路上发生了什么状况，有没有堵车什么的问题,可以根据交通信息来帮助你规划行程^[2]。

导航系统上可以显示商店，宾馆，学校，有了地图导航系统，就意味着你可以对周围的一切了如指掌。导航系统使得社会更安全，警察可以根据导航系统找到失踪的电动车，根据人们的导航路线，警察可以找到失踪人口。在市场方面，就国内来说就有巨大的市场，外卖小哥需要导航找到买家，快递需要导航将物件送到准确的地点，导航系统给人们的生活带来了巨大的变化。网络的发展，给导航系统带来了千载难逢的发展机遇。导航变得智能化，科技化^[3]。

通过研究导航系统的设计与实现，可以学习与导航相关的专业知识，更可以锻炼了自己独立完成一个项目的能力。在设计导航系统的时候，需要考虑如何如何定位^[4]，怎么设计导航路线^[5]等问题，要解决这些问题,需要收集资料，反复思考，不断尝试，这可以提高我们的实际动手能力，结合已经掌握的相关知识，我相信这可以使我们在计算机方面的综合能力得到提升。

1.2国内外研究现状

请支付后下载全文，论文总字数：18842字

相关图片展示：