城市旅游网站的设计与实现

Ｍ　彳答　。　城市旅游网站的设计与实现　马海珠　（无锡高等师范学校江苏无锡２１４０００）　【摘要】：文章主要介绍城市旅游网站的设计思想，通过ＡＳＰ．ＮＥＴ和ＳＱＬ　Ｓｅｒｖｅｒ数据库相结合　的技术，提出了城市旅游网站的总体功能结构及相关的数据库设计，并详细分析旅游网站的前台首页　中的主要实现技术和后台管理系统中的设计与实现方法。　【关键字】：ＡＳＰ．ＮＥＴ＋ｃ≠≠动态旅游网站设计；数据库　互联网的普及和信息技术的发展正在深刻地改　管理员可登录系统，实现管理员添加、删除、修改　变旅游行业的模式，旅游者对信息服务的依赖程度越　及注册用户信息的锁定、删除；对旅游公告信息进行　来越高。游客需要借助各种媒介了解旅游目的地的风　删除、添加、修改；对旅游景点大全进行删除、添加，修　土人情，交通、住宿等信息，同时还喜欢把自己独特的　改；对景点美图进行删除、添加、修改；对旅游线路信　感受写下来，将文字和图片等和他人分享。旅游网站　息进行删除、添加、修改；可实现美食信息的修改、添　的建设，可以用较低的成本将这些信息及时、全面地　加、删除及美食评论管理；对酒店信息进行删除、修　展现给旅游者，并提供相关的交流服务。不仅如此，旅　改、添加；可实现游记管理删除、修改、添加；对论坛　游网站还可以利用网络这种现代媒体，深度剖析城市　帖子信息可进行删除、修改、回复。　人文，精准把握城市特色亮点，全景式展现城市风采，　塑造城市形象。　１系统分析设计与数据库设计　１．１系统分析设计　因此，整个网站系统分为从游客需要设计和管理　员管理两部分，即前台功能和后台管理。前台主要实　现旅游公告、景点大全、旅游线络、景点美图、交通指　南、旅游酒店、美食天地、旅游游记等栏目的浏览功　旅游网的信息组织有它自己的特点。首先网站必　能，以及提供景点论坛、美图评论、美食评论、表发游　须以目的地为核心进行信息组织。其次网站必须遵循　记等给注册游客进行旅游信息的交流。后台主要实现　以游客为中心的原则建设，所有信息内容都以游客的　系统管理、公告管理、景点大全管理、交通指南管理、　需求为第一需要。要做到条理清晰、简单易懂、能够让　景点美片管理、酒店信息管理、美食信息管理、旅游游　游客快速查找到所需信息。因此，在网站的设计上，主　记管理、论坛信息管理等。其功能结构设计如下：　要实现两大部分功能　１、从游客的角度分析：可以将游客分成两类普通　游客和注册游客。　（１）对于普通游客而言，可以实现以下功能。　浏览旅游目的旅游公告信息；浏览旅游线路的相　关信息；浏览旅游各景点全部信息；浏览各景点的旅　游图片信息；浏览旅游酒店信息；浏览美食信息及相　关评论；查看旅游线路；浏览旅游游记。　（２）对于注册游客而言，还能完成以下功能：可以　对景点图片发表评论；可以写旅游游记；可以实现对　旅　游　公　前岔功能　告　Ｉ鍪　垂ｌ｝茎ｌ　ｌｌｉ蓁　ｌ薹Ｉ　回　美Ｉ｝圈Ｉ　Ｉ英｝Ｉ发Ｉ食Ｉ　Ｉ裹ｌ　ｌＩ帖ｌ发　子Ｉ衰　荐８门　费　景ｌ｜Ｉ　８曩　点８点ｌｉ点　推Ｉｌ执ＩＩ免　评Ｉ论Ｉ　Ｉ评Ｉ论Ｉ　Ｉ游ｌ　ｌ查ｌ帖　记ｌ　图一１　复　帖　ｌ询ｌ子　子　美食的评论；还可实现景点论坛版块留言和提问功　能。　首页通过导航条栏目（网站首页、景点大全、旅游　２、从网站的管理员角度分析，网站管理员是被赋　线路、交通指南、景点美图、旅游酒店、美食天地、旅游　予网站全部权限的用户，其主要功能如下：　・游记、景点论坛）及主要的板块（旅游公告、推荐景点，　１４０・　福建电脑ｌ　２０１３年第７期　。～一一　一…　……一……一一一～　一…　……～一……　……　蓑　急　亍嚣一一…　（１３）美食（美食编号、名称、简介、价格）。　（１４）美食评论（评论编号、美食编号、评论标题、　评论内容、评论用户、评论日期）。　（１５）头像信息（编号、图片）　热门景点、热门线路、景点美图、美食天地、酒店信息　标题、评论内容、评论用户名、时间）。　等及城市特色）来展示。　系Ｉ统ＩＩ公ｌ景ｌ缓《交Ｉｌ告ｌ点９路０通《店Ｉ暖Ｉｌ滔Ｉ英　摹ＩＩ食ＩＩ１游　论　记　坛　理　（１６）旅游游记（编号、标题、内容、图片、作者、时　间、点击率）　２开发工具　茎Ｉｌ　ｌ　Ｉ薹ｌ茎ｌ茎ｌ薹ＩＩ薹Ｉｌ薹　蕾　蕾　系统采用Ｂ／Ｓ结构，用ＡＳＰ．ＮＥＴ＋Ｃ＃作为开发工　理　用　贯　户　蕾　警　理　理　图一２　１．２数据库设计　系统功能的实现离不开数据库的支持，因此数据　库的设计是系统的重要部分。根据上述需求分析和功　能要求，确定系统中的所需的实体及其属性，实体与　实体间的关系。网站涉及的主要实体及属性如下：　（１）管理员（管理员信息ＩＤ，管理员登录账号，登　录密码）。　（２）注册用户（用户编号，用户名称，用户密码，用　户姓名，用户电子信箱，用户头像、密码找回问题，问　题答案）。　（３）景点信息（景点编号、景点名称、景点地址、景　点电话、景点介绍，景点交通，景点票价）。　（４）景点美图信息（编号、景点编号、图片ＵＲＬ、图　片说明）。　（５）旅游公告（编号、公告标题，，公告内容，发布　公告日期，作者）。　（６）旅游酒店（酒店编号、酒店名称、酒店星级、价　格、酒店地址、酒店联系方式、酒店图片ＵＲＬ、酒店简　介）。　（７）旅游线路（线路编号，线路名称，线路报价，花　费时间，行程安排，途经景点，线路备注，景点图片）。　（８）美食信息（编号、美食名称、美食图片、美食简　介、价格）。　（９）美食信息评论（编号，美食编号、评论内容、评　论用户名、评论日期，评论标题）。　（１０）帖子信息（编号、标题、内容、用户名、时间、　点击率）。　（１１）回帖信息（编号、帖子编号、标题、内容、时　间、回复用户名）。　（１２）景点美图片评论（评论编号、图片编号、评论　具，并以ＳＱＬＳｅｒｖｅｒ２０００作为网站的后台数据库来实　现各部分功能。ＳＱＬ　Ｓｅｒｖｅｒ具有较好的可伸缩性和可　靠性，提供了以Ｗｅｂ标准为基础的扩展数据库编程功　能，满足Ｗｅｂ网站建设的需求。　３系统功能的实现技术　３．１前台主要设计技术　对旅游网站而言，首页的设计是极其重要的。所　以，在首页中主要通过导航条及旅游公告，景点美图　及推荐景点、热门景点、热门线路，酒店介绍、城市特　色及美食天地等栏目来显示信息。主要实现方法采用　ＡＳＰ．ＮＥＴ提供的控件结合数据库中的数据绑定所需　内容（可以是标题、也可以是图片）的方法来实现。　以景点图片为例，结合ＤａｔａＬｉｓｔ控件，绑定图片的　ＵＲＬ，显示图片并实现图片的超链接，进一步显示景　点美图的详细信息，并实现图片的分页显示及不同页　之间的切换。具体方法如下：　（１）在ＤａｔａＬｉｓｔ控件中设置Ｉｍａｇｅ控件，在图片控　件和图片标题上设置源代码，分别绑定对应的图片　ＵＲＬ和名称如下：　＜ａ　ｈｒｅｆ＝”ｐｐｐ１．ａｓｐｘ？ｉｄ＝＜％＃ＤａｔａＢｉｎｄｅｒ．Ｅｖａｌ（Ｃｏｎｔａｉｎｅｒ．　Ｄａｔａｌｔｅｍ，＂ｉｄ”１％＞”ｔａｒｇｅｔ＝”＿ｂｌａｎｋ”＞　／／　对绑定的图片设置超链接　＜ａｓｐ：Ｉｍａｇｅ　ＩＤ＝”Ｉｍａｇｅ１”ｒｕｎａｔ＝’’ｓｅｒｖｅｒ”Ｈｅｉｇｈｔ＝”１２０ｐｘ”　Ｗｉｄｔｈ＝”１２０ｐｘ”ＩｍａｇｅＵｒｌ＝　＜％＃ＤａｔａＢｉｎｄｅｒ．Ｅｖａｌ（Ｃｏｎｔａｉｎｅｒ．　Ｄａｔａｈｅｍ，＂ｕｒｌ”）％＞　／＞　，，绑定图片　＜ｔｄ　ｓｔｙｌｅ＝”ｗｉｄｔｈ：１２０ｐｘ；ｈｅｉｇｈｔ：３０ｐｘ”＞＜％＃ＤａｔａＢｉｎｄｅｒ．　Ｅｖａｌ（Ｃｏｎｔａｉｎｅｒ．Ｄａｔａｈｅｍ，＂ｎａｍｅ”１％＞　（２）再配合以下自定义法，实现景点美图的显示及翻页　ｐｕｂｌｉｃ：ｖｏｉｄ　ｌｙｔｐＢｉｎｄ０　，，自定义方法　｛　ｉｎｔ　ｎｏｎｃｅＰａｇｅ＝Ｃｏｎｖｅｒｔ．Ｔｏｌｎｔ３２（Ｌａｂｅ１８．Ｔｅｘｔ）；　ＰａｇｅｄＤａｔａＳｏｕｒｃｅ　ｐｓ＝ｎｅｗ　ＰａｇｅｄＤａｔａＳｏｕｒｃｅ０；　ｓｔｒｉｎｇ　ｓｑｌ＝”ｓｅｌｅｃｔ　ｆｒｏｍ　Ｖ—ｐｉｃｌ”；　／／列出创　建好的视图数据（来源于景点信息表和景点美图表）　ｐｓ．ＤａｔａＳｏｕｒｃｅ＝ｂｃ．ＧｅｔＤａｔａＳｅｔ（ｓｑｌ，”Ｖ＿ｐｉｃ　１”）．Ｔａｂｌｅｓ　Ｅｏ－Ｉ．ＤｅｆａｕｌｔＶｉｅｗ；／／获取视图数据源　ｐｓ．ＡｌｌｏｗＰａｇｉｎｇ　ｔｒｕｅ；　２０１３年第７期』福建电脑　・１４１・　薏撕　ｐｓ．ＰａｇｅＳｉｚｅ＝６：　／／每页６张图片　ｐｓ．ＣｕｒｒｅｎｔＰａｇｅＩｎｄｅｘ＝ｎｏｎｃｅＰａｇｅ一１：　ＬｉｎｋＢｕｔｔｏｎ８．Ｅｎａｂｌｅｄ＝ｔｅｒｅ；　ＬｉｎｋＢｕｔｔｏｎ９．Ｅｎａｂｌｅｄ＝ｔｒｅｅ；　ＬｉｎｋＢｕｔｔｏｎ　１０．Ｅｎａｂｌｅｄ：ｔｒｕｅ；　ＬｉｎｋＢｕｔｔｏｎ　１　１．Ｅｎａｂｌｅｄ：ｔｕｒｅ；　ｉｆ（ｎｏｎｃｅＰａｇｅ＝＝１）　｛ＬｉｎｋＢｕｔｔｏｎ８．Ｅｎａｂｌｅｄ＝ｆａｌｓｅ；ＬｉｎｋＢｕｔｔｏｎ９．Ｅｎａｂｌｅｄ　＝ｆａｌｓｅ　ｌ　ｉｆ（ｎｏｎｃｅＰａｇｅ＝＝ｐｓ．ＰａｇｅＣｏｕｎｔ）　ｆ　ＬｉｎｋＢｕｔｔｏｎｌ０．Ｅｎａｂｌｅｄ＝ｆａｌｓｅ；ＬｉｎｋＢｕｔｔｏｎ１　１．Ｅｎ—　ａｂｌｅｄ：ｆａｌｓｅ；１　Ｌａｂｅｌｌ０．Ｔｅｘｔ＝Ｃｏｎｖｅｒｔ．ＴｏＳｔｉｆｎｇ（ｐｓ．ＰａｇｅＣｏｕｎｔ）；　／／　总页数　ＤａｔａＬｉｓｔ１．ＤａｔａＳｏｕｒｃｅ＝ｐｓ；　ＤａｔａＬｉｓｔ１．ＤａｔａＢｉｎｄ０；　｝　ｐｒｏｔｅｃｔｅｄ　ｖｏｉｄ　ＬｉｎｋＢｕｔｔｏｎ８一Ｃｌｉｃｋ（ｏｂｊｅｃｔ　ｓｅｎｄｅｒ，Ｅｖｅｎ－　ｔＡｒｇｓ　ｅ）　／／第一页　｛　ｔｈｉｓ．Ｌａｂｅｌ８．Ｔｅｘｔ＝”１”：　ｔｈｉｓ．１ｙｔｐＢｉｎｄ０；　Ｊ　ｐｒｏｔｅｃｔｅｄ　ｖｏｉｄ　ＬｉｎｋＢｕｔｔｏｎ９＿Ｃｌｉｃｋ（ｏｂｊｅｃｔ　ｓｅｎｄｅｒ，Ｅｖｅｎ－　ｔＡｒｇｓ　ｅ）　／／上一页　｛　ｔｈｉｓ．Ｌａｂｅｌ８．Ｔｅｘｔ＝Ｃｏｎｖｅｔｒ．ＴｏＳｔｒｉｎｇ（Ｃｏｎｖｅｒｔ．ＴｏＩｎｔ３２　（ｔｈｉｓ．１＿ａｂｅｌ８．Ｔｅｘｔ）一１）；　ｔｈｉｓ．１ｙｔｐＢｉｎｄ０；　）　ｐｒｏｔｅｃｔｅｄ　ｖｏｉｄ　ＬｉｎｋＢｕｔｔｏｎｌ０——Ｃｌｉｃｋ（ｏｂｊｅｃｔ　ｓｅｎｄｅｒ，Ｅｖｅｎ－　ｔＡｒｇｓ　ｅ１　／／Ｔ一页　｛　ｔｈｉｓ．Ｌａｂｅｌ８．Ｔｅｘｔ＝Ｃｏｎｖｅｒｔ．ＴｏＳｔｒｉｎｇ（Ｃｏｎｖｅｒｔ．Ｔｏｌｎｔ３２　（ｔｈｉｓ．Ｌａｂｅｌ８．Ｔｅｘｔ）＋１）；　ｔｈｉｓ．１ｙｔｐＢｉｎｄ０；　｝　ｐｒｏｔｅｃｔｅｄ　ｖｏｉｄ　ＬｉｎｋＢｕｔｔｏｎｌ　１＿Ｃｌｉｃｋ（ｏｂｊｅｃｔ　ｓｅｎｄｅｒ，Ｅｖｅｎ－　ｔＡｒｇｓ　ｅ）　／／最后一页　（　ｔｈｉｓ．Ｌａｂｅｌ８．Ｔｅｘｔ＝ｔｈｉｓ．Ｌａｂｅｌｌ０．Ｔｅｘｔ；　ｔｈｉｓ．１ｙｔｐＢｉｎｄ０；　｝　其它的如显示旅游公告、热门线路、推荐景点等　可参照以上方法一一实现。　３．２后台管理设计技术　对于一个完整的系统而言，后台管理必不可少。　它的实现主要有两个部分：第一部分是管理员登录；　第二部分是实现各项管理。为此，主体界面设计可以　采用页面框布局中的ｉｆｒａｍｅ框架技术结合ＴｒｅｅＶｉｅｗ　・１４２・　福建电脑ｌ　２ｏ１３年第７期　控件来实现。采用ｉｆｒａｍｅ框架最大的特点是比较灵　活，它在实现上可以将页面布局分成左、右两部分。左　边是利用ＴｒｅｅＶｉｅｗ控件显示树形结构，分层显示后台　管理中各项管理；右侧部分可以链接到相应的信息。　下面以景点管理为例，实现对旅游景点信息进行删　除、修改、添加的功能。　关键代码如下：　＜Ｎｏｄｅｓ＞　＜ａｓｐ：ＴｒｅｅＮｏｄｅ　Ｔｅｘｔ＝”管理景点”Ｖａｌｕｅ＝”管理景　点”＞　＜ａｓｐ：ＴｒｅｅＮｏｄｅ　ＮａｖｉｇａｔｅＵｒｌ＝”－／ｊｄｆｂ．ａｓｐｘ？ｉｄ＝ａｄｄ”　Ｔａｒｇｅｔ＝”ｒｉｇｈｔＦｒａｍｅ”Ｔｅｘｔ＝”景点发布”Ｖａｌｕｅ＝”景点发　布”＞　＜／ａｓｐ：ＴｒｅｅＮｏｄｅ＞　＜ａｓｐ：ＴｒｅｅＮｏｄｅ　ＮａｖｉｇａｔｅＵｒｌ＝”－／ｊｄｇ１．ａｓｐｘ”Ｔａｒｇｅｔ＝”　ｒｉｇｈｔＦｒａｍｅ”Ｔｅｘｔ＝”景点管理”Ｖａｌｕｅ＝”景点管理”＞　＜／ａｓｐ：ＴｒｅｅＮｏｄｅ＞　＜／ａｓｐ：ＴｒｅｅＮｏｄｅ＞　＜／Ｎｏｄｅｓ＞　＜ｔｄ＞　＜ｉｆｒａｍｅ　ｆｒａｍｅｂｏｒｄｅｒ＝”０”ｈｅｉｇｈｔ＝”５００”ｉｄ＝”ｒｉｇｈｔ—　Ｆｒａｍｅ”ｎａｍｅ＝”ｒｉｇｈｔＦｒａｍｅ”ｓｔｙｌｅ＝”ｗｉｄｔｈ：６０Ｏｐｘ；ｈｅｉｇｈｔ：　５００ｐｘ”＞＜／ｉｆｒａｍｅ＞　＜／ｔｄ＞　而景点管理ｊｄ　．ａｓｐｘ模块，景点发布ｊｄｔｂ．ａｓｐｘ叮　分别单独设计，ｊｄｇ１．ａｓｐｘ模块可以通过ＧｒｉｄＶｉｅｗ控件　绑定数据库的数据来实现删除和修改，景点发布功能　即记录添加功能，由于篇限，这里不再详述。　４结束语　城市旅游网站的开发，不仅方便游客出行和对旅　游部门、城市起到宣传作用，还可以将其作为一个整　体的商业生态链，将酒店、餐饮、景点景区、交通等利　用互联网联结在一起，具有一定的实用价值和参考价　值。　参考文献：　［１］张领等．ＡＳＰ．ＮＥＴ项目开发全程实录［Ｍ］．北京：清华大　学出版社，２００８年．　［２］翁健红．基于ｃ＃的ＡＳＰ．ＮＥＴ程序设计第２版［Ｍ］北　京：机械工业出版社，２０１１年．　［３］李春葆，曾平．数据库原理与应用第２版［Ｍ］．北京：清华　大学出版社，２００７年．　［４］张小莉．基于ＡＳＰ．ＮＥＴ旅游网站的研究与设计［Ｊ］．科学　之友论。２０１０，０１（０２）．