论文部分内容阅读
摘 要：在美丽乡村建设和乡村旅游蓬勃发展的背景下，基于百度地图API研究设计适用于人们乡村旅游的Web地图旅游查询系统，采用AJAX技术和响应式网页设计以实现系统交互性强、界面友好、使用便捷的性能特点。
关键词：美丽乡村；百度地图API；AJAX；响应式网页设计
中图分类号：TP311.52 文献标识码：A 文章编号：2096-4706（2018）10-0071-04
Abstract：Under the background of envoirmental countryside construction and vigorous development of rural tourism，the research and design of the Web Map Tourism Inquiry System for people's rural tourism is based on Baidu Map API. AJAX technology and responsive web design are adopted to wit the characteristics of strong interactivity，friendly interface and convenient use of the system.
Keywords：envoirmental countryside；Baidu map API；AJAX；response web design
1 背景
随着我国国民经济的发展和人民生活水平的不断提高，人们的休闲旅游需求也进一步多元化，特别是国家提出的乡村振兴战略，“美丽乡村”的建设催热了乡村旅游，越来越多的人来到美丽乡村感受田园风光和地方文化。以泉州市永春县为例，现有3A景区6个，4A景区1个，县级美丽乡村示范村达到60个，并入选国家全域旅游示范区。2014年游客接待量达304.23万人次，收入达24.08亿元，2015年游客接待量达360.143万人次，收入达28.7亿元。然而，相关从业人员仅两千多人，不能满足日益繁荣的文化休闲产业对人才的大量需求。2016年秋笔者所在学校——泉州幼儿师范高等专科学校，与永春县旅游局校政合作办学开设休闲服务与管理专业，采用“订单式”培养人才。其中，如何深入了解永春县旅游资源，尤其是各美丽乡村的景点，是人才培养中的重要内容之一。
面对分散而各具特色的田园和人文景观，对于外地人甚至很多本县的人来说，要选择自己感兴趣的乡村景点旅游有一定的难度，更不用说自助游。对我校的休闲服务与管理专业学生的学习实践也显得稍有繁杂。虽然当前各类在线地图信息服务越来越成熟，然而，看着地图上大城市那些密密麻麻的路线、建筑标志，特别是在乡村地区只提供很少的路线信息，用户的出行旅游也就无从选择，难以安排。
Web地图旅游查询系统正是基于美丽乡村建设背景下，主要是基于研究并解决人们在乡村旅游碰到的困难而进行设计开发。通过对在线地图、地方景点信息和用户需求进行有效整合，以提供系统化、专业化的当地旅游信息服务，也是推广当地特色经济的一扇窗口，可以促进人们对当地人文景观的了解，能让更多的美丽乡村产生旅游经济效益，同时也可作为我校休闲服务与管理专业学生学习实践的便捷工具。
2 开发环境
软件环境要求：系统采用B/S体系结构，数据库采用MySQL，服务器端开发采用PHP语言，实现数据库的操作功能，地图的开发采用百度地图API（应用程序接口）。
硬件環境要求：目前主流计算机配置，并能提供网络连接。
3 系统功能设计
系统功能主要分为前台用户使用及后台管理两大功能模块，其功能结构图如图1所示。
3.1 前台页面功能模块
用户使用主要是在前台，由于现在移动终端越来越普及，尤其是用户出行使用手机查看地图也比较方便，因此前台页面的设计采用了响应式网页设计，即可以用PC设备也可以用移动设备如手机使用系统。前台页面主要包括以下功能：
（1）查看景点信息。打开系统首页即可查看百度地图上的景点标注，百度地图可以拖动或缩放，点击景点标注会弹出信息窗口，用户点击“更多景点介绍”可打开对应景点的介绍网页。
分级显示景点标注功能：由于美丽乡村景点很多而且分散，而地图显示的区域有限，当地图缩小到一定级别时，分散的景点标注就会变得很拥挤，不方便查看也影响页面的观感。因此将标注分为两级，当地图缩放级别大于11级时，会显示所有景点标注，当级别小于等于11级时，则只显示景点所属的乡镇，乡镇标注对应的信息窗口中显示其所包含的所有景点名称。
（2）搜索景点信息。在搜索框中输入关键字，点击搜索按钮，即可搜索与关键字有关的所有景点标注；点击“显示全部景点”按钮，则显示所有景点信息。
（3）导航功能。在景点标注弹出的信息窗口中点击“导航”按钮，页面自动跳转到百度导航软件，可以直接通过手机导航到目的地，方便用户出行旅游。
（4）留言功能。用户可在留言板留言，提出建议或问题。
3.2 后台管理功能模块
管理员在后台可以管理景点信息、留言等。后台管理主要包括以下功能：
（1）管理景点信息：包括增加、删除、修改景点信息，如景点类别、所属乡镇、图文介绍、地理坐标等等。
（2）管理游客留言的功能：包括回复和删除留言功能。
（3）数据统计分析功能：可以统计景点的人气度，查看景点信息的浏览量以及导航的次数。
4 数据库的设计
本系统的数据库管理系统采用的是MySQL，根据系统功能分别创建景点信息表（web_article）、留言表（web_ly）、乡镇信息表（web_town）、分类类别表（web_navigation）、友情链接表（web_link）、管理员信息表（web_user）、系统信息表（web_settings）。其中，核心数据表景点信息表的设计如表1所示。 5 系统功能实现的关键代码
5.1 采用响应式网页设计适应PC端和移动端的屏幕
当视口宽度小于或等于980px时，容器宽度为80%；当视口宽度小于480px时，容器宽度为自动，即满屏显示。
5.2 结合百度地图API和AJAX技术实现地图景点的显示功能
接下来即可给该实例设置相关属性，如地图中心坐标、缩放、控件等等。
地图上的景点信息显示功能主要包括两方面：一是可以搜索出相关的景点，二是当地图缩放比例大于11时可显示所有景点标注，否则只显示景点所属乡镇的标注。为了提高系统的交互性能，对景点标注的搜索和显示采用AJAX技术，通过异步调用可以让用户在使用过程中察觉不到与服务器的交互，给用户提供更好的操作体验。网页脚本编程采用jquery库，它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和AJAX交互。景点信息显示功能的程序流程图如图2所示。
5.3 导航功能
为方便用户使用，需要给系统添加导航功能。在景点信息窗口中点击“导航”按钮，跳转到百度地图导航软件并导航到景点处。其程序流程图如图4所示。
6 结 论
本系统的开发实现了在地图上查询相关景点并提供导航的功能，通过响应式网页设计，使其能适应PC端和移动端的屏幕，采用AJAX技术提高了Web用户界面的交互性，让用户在使用地图中能获得更好的体验。系统的开发有助于在乡村旅游快速发展中满足人们的出行需求，尤其是在当前美丽乡村建设背景下，生态旅游、特色文化、休闲娱乐等也越来越受到人们的欢迎，所以该系统的设计研究具有较好的应用前景；同时，在我校休闲服务与管理专业学生的学习实践中也能通过对该系统的使用，进一步深入了解永春县的旅游资源，从而提升专业能力。
参考文献：
[1] 周琼，曾玉荣.福建省美丽乡村建设的现状与对策建议 [J].福建论坛（人文社会科学版），2014（5）：120-124.
[2] 李志榕，黄金树，王美华.永春县高奏“美丽乡村”交响曲 [J].农村财政与财务，2013（10）：35.
[3] 段克敏，李宏利，邰晓峰.基于互联网的地图标注系统设计与实现 [J].地理信息世界，2011，9（4）：51-56.
[4] 管敏杰，施寒潇，凌云.基于AJAX的电子地图系统 [J].电脑知识与技术（学术交流），2007（3）：804+831.
[5] 吴多智，陈益全.响应式网页设计案例实现与分析 [J].安徽电子信息职业技术学院学报，2016，15（2）：14-17+23.
作者簡介：刘瑞冰（1984-），男，福建永春人，教师，讲师，硕士。研究方向：计算机教学、计算机软件设计。
关键词：美丽乡村；百度地图API；AJAX；响应式网页设计
中图分类号：TP311.52 文献标识码：A 文章编号：2096-4706（2018）10-0071-04
Abstract：Under the background of envoirmental countryside construction and vigorous development of rural tourism，the research and design of the Web Map Tourism Inquiry System for people's rural tourism is based on Baidu Map API. AJAX technology and responsive web design are adopted to wit the characteristics of strong interactivity，friendly interface and convenient use of the system.
Keywords：envoirmental countryside；Baidu map API；AJAX；response web design
1 背景
随着我国国民经济的发展和人民生活水平的不断提高，人们的休闲旅游需求也进一步多元化，特别是国家提出的乡村振兴战略，“美丽乡村”的建设催热了乡村旅游，越来越多的人来到美丽乡村感受田园风光和地方文化。以泉州市永春县为例，现有3A景区6个，4A景区1个，县级美丽乡村示范村达到60个，并入选国家全域旅游示范区。2014年游客接待量达304.23万人次，收入达24.08亿元，2015年游客接待量达360.143万人次，收入达28.7亿元。然而，相关从业人员仅两千多人，不能满足日益繁荣的文化休闲产业对人才的大量需求。2016年秋笔者所在学校——泉州幼儿师范高等专科学校，与永春县旅游局校政合作办学开设休闲服务与管理专业，采用“订单式”培养人才。其中，如何深入了解永春县旅游资源，尤其是各美丽乡村的景点，是人才培养中的重要内容之一。
面对分散而各具特色的田园和人文景观，对于外地人甚至很多本县的人来说，要选择自己感兴趣的乡村景点旅游有一定的难度，更不用说自助游。对我校的休闲服务与管理专业学生的学习实践也显得稍有繁杂。虽然当前各类在线地图信息服务越来越成熟，然而，看着地图上大城市那些密密麻麻的路线、建筑标志，特别是在乡村地区只提供很少的路线信息，用户的出行旅游也就无从选择，难以安排。
Web地图旅游查询系统正是基于美丽乡村建设背景下，主要是基于研究并解决人们在乡村旅游碰到的困难而进行设计开发。通过对在线地图、地方景点信息和用户需求进行有效整合，以提供系统化、专业化的当地旅游信息服务，也是推广当地特色经济的一扇窗口，可以促进人们对当地人文景观的了解，能让更多的美丽乡村产生旅游经济效益，同时也可作为我校休闲服务与管理专业学生学习实践的便捷工具。
2 开发环境
软件环境要求：系统采用B/S体系结构，数据库采用MySQL，服务器端开发采用PHP语言，实现数据库的操作功能，地图的开发采用百度地图API（应用程序接口）。
硬件環境要求：目前主流计算机配置，并能提供网络连接。
3 系统功能设计
系统功能主要分为前台用户使用及后台管理两大功能模块，其功能结构图如图1所示。
3.1 前台页面功能模块
用户使用主要是在前台，由于现在移动终端越来越普及，尤其是用户出行使用手机查看地图也比较方便，因此前台页面的设计采用了响应式网页设计，即可以用PC设备也可以用移动设备如手机使用系统。前台页面主要包括以下功能：
（1）查看景点信息。打开系统首页即可查看百度地图上的景点标注，百度地图可以拖动或缩放，点击景点标注会弹出信息窗口，用户点击“更多景点介绍”可打开对应景点的介绍网页。
分级显示景点标注功能：由于美丽乡村景点很多而且分散，而地图显示的区域有限，当地图缩小到一定级别时，分散的景点标注就会变得很拥挤，不方便查看也影响页面的观感。因此将标注分为两级，当地图缩放级别大于11级时，会显示所有景点标注，当级别小于等于11级时，则只显示景点所属的乡镇，乡镇标注对应的信息窗口中显示其所包含的所有景点名称。
（2）搜索景点信息。在搜索框中输入关键字，点击搜索按钮，即可搜索与关键字有关的所有景点标注；点击“显示全部景点”按钮，则显示所有景点信息。
（3）导航功能。在景点标注弹出的信息窗口中点击“导航”按钮，页面自动跳转到百度导航软件，可以直接通过手机导航到目的地，方便用户出行旅游。
（4）留言功能。用户可在留言板留言，提出建议或问题。
3.2 后台管理功能模块
管理员在后台可以管理景点信息、留言等。后台管理主要包括以下功能：
（1）管理景点信息：包括增加、删除、修改景点信息，如景点类别、所属乡镇、图文介绍、地理坐标等等。
（2）管理游客留言的功能：包括回复和删除留言功能。
（3）数据统计分析功能：可以统计景点的人气度，查看景点信息的浏览量以及导航的次数。
4 数据库的设计
本系统的数据库管理系统采用的是MySQL，根据系统功能分别创建景点信息表（web_article）、留言表（web_ly）、乡镇信息表（web_town）、分类类别表（web_navigation）、友情链接表（web_link）、管理员信息表（web_user）、系统信息表（web_settings）。其中，核心数据表景点信息表的设计如表1所示。 5 系统功能实现的关键代码
5.1 采用响应式网页设计适应PC端和移动端的屏幕
当视口宽度小于或等于980px时，容器宽度为80%；当视口宽度小于480px时，容器宽度为自动，即满屏显示。
5.2 结合百度地图API和AJAX技术实现地图景点的显示功能
接下来即可给该实例设置相关属性，如地图中心坐标、缩放、控件等等。
地图上的景点信息显示功能主要包括两方面：一是可以搜索出相关的景点，二是当地图缩放比例大于11时可显示所有景点标注，否则只显示景点所属乡镇的标注。为了提高系统的交互性能，对景点标注的搜索和显示采用AJAX技术，通过异步调用可以让用户在使用过程中察觉不到与服务器的交互，给用户提供更好的操作体验。网页脚本编程采用jquery库，它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和AJAX交互。景点信息显示功能的程序流程图如图2所示。
5.3 导航功能
为方便用户使用，需要给系统添加导航功能。在景点信息窗口中点击“导航”按钮，跳转到百度地图导航软件并导航到景点处。其程序流程图如图4所示。
6 结 论
本系统的开发实现了在地图上查询相关景点并提供导航的功能，通过响应式网页设计，使其能适应PC端和移动端的屏幕，采用AJAX技术提高了Web用户界面的交互性，让用户在使用地图中能获得更好的体验。系统的开发有助于在乡村旅游快速发展中满足人们的出行需求，尤其是在当前美丽乡村建设背景下，生态旅游、特色文化、休闲娱乐等也越来越受到人们的欢迎，所以该系统的设计研究具有较好的应用前景；同时，在我校休闲服务与管理专业学生的学习实践中也能通过对该系统的使用，进一步深入了解永春县的旅游资源，从而提升专业能力。
参考文献：
[1] 周琼，曾玉荣.福建省美丽乡村建设的现状与对策建议 [J].福建论坛（人文社会科学版），2014（5）：120-124.
[2] 李志榕，黄金树，王美华.永春县高奏“美丽乡村”交响曲 [J].农村财政与财务，2013（10）：35.
[3] 段克敏，李宏利，邰晓峰.基于互联网的地图标注系统设计与实现 [J].地理信息世界，2011，9（4）：51-56.
[4] 管敏杰，施寒潇，凌云.基于AJAX的电子地图系统 [J].电脑知识与技术（学术交流），2007（3）：804+831.
[5] 吴多智，陈益全.响应式网页设计案例实现与分析 [J].安徽电子信息职业技术学院学报，2016，15（2）：14-17+23.
作者簡介：刘瑞冰（1984-），男，福建永春人，教师，讲师，硕士。研究方向：计算机教学、计算机软件设计。