摘  要：伴随着我国经济水平的进一步增长，加之人们生活水平的不断提高，和法定假日的增加，人们对旅游消费的观念在不断转变，旅游网站，扩大了人们的视野，成为人们娱乐，旅游出行的首选工具。该网站名为慕云游旅游网，是一个集交通、景点、酒店、出行为一体的旅游网站，使用javaScript语言开发，使用webpack模块化开发，使用Ajax请求获取后端数据，运行在浏览器环境中，是一个动态、适配不同设备类型网站，结合网页制作工具Visual Studio Code、Photoshop CS6、辅助编辑，还使用了Macromedia Fireworks 8完成图像处理即动画制作，系统界面友好、功能齐全、使用方便。

 

关键词：旅游信息；动态网站；模块化开发；JavaScrip

目  录

中文摘要 I

英文摘要 II

中文摘要 I

英文摘要 II

1 绪论 1

1.1 研究的目的及意义 1

1.2 国内外研究现状 1

1.3 本设计的主要内容 2

2 系统方案的设计 3

2.1 实现设计方案的选择 3

2.1.1 开发模式方案的选择 3

2.1.2 获取数据资源方案的选择 3

2.2 系统总体结构 4

2.3 系统功能分析 4

3 旅游网站UI页面布局的设计 5

3.1 旅游网站核心登录模块的设计 5

3.1.1 登录模块的内容及功能 5

3.1.2 登录模块的设计原理图 5

3.2 旅游网站核心首页模块的设计 6

3.2.1 首页模块的内容及功能 6

3.2.2 首页模块的设计原理图 7

3.3 旅游网站核心目的地模块的设计 7

3.3.1 目的地模块的内容及功能 7

3.3.2 目的地模块的设计原理图 8

3.4 旅游网站核心我的模块的设计 9

3.4.1 我的模块的内容及功能 9

3.4.2 我的模块的设计原理图 9

3.5 详情页模块的设计 9

3.5.1 详情页模块的内容及功能 9

3.5.2 详情页模块的设计原理图 10

4 旅游网站系统软件设计 11

4.1 旅游网站软件设计模块框图 11

4.2 旅游网站登录模块程序介绍 11

4.3 旅游网站注册模块程序设计 12

5 系统调试 14

5.1 调试前准备 14

5.2 测试登录界面 14

5.3 测试首页界面 15

5.4 测试目的地页面 16

5.5 测试我的页面 16

5.6 测试景点详情页面 17

结    论 18

参考文献 19