《XX网站设计与实现.docx》由会员分享,可在线阅读,更多相关《XX网站设计与实现.docx(14页珍藏版)》请在三一办公上搜索。
1、作者:日期:荆州市旅游网站分析与设计内容提要随着计算机技术,网络技术的迅猛发展,I nternet的不断普及,网络在各个领域里发 挥了越来越重要的作用。特别是随着近年人民生活水平不断提高,在线旅游给人们的旅游业带 来了更大的发展机遇。论文详细描述基于荆州市旅游资源的网站设计与实现。网站定位于一 个自助休闲游为主,文化遗产为辅的文化旅游网站。网站前台实现了线路信息、旅游新闻和 旅游资讯的查看,能够完成游客在线预订线路,留言板模块为游客和旅行社、游客和游客之 间提供了一个信息交流的平台。网站后台提供部分系统维护功能,主要是预订信息管理;线 路管理;旅行社设置;文章管理和留言管理等功能。它不仅能够让
2、浏览者得到最新的旅游信息, 而且能够对线路进行在线的查询和预订操作,使旅游变的异常轻松。引言随着互联网技术的应用普及,使电子商务迅速普及。凭借互联网无地域限制的优势 消除了产品、服务供应商和需求者之间时间或地点上的有阻碍,我国经济正逐渐成为以互联 网、通信技术为基础的新经济。网络技术的应用和发展,改变了经济体系中信息的传统分配 方式,改变了人们生活,学习,工作,合作和交流的环境,企业必须适当的利用新技术变革企业 经营理念,经营方式,组织管理。从CNNIC最近报告看,我国互联网数据资源增长迅猛,旅行 者也已经开启了 “在线”时代,旅游业电子商务化发展趋势不可逆转,作为一种新兴的旅游 方式,网络旅
3、游迅速的蔓延在网络时代,它的发展前景也尤为引人注目。本论文基于荆州市旅 游资源,根据其独特的特点设计了一个在线式旅游网站,来宣传本地区的旅游业。在观察诸多 旅游网站之后,选择这一课题进行研究与进一步实现使其更好的把握消费者理念与需求。在此第章 过程中也能够更好的校验所应用在内的专业相关技能,做到理论与实践的想结合。第 B网站分析网站定位本网站定位于一个自助休闲游为主,文化遗产为辅的文化旅游网站。出游前,可以在网上查找目的地的攻略和吃、住、行、玩等各类景点信息;还可以在线购买景点门票或是发起活 动结伴同行,邀请旅友一起出游。出游归来,可以分享旅程中的照片、视频、游记和点评,管 理自己的旅游记忆。
4、建立一个完整的旅游网站,突出旅游特点,有美观的界面设计。主要功能:1. 用户可以浏览景点、酒店、旅行社信息,同时可以查询景点、酒店的信息,在线留言, 注册等功能。2. 网站有一定数量旅游景点相关信息可供处理。方便游客了解景区各种相关信息,同 时有利于景区管理部门的管理,加强双边的沟通与协作,以提高和改善管理水平,使游客通过 对网站的浏览可以对景点有比较真实和丰富的了解,对景点本身做一个比较好的宣传和推 广。3. 管理人员登陆系统后,将各种烦琐的管理工作通过网站来管理,用最少的人力和物力 提高管理水平,方便发布各种旅游信息,处理游客所遇到的各种问题,及时了解游客对旅游管 理部门的意见,通过数据分
5、析可以了解游客的基本情况和不同时期游客的变化情况,提前做 出必要的准备工作。使前台的用户操作方便简单,突出旅游特点,具有美观的界面设计,保 证网站安全稳定的运行。第二章网站设计一、网站模块设计模块化:按照后台功能将一个软件切分为许多部分单独开发,然后再组装起来,每一 个部分即为模块。根据图功能结构图,将网站模块化如下:1. 用户功能模块实现的主要功能包括新用户注册、老用户登陆,同时,管理员对用户进行管理。2 .信息检索模块该模块主要是方便用户对本站景点和酒店进行相关检索,并返回检索结果。用户可根据自己不 同的需要,系统根据用户选择的不同组合检索方式和输入的关键字进行相关检索,得到用户检 索的信
6、息。3. 在线留言模块该模块主要是方便用户和管理人员进行沟通和交流,用户可以发表自己的看法也可浏览其他 用户的留言。为了让旅游部门掌握各方面的反馈信息,本系统设置了留言簿模块。通过此模 块,可以上传留言、查看以往的留言信息。留言信息包括:留言的用户、留言时间及留言内容。4. 酒店预定模块该功能模块主要是客户浏览了相关资料后,可通过本模块的下拉一个预定定单。将个人信息及 预定的酒店填写完整后,上交给系统,而系统经过简单的逻辑判断信息是否有错后通过两个消 息框的反馈,来确定酒店预定是否成功。5. 信息浏览模块实现的主要功能包括查看站内公告(最新公告及近期的所有公告)、点击景点,酒店,旅行社 的信息
7、,并且可以进行查询功能。6. 后台管理模块管理员可以对后台的所有信息进行修改。二、网站栏目规划1.网站系统结构图前台结构图后台功能设计结构图2. 网站的结构本网站的开发过程中采用的是浏览器/服务器(Browser/Serve r)模式。它以访问数据服务器为中心,HTTP协议为传输协议,客户端通过浏览器(Browser)访问WEB服务器和 数据服务器。其三层结构见图2:图2 B/S三层结构图图中从左到右,分为三层结构:第一层:浏览器。主要完成客户和后台的交互及最终查询结果的输出。浏览器将HTML语 言代码转化成图文网页。网页具备一定的交互功能,允许用户根据网页提供的表单输入信息, 提交给后台并提
8、出处理请求。后台处理完后,将结果返回至用户的浏览器。第二层:WEB服务器,主要完成客户的应用功能WEB服务器接受客户请求后,启动相 应的进程响应这一请求,动态生成一串HTML代码,返回用户的浏览器。若用户请求中包含数 据的存取,WEB服务器还将与数据库服务器连接,协同完成处理工作。第三层:数据库服务器,主要协调不同的WEB服务器发出的请求,管理数据库。三、网站总体风格设计主页面设计主界面是一个网站的门面,如同公司的形象,特别注重设计和规划。它是用户首先见到的 界面,它的好坏直接影响到网站的访问率。为此,作者从以下几个方面对主界面进行了设计。1. 在色彩搭配上,一种较明快的色彩为基调,配以相关的
9、其他色彩,给用户一种鲜而不艳 的美感。2. 在字体选用上,大小适当,尽量使用常用字体,适当配用艺术字。3. 在网页制作上,采用框架式结构,在框架中嵌入子页,将大表化小,图片压缩,尽量减少 页面响应时间。4. 在内容上,主界面内容充实而不繁杂,既体现本站特色,又能满足用户需要。5. 在用户操作上,简化用户操作,删去那些空洞的环节。例如,“用户注册”只须填写简 单信息即可。输入输出页面设计旅游网站系统的输入界面主要包括用户注册、登录,信息检索和在线留言等,输入设计的 内容包括以下几点:1.确定输出的内容。用户是信息的主要使用者,在进行输出内容的设计时,首先要确定 用户在使用信息方面的要求,包括使用
10、的目的、输出速度、频率、数量、安全性等。根据用户 的要求,设计输出信息的内容,输出的项目及数据结构、数据类型、位数及取值范围,数据的 生成途径,完整性及一致性的考虑。2 .确定输出格式。输出格式设计要满足使用者的要求和习惯,达到格式清晰、美观、 易于阅读和理解的要求。在本系统中,输出页面的设计,尽量满足用户的信息需要,并有相关 的提示信息。输入输出等界面设计,均仿照首页的风格进行,使整个网站页面风格一致,别具 特色。第三章网站的实现一、首页的实现翔:Hfit站 行前血苜页酒店枝评布记政略直页:中国二山西 .财卅奁料朔州中日天气;旺lST2-2DfC 吏若心熊簪胃 期州地囹期里片蝴档答 将H些梓
11、谕fflJUKBHir 飞住朝HBSJ班朝卅裆沽碰L 到朝州的I也腕临 北王时甚查国浏茂全31照片世表照片来自潮友的朔州藤行莅役巨21K3州酒店排名榜轮朔州部丁 JB稽也节曰大事毗I娱耳*参菊玩手珊Z3S知道朔州的增友,点汗过甥卅简古的朋友5】也许有朋击点计泡期州茁n酣,漫谊明反喜蝴卅的E)访剧幽琮订朋斌拇苦驰动忘嶷注册L期卅茱曷犬jfl店2.期:IH尊范:fQ吉3期卅山明华圣充有店4 .右玉且玉尤咽.酒店卜熟於的I 0)201D-LD-CH二、线路预订页面的实现线路预订一一用户选择好线路之后,点击预订按钮进入线路预订页面。在该页面正确选择出 发日期,仔细填写预订人数,联系人姓名,手机号码,联
12、系邮箱等信息,以便准确预订。确认订单一一点击“确认报名”按钮后进入确认订单页面认真核对您的线路订单。相关旅 行社将会在近期与您联系,协商参团旅游的各项事宜;如果您已与相关旅行社协商一致您还 可以通过支付宝给相关旅行社付款。雄路基本信息践跻名; J出发时间:.? P点此选择日期发团周期:天天发团价格体系价格类型门市价同程价预耐金筋人数成人价J-*1.4三、留言板页面的实现发表留言用户在发表留言时,要求用户填写用户名、QQ号码、E_MAIL、来自哪里、选择性别、留言内容等几个部分供选择,其中用户名和留言内容不能为空。留言管理 包括回复留言、删除留言,以及进行数据库的操作。留言回复通过re p ly
13、.aspx 页面来实现,使用了%=request. querystring( id)%语句以GET方式完成FORM 中数据的提交。曾理更*回=内整=代码:V%rs1.abs olu tepa ge = pagefor i =1 to rsl.p agesiz eif rsl.eo f then exit for e nd if%tddiv align=center/divdiv align=center% = rs1(sdate)/div/tdt ddi v a 1 ign=c enter%=r s 1(s count) % /divtable width= 98% bo r de
14、r=1 cells p ac i ng= 0 cellpa d ding= 0”div align=center发表留言/div/td用户名/t d 日期内容 te x tar e a name=scount id = scount cols=45rows=5”/textarea&nbs p;  ; 退出四、后台登陆页面的实现在首页中点击管理员入口,进入后台管理登录页面,如图11所示:*|身胳尝证&用%密码:登录|取消图11后台管理登录输入用户名和密码,点击“登录”按钮,当身份认证通过后进入后台主页面,如图12所 示:=8ftS=正Si订管建*看垮所百KXJ 土姬丽 &箱85修理 K S- tt 1 3 &女童管壹 氐五它设置巷序不孝二客口埴-丈章1血16音冒型艮000他no分辟-姑d以上H.细 k费克其购蹄嘴碍切=后白提作说明=诵也舞段作.玉什电不it由通与瞬话it SMW-&12243Tr/rr( by暧色号挈fiii袈徭时J程岳&Tmi如4.1 trit I CcpfiTa itSOin - 3009m BlLx Ra-Eimd图12 后台主界面