asp.net旅游向导网站的设计（论文）.doc

河南大学2007届本科毕业论文旅游向导网站的设计design of traveling guide website论文作者姓名：闫培玲 所在学院：国际教育学院 所学专业：计算机科学与技术 导师姓名职称：毋 琳(讲师) 论文完成时间：2007年5月20日 2007年5月20日河南大学2007届毕业论文（设计、创作）开题报告（由学生本人认真填写）学号03037200姓名闫培玲导师姓名职称毋 琳（讲师）开题时间2006年12月1日课题题目旅游向导网站的设计课题来源导师指定 自定 其他来源课题的目的、意义以及和本课题有关的国内外现状分析：1、目的： 通过网络满足旅游消费者对舒适、自主、自由等方面日益强烈的要求，将旅游中所涉及的服务，如旅游路线指南、旅游风景点的介绍都在网上进行公布，给用户提供一个方便、快捷且真实详细旅游胜地信息的服务性网站，使游客足不出户就能在出游前了解所要到达的景点的详细信息。2、意义： 游客可以在旅游过程中整个身心地投入到对旅游景物的审美、愉悦之中，而且旅游者纯粹个人的、个性化的旅游情趣和审美取向也可以得以最大限度的张扬。3、现状： 目前，市面上已有的旅游网站大多是旅游电子商务的载体，这类系统以旅游空间信息数据为基础，适时提供空间和动态的旅游信息，是集管理和服务于一体的网络信息系统。研究目标、研究内容和准备解决的问题：1、目标： 建立一个适合用户使用的旅游向导网站，能够给用户提供方便实用的旅游信息。2、内容： 网站主要用来给用户提供开封市的旅游信息，这些信息包括：景点的介绍，公交线路的查询，电子地图的设计，用户与管理员交流的留言板。3、准备解决的问题： 实现游客的动态定位，使用户能够随时查询自己所处的位置以及所要到达的景点的信息，同时显示目前所在位置和所要到达景点之间的线路。另外，实现公交线路的查询，使用户能够快速地确定所要乘坐的公交车车次。拟采取的方法、技术或设计（开发）工具：使用dreamweaver作为网页编辑工具，以access数据库保存数据信息。预期成果：1、毕业设计成果软件（源程序）2、毕业论文进度计划：2006.12.1 - 2007.3.5 ：查找资料、搜集相关素材2007.3.6 - 2007.4.1 ：完成电子地图与数据库部分的设计2007.4.2 - 2007.4.21：完成网站的其他模块的设计2007.4.22 - 2007.4.30：完成整个网站的整合和美化设计2007.5.1 - 2007.5.20：整理资料、撰写毕业论文2007.5.21 - 2007.5.28：根据导师要求，完善毕业设计和论文指导教师对选题报告的意见： 同意开题。 指导教师签名： 2006 年 12 月 1 日开题报告ii河南大学2007届毕业论文（设计、创作）任务书（由学生本人认真填写）学号03037200姓名闫培玲导师姓名毋 琳任务书起止日期2006年12月8日 至 2007年5月20日论文提要：论文将主要介绍旅游向导网站的设计与实现。论文将首先介绍该网站的开发背景与现实意义，以及本网站所使用的开发环境；然后再从整体架构上对网站的布局及组织进行分析；最后将详细阐述各个模块的设计和实现过程。课题任务要求：该项目的目标是要建立一个旅游向导网站，该网站应具备的功能有：1. 为用户提供各个景点的详细信息以及公交路线；2. 实现电子地图定位、出行路线及公交路线的查询等功能；3. 提供留言板功能，供用户发表看法或者建议。主要参考文献：1 河南大学中澳项目学生专用教材macromedia fireworks mx2004年2 河南大学中澳项目学生专用教材macromedia flash mx2004年3 方晨编著dreamweaver mx 2004中文版实例教程上海科学普及出版社2006年1月4 许卫林等编著vbscript+asp动态网页制作中国电力出版社2001年5 石志国编著asp动态网站编程清华大学出版社2001年河南大学2007届毕业设计（论文、创作）中期检查表学院名称：国际教育学院题目名称旅游向导网站的设计学号03037200所学专业计算机科学与技术指导教师姓 名毋 琳姓名闫培玲一、毕业设计进展情况1、已完成资料和相关素材的搜索；2、已完成该项目的需求分析；3、已实现电子地图的放大、缩小、还原功能；4、基本完成数据库中基本表的设计。二、存在问题1、电子地图的功能没有完全实现，用户只能放大或缩小地图，却不能成功在地图上定位；2、数据库设计不完全。三、下一阶段的研究方法或设计思路1、原来的进度计划不变，把上一阶段没有完成的工作继续完成；2、电子地图中实现不了的地方改为在网页中运用编程语言实现；四、指导教师对学生设计（论文、创作）进展等方面的评语 目前的工作进度稍嫌缓慢，在系统实现的考虑上不够周全，但学习态度认真，工作比较努力，望在后一阶段加强弥补前面的不足。 指导教师签字： 2007年4 月 10日此表除第四项外由学生填写指导教师签名河南大学2007届毕业论文（设计、创作）综合成绩表（一）学院名称：国际教育学院学 号03037200姓名闫培玲专业计算机科学与技术指导教师毋 琳（讲师）综合得分87分论文题目旅游向导网站的设计指导教师评语及得分指导教师评语 该生毕业设计期间态度比较诚恳，能积极与导师和同学探讨有关问题，毕业论文结构较为清晰，语言较为流畅，论述也比较详尽。评分项目分值指导教师对毕业论文（设计、创作）评分撰写开题报告、文献综述15调查研究查阅整理资料10学习态度与规范要求10数据处理、文字表达10论文（设计、创作）质量和创新意识55合计100得分149984787指导教师签名 2007年 5 月 20 日评阅教师评语及评分评阅教师评语 该生毕业论文层次较为清晰，语句通顺，对系统的实现描述详细，基本符合本科毕业论文的要求。评分项目分值评阅毕业论文（设计、创作）评分撰写开题报告、文献综述15调查研究查阅整理资料10学习态度与规范要求10数据处理、文字表达10论文（设计、创作）质量和创新意识55合计100得分139994787评阅教师签名 2007年 5 月 22 日此表由教师填写河南大学2007届毕业论文（设计、创作）综合成绩表（二）学号03037200姓名闫培玲所在学院国际教育学院答辩委员会评语及评分答辩委员会评语 该生在毕业答辩中对自己的毕业设计和毕业论文论述较为完整，语言流畅，表达清晰。答辩委员签字： 2007 年 5 月26 日评分 项目 分值论文答辩小组评分答辩情况论文质量合计（100）内容表达情况（15）答辩问题情况（25）规范要求与文字表达（20）论文（设计、创作）质量和创新意识（40）得分1322183487答辩委员会主任签字： 2007 年 5 月26 日毕业论文（设计、创作）成绩综合评定： 87 分综合评定等级： 良备注：一、论文的质量评定，应包括对论文的语言表达、结构层次、逻辑性理论分析、设计计算、分析和概括能力及在论文中是否有新的见解或创新性成果等做出评价。从论文来看学生掌握本专业基础理论和基本技能的程度。二、成绩评定采用结构评分法，即由指导教师、评阅教师和答辩委员会分别给分（以百分计），评阅教师得分乘以20%加上指导教师得分乘以20%加上答辩委员会得分乘以60%即综合成绩。评估等级按优、良、中、差划分，优90-100分；良76-89分；中60-75分；差60分以下。三、评分由专业教研室或院组织专门评分小组（不少于5人），根据指导教师和答辩委员会意见决定每个学生的分数，在有争议时，应由答辩委员会进行表决。四、毕业论文答辩工作结束后，各院应于6月20日前向教务处推荐优秀论文以汇编成册，推荐的篇数为按当年学院毕业生人数的1.5%篇。五、各院亦可根据本专业的不同情况，制定相应的具有自己特色的内容。须报教务处备案。六、书写格式要求：1、目录；2、内容提要须书写200左右汉字，开题报告（文科除外）的内容要根据不同专业的课题任务要求，阐述查阅文献、文案论证、解题思路、工作步骤等；3、正文（含引言、结论等）；4、参考文献（或资料）河南大学本科生毕业论文（设计、创作）承诺书论文题目旅游向导网站的设计姓 名闫培玲所学专业计算机科学与技术学 号03037200完成时间2007年5 月20日指导教师姓名职称毋 琳（讲师）承诺内容：1、本毕业论文（设计、创作）是学生 闫培玲 在导师 毋 琳 的指导下独立完成的，没有抄袭、剽窃他人成果，没有请人代做，若在毕业论文（设计、创作）的各种检查、评比中被发现有以上行为，愿按学校有关规定接受处理，并承担相应的法律责任。2、学校有权保留并向上级有关部门送交本毕业论文（设计、创作）的复印件和磁盘。备注：学生签名： 指导教师签名： 2007 年 5 月 20 日 2007 年 5 月 20 日说明：学生毕业论文（设计、创作）如有保密等要求，请在备注中明确，承诺内容第2条即以备注为准。目 录摘 要iabstractii第1章 绪论11.1 开发背景11.2 开发意义11.3 网站开发环境2第2章 网站总体设计32.1 项目目标32.2 网站总体布局32.3 数据库的设计42.3.1 数据库需求分析42.3.2 数据表的设计5第3章 网站部分功能模块的详细设计与实现63.1 电子地图63.1.1 制作电子地图73.1.2 添加电子地图83.1.3 使用电子地图93.2 留言板103.3 市内公交103.3.1 市内公交模块的功能113.3.2 市内公交模块的实现11结 论14参考文献15河南大学本科毕业生学士学位论文摘 要随着通讯和计算机技术的发展，因特网的不断普及，旅游信息的流转不再受时间、空间的限制。建立一个旅游向导网站，不仅为广大游客提供了一种更全面地认识各个旅游景点的自然风光、历史文化等的途径，还为广大游客的自驾游提供了更多线路查询上的便利。本文主要介绍一个旅游向导网站的设计与实现过程。论文首先介绍该网站的开发背景与现实意义，以及网站建设所使用的开发环境；然后再从整体架构上对网站的布局及组织进行分析；最后分模块详细阐述各个模块的设计与实现过程。关键词 asp，旅游向导网站，电子地图，数据库abstractalong with the development of the communication and the computer technology, the popularization of the internet causes the tour information no longer to be limited by the time and the space. establishing a travelling guide website, not only provided another way to know the natural scenery of each scenic and the historical culture for the tourists, but also provided a convenience method to search the route for the tourists who drive their own cars.this paper mainly introduces the process of design and implementation of a travelling guide website. firstly, the paper introduces the development background and the practical significance of this website, as well as the development environment this website used. next, it analyses the structure of the website and the organization from the overall construction. finally, it introduces the process of design and implementation of each module.keywords asp, travelling guide website, electronic map, database第 15 页第1章 绪论旅游景区像其它企业一样也应通过internet来对外宣传自己，为游客提供方便快捷的信息服务与交流平台。1.1 开发背景随着大众收入的普遍提高，传统旅游中那种赶时间、赶行程的“半军事化”旅游团，已经越来越不能满足旅游消费者对舒适、自主、自由等方面日益强烈的要求，而这一切可以通过网络来实现。旅游的所有服务，如旅游路线指南、旅游风景点的介绍等，都适合在网上进行。人们在出游之前可以从网络上了解到旅游区的大部分信息，这样就可以提前为出游做好充分的准备，在旅游过程中就能整个身心地投入到对旅游景物的审美、愉悦之中，旅游者纯粹个人的、个性化的旅游情趣和审美取向将得以最大限度的张扬。作为景区来讲，创建网站首先可以起到宣传风景名胜区的目的；其次可以通过网站搭建一个管理平台，突破传统模式与手段，建立现代化管理信息系统。同时，旅游向导网站是各旅游胜地对外宣传中不可缺少的工具，它的内容对于旅游胜地的宣传和旅游地的项目的开发决策起着非常重要的作用。因此，开发一个旅游向导网站是很有必要的事情。本论文就介绍一个以开封旅游景点为例的旅游向导网站的设计开发过程。1.2 开发意义旅游向导网站除了宣传旅游景点外，其重要的作用在于指导游客的出行，给游客提供尽可能多的旅游信息。因此说向导就是要能够给用户提供方便又快捷的信息服务。当今世界是网络迅速发展与繁荣的世界，因此，旅游景区像其它一些企业一样也应通过internet来对外宣传自己，为旅客提供方便快捷的信息服务与交流平台。此类旅游向导网站与其他的旅游网站的不同点在于，它用到了电子地图，它能给用户提供更为方便快捷的信息，游客只需要动动手指头就能预先知道自己在去目的地之前需要做哪些准备，有哪些注意事项，大大方便了游客的出行，减少了许多不必要的麻烦。所谓电子地图，就是将实物地图通过网络技术、通信技术、地理信息系统技术做成的可以用于快速查询和导游的一种新兴地图。电子地图以地图数据库为基础，以数字形式存储于计算机存储器上，能在电子屏幕上实时显示，又称屏幕地图或瞬时地图。具备查询、服务、指路、景点介绍、线路推介等功能。电子地图主要有两方面的作用：一是多维地图的静态显示和动态显示作用；二是动态环境下空间数据库与专题数据库的交流作用。两方面相互作用，共同完成空间数据视觉化的任务。电子地图作为空间信息特别是景区信息的可视化产品，将景区周围环境以视觉甚至是听觉感受的方式传输给用户。本文所介绍的旅游向导网站中的电子地图由于技术和能力的限制，没有采用这些复杂技术，而是采用了在用户选择自己的位置和目的地之后在网页中显示两点间路线信息的简化方法。1.3 网站开发环境随着网络技术的迅猛发展，asp已成为web应用程序的一种重要的开发工具，用asp（active server page）技术创建的此信息服务系统分为前端的客户信息浏览，查询和后台的数据库维护两大部分。制作网页时，该网站用到的网页编辑工具为dreamweaver mx，其功能非常强大，而且是所见即所得的网站编辑器，并带有站点管理功能。因此该网站的建设，使用dreamweaver作为网页编辑工具，所用到的数据库为access 2007数据库。第2章 网站总体设计根据对旅游向导网站的需求分析，可以确定网站的建设目标以及网站的整体布局。本章介绍网站的整体设计情况，包括项目目标和网站总体布局，以及数据库的设计。2.1 项目目标该项目的目标是开发一个适合游客使用的旅游向导网站。旅游向导网站是一个能给用户提供方便、快捷且真实详细旅游胜地信息的服务性网站，使游客足不出户就能在出游前了解所要到达的景点的详细信息，比如：景点介绍，线路情况，日程安排等等，从而方便游客的出行。该项目中的一个最重要的方面就是电子地图的功能与实现。该电子地图应是一个能够利用3s技术，实现电子定位的地图，也就是能够随时定位游客的位置，并且可为游客绘制所需旅游线路，帮助其到达目的景点。从个人能力和时间技术的限制上，最终确定电子地图采用的实现策略是使用户能选择自己目前所在的位置和自己想要到达的景点，在网页中实现路线信息的方法。2.2 网站总体布局经过对该项目的目标的分析，本网站主要包含五个功能模块，分别是景点介绍、日程安排、交通参考、旅游知识介绍和留言板。其中，交通参考模块又分为电子地图和市内公交两个子模块。景点介绍中主要向游客介绍各个景点的信息，例如景点门票的价格、景点中的娱乐项目等；日程安排中给游客提供了几种可供参考的行程路线，行程中的吃住安排、服务标准以及整个行程的时间；电子地图提供给游客的是一个简化了的开封市旅游景点地图，在地图中明确地标记了各主要景点的位置以及各景点之间的路线；公交路线提供给游客的是各路公交的车次、起止站点以及起止站点之间所经过的站点；留言板给游客提供了一个发表自己对网站或景点的建议与批评的平台。综上所述，网站总体布局如图2-1所示。图2-1 网站总体布局2.3 数据库的设计数据库在网站建设与网络营销中发挥着重要的作用，数据库是设计网站必不可少的后台支持。2.3.1 数据库需求分析由于该项目是要建立一个旅游向导网站，因此，数据库名称定为tour。该旅游向导网站对数据的读取和存储都是对这一个数据库进行操作。针对一般的旅游向导网站建设对数据库的需求，结合自己所要做的网站的特点，设计如下所示的数据项和数据结构：1、景点信息：景点名称、景点门票、景点介绍。2、目前所在位置信息：id号、所在位置。3、路线信息：目前所在位置、所要到达的景点、路线。4、公交线路信息：车次、起止站点、主要途经站点。5、留言信息：用户名、留言内容。6、日程安排信息：n日游、详细行程、服务标准、线路价格、行程天数。2.3.2 数据表的设计根据需求分析，在此旅游向导网站的设计中，为该数据库创建了6个表，这6个表分别是：景点信息介绍表jingdian、路线表direction、公交线路表gongjiao、留言表liuyan、日程安排表richengzhidao、目前所在位置表weizhi。在此只给出公交表和日程安排表的结构，其他表结构类似，不再一一指明。公交表的结构如表2-1所示。表2-1 公交表的结构字段名称数据类型字段大小备注车次文本20主键起止站点文本200每一路公交的起点站和终点站主要途径站点文本200每一路公交中间所经过的站点公交表给出公交车的车次、起止站点以及起止站点之间的主要途径站点，用户通过公交表便可知道自己去某个地方该乘坐的公交车的车次。日程安排表的结构如表2-2所示。表2-2 日程安排表的结构字段名称数据类型字段大小备注id自动编号4主键n日游文本20行程类型详细行程文本200详细的行程线路服务标准文本200吃住等的服务的标准线路价格货币10整个行程路线的价格行程天数数字10行程所需天数日程安排表给出了详细的行程路线，行程中的服务标准，线路的价格以及行程的天数，用户可以根据日程安排表来选择适合自己的出游方式。第3章 网站部分功能模块的详细设计与实现网站模块功能的实现是一个网站中最重要的一个部分，本节主要对网站中的电子地图、留言板以及市内公交路线几个主要功能模块的详细设计和实现过程进行阐述。主页是用户进入一个网站的重要途径，基本上要符合布局合理、连接方便、色调统一的要求。该旅游向导网站的主页如图3-1所示。图3-1 旅游向导网站主页3.1 电子地图该旅游向导网站的一个重要功能模块就是电子地图的信息查询。该电子地图能使用户随时查询自己所需要的路线信息。本节将介绍在本系统中制作、添加和使用电子地图的过程。3.1.1 制作电子地图电子地图的制作过程分为确定电子地图功能、制作电子地图的底图、制作功能按钮、为按钮分配as功能代码这四个部分。1）确定地图功能在制作电子地图之前，必须要先确定这个电子地图要实现的功能之后才能开始电子地图的设计。一般来讲，电子地图中最常用的功能有对地图的缩放、移动、按地名查询和测量距离等。但是，由于时间和技术等的原因，在本网站中选取了电子地图的“放大”、“缩小”和“复位”等基本功能。电子地图景点间的线路查询功能是在dreamweaver中，利用表单功能实现的。2）制作电子地图的底图地图的底图可以通过很多的图形图象处理软件来制作，在本网站中采取的是macromedia fireworks 8，具体制作方法在此不作详细说明。在此所要说明的是，制作好的底图并不是开封市的实际地图，只是用画图软件自行设计的开封市简化景点地图，地图中包含开封市的某些主要景点，主要目的是介绍这种电子地图的实现方法。3）制作功能按钮在做好了地图的底图之后，就要开始制作地图上所要拥有的功能按钮了。在flash中新建一个图层，命名为“按扭”，在该层依次创建“放大”、“缩小”、“复位”3个按扭。电子地图功能按钮的设计如图3-2所示。图3-2 电子地图功能按钮的设计4）为按钮分配as功能代码进入“动作面板”，为各个按扭配上以下actionscript功能控制代码。 “放大”的actionscript代码如下：on(press)map_mc._xscale=map_mc._xscale+10;/放大地图的x轴坐标map_mc._yscale=map_mc._yscale+10;/放大地图的y轴坐标其中，_xscale和_yscale是确定从影片剪辑注册点开始应用的影片剪辑水平及垂直缩放比例（percentage）。默认注册点为（0，0）。同时调整这两个属性的值可以达到改变地图大小的目的。 “缩小”的actionscript代码如下：on(press)map_mc._xscale=map_mc._xscale-10;/缩小地图的x轴坐标map_mc._yscale=map_mc._yscale-10;/缩小地图的y轴坐标 “复位”按扭的功能是将地图恢复到文件开启时的初始状态，其actionscript代码如下：on(press)map_mc._xscale=100;/将地图map_mc的x轴缩放至原始大小map_mc._yscale=100;/将地图map_mc的y轴缩放至原始大小map_mc._x=275;/将地图map_mc的注册点x轴坐标还原至中心点map_mc._y=200;/将地图map_mc的注册点y轴坐标还原至中心点按ctrl+enter键测试影片，分别点击放大、缩小、复位三个按钮，能够实现该地图所要实现的放大、缩小、复位的功能，电子地图制作完成。3.1.2 添加电子地图电子地图制作成功之后，要将其添加到网页中才可使用，具体的添加步骤如下：首先，将电子地图添加到网页dianziditu.asp中。其次，在dreamweaver中的dianziditu.asp中建立两个表单项，一个用来设计单选按扭，供用户选择其目前所在的位置，另一个表单项也设计为单选按扭，供用户选择其所要到达的景点，再在表单项的下方设置一个提交按钮，供用户提交自己的表单。然后，在网页中添加以下代码：function check() var a = document.getelementsbyname(jingdian); var b = document.getelementsbyname(weizhi); var c=1; var d=1; for(i=0;ia.length;i+) if(ai.checked ) c=0; for(i=0;ib.length;i+) if(bi.checked ) d=0; if(c=0&d=0) return true; alert(您必须先选择景点和当前的位置); return false;这些代码用来实现电子地图中用户目前所在位置与所要到达的景点之间线路的显示功能。3.1.3 使用电子地图在网站主页中，单击电子地图的链接，进入电子地图页面。分别选择用户目前所在位置和所要到达的景点，在同时选中这两项之后点击显示路线按钮，此时页面将跳转到景点路线显示页面，在此页面中将显示两点之间的路线。在这里，如果用户只选择了目前所在的位置，或者只选择了想要到达的景点，显示路线这一项都是不成立的，这时将出现提示对话框提醒用户必须同时选择目前所在的位置和想要到达的景点。3.2 留言板留言板是一个网站能够了解用户的需求，进一步完善自己的服务功能的一个重要途径，用户可以在留言板写下自己对整个网站或者网站的某个功能的建议和批评，网站维护管理人员可以根据这些建议和批评进一步完善自己的网站，从而实现后期对网站的维护和进一步升级的工作，为用户提供更加周到的服务以满足用户的需求。在进入留言板页面时，用户可以看到当前所有留言的标题和建议人列表。点击某条留言，用户将可以看到留言的详细内容。如果留言人是会员且已登录，用户还可以看到其id号。另外，管理员还可以删除留言板的内容。图3-3 留言板界面此网站中的留言板是用dreamweaver中的表单的功能实现的，用户在留言板中留言之后，留言内容将在页面上显示出来，每页最多显示10条记录，所有的留言将保留在数据库中的liuyan表中。留言板界面如图3-3所示。3.3 市内公交市内公交模块也是为游客提供旅游信息的一个重要方面。由于公交信息均为手工输入，且系统中主要关注实现技术，因此本系统的公交信息数据库中仅包含一部分实际公交信息。若后期需要，可更新数据库添加更多的内容。3.3.1 市内公交模块的功能此模块展现给用户的有公交线路的起止站点以及中间所经过的站点，当用户打开市内公交页面的时候，所有的公交线路将呈现在用户面前，用户可以在这里查询到自己从自己所在位置到要去地方的所有公交线路情况。其中，所有的线路信息都存储在数据库中，在网站维护的过程中，如果线路有所变更，网站维护人员可以直接在数据库中修改即可。市内公交的效果图如图3-4所示。图3-4 市内公交的效果图3.3.2 市内公交模块的实现由于此模块的实现用到数据库这一项，首先就需要创建一个数据库连接。没有数据库连接的话，应用程序不知道在什么地方找到数据库或者如何与数据库连接。在dreamweaver中创建数据库连接时，为应用程序提供了与数据库建立联系的信息或参数。该设计与数据库连接时用到的是dsn，下面就来讲述dsn与数据库的连接和在网页中显示数据库记录页。1）dsn与数据库的连接打开控制面板中，双击管理工具，双击odbc数据库源图标，出现odbc数据库源管理器窗口，选择系统dsn标记。点击“添加”，接着选择数据库驱动程序，本系统使用access数据库，所以microsoft access driver（*.accdb），点击“完成”按扭。出现odbc mi