旅游网站的设计与制作_第1页
旅游网站的设计与制作_第2页
旅游网站的设计与制作_第3页
旅游网站的设计与制作_第4页
旅游网站的设计与制作_第5页
已阅读5页,还剩21页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

...wd......wd......wd...旅游网站的设计与制作摘要随着信息技术的开展,计算机技术在我们的日常生活中已经占据着越来越重要的位置,各行各业的开展都离不开网络的支持,旅游行业也借着网络来宣传自己。本课题是为地方的旅游开发的一个综合性网站,是利用jsp技术和ssm框架以及oracle数据库技术实现的。主要完成对旅游网站的管理和网站的展示与应用,主要功能包括:景点管理、酒店管理、民俗管理、酒店预订、门票预订、信息浏览和评价等。该旅游网站可以系统的展现一个地区的旅游信息,让人们方便快捷的了解这个地区和这个地区的地方特色。相比较于一般的旅游网站,该网站的针对性更强,更能够满足针对地区旅游的需求。关键词:旅游网站SSMOracle数据库JSP目录第1章绪论11.1背景11.1.1旅游业信息化的开展11.1.2旅游类型网站的现状21.1.3旅游网站的构建21.2开发技术介绍21.2.1开发环境21.2.2SSM概述21.2.3JSP技术3第2章网站的前期准备42.1软件准备和ISS5.0的安装与设置42.1.1软件准备42.1.2ISS5.0的安装与设置52.2本网站建设的方向和目的62.2.1网站建设目的62.2.2本站明确的目的6第3章需求分析83.1可行性分析83.1.1技术可行性83.1.2经济可行性83.1.3操作可行性83.2安全性分析83.3系统功能分析93.4数据流程图103.5用例图12第4章概要设计174.1模块设计174.2数据库设计18第5章详细设计与实现175.1工程文件夹构造175.2模块详细设计185.3测试205.3.1注册模块测试205.3.2权限管理测试20第6章网页需求分析226.1可行性分析226.1.1网站主题的可行性226.1.2网站页面设计的可行性226.2网站需求分析226.2.1建站目的226.2.2技术需求236.3网页运行环境的开发236.4网页设计工具236.4.1图像工具——Photoshop236.4.2页面工具——Dreamweaver236.5网页开发语言24第7章网站的测试257.1网站检测257.2网站的上传25结论27致谢28参考文献29第1章绪论1.1背景不同的网站目的要求通过不同的方式来实现。一个展示个人能力的网站与一个以花卉种植为主题的网站,以及一个大型门户网站和一个小型企业网站,其出发点和建站目的都有所不同,在整个网站的建设规划方面的要求也是肯定是大不一样的。因此在规划我的这个网站时,我选择了和大学生的生活和学习相关联的主题。本网站预计的用户群体:对于网站的设计者和建设者来说,在设计规划网站时必须要明确自己网站的浏览者,也就是确定自己的用户群体。在已经确定了建设目的的前提下,应根据建站方向所会导致出现的不同用户群体的需求来规划设计整个网站。我的这个网站就确定了以大学生为用户群体。本网站的构造和风格:网站的风格反映了一个网站的特色,它具有很大的代表性。出色的网站吸引人的地方不仅仅在于其内容,鲜明的构造和独特的风格往往能起到画龙点睛的作用。一个网站即使内容再丰富,如果网站的构造和风格不能吸引人,那也是毫无价值的。往往整个网站的风格是一个网站吸引浏览者的魅力所在,因此应当根据网站的主题、内容和浏览者的要求来设计自己独特的网站风格。那么什么是网站的构造和风格呢网站的构造是连接网站内容之间的支架。网站的构造是网站的核心和骨架,如果没有网站构造,网站将会变得一团糟。现在,只有高度开展、高度构造化、易用且能独立行走的网站才受浏览者的欢送。1.1.1旅游业信息化的开展随着社会经济的开展,人民生活水平不断提高,旅游已经成为人们节假日不可缺少的活动。信息技术的开展为各行各业提供了一个很好的平台,当然,旅游业也不例外,因此各种各样的旅游网站相继产生。旅游行业的人争相利用网络来宣传和展示自己,便捷的网络宣传也让旅游变得越来越简单了,“说走就走的旅行〞因为网络的开展得以实现。现当下,有着高效,低价,方便,广泛等优点的电子商务引领着世界的潮流,它所带来的优势是传统旅游业所不能比较的,因此旅游业的网络化已经刻不容缓。1.1.2旅游类型网站的现状我国的旅游业网站开展相对其他行业较早,经过长时间的开展和探索,已经相比照较成熟。这些网站为驴友们提供了比较全面的资讯和服务〔包括景点,酒店,美食,导游,路线,航班,火车票以及各类套餐等〕,方便了人们的出行和选择,已经成为旅游行业开展的中流砥柱。尽管我国的旅游网站开展的比较成熟,也出现了很多知名的旅游网站,但还是有不少的网站开展的不完善,以下是其中的几项弊端:1、 旅游网站的资源通常都是全国的甚至囊括了好多个国家的,然而针对地区的少,不能系统的展现一个地区的特色,针对地区旅游的需求不能得到满足。2、 某些网站上游客查询了某一个景点,展现的都是套餐〔包括住宿、车票等〕,剥夺了人们自主选择的权利。3、 旅游网站各类信息非常多,并且很复杂〔网站中含有很多的客户资料、导游的相关信息、相关花费、景区线路、景点详情、酒店信息等大量的资料〕,查询起来速度较慢,且各类资源调配难度大。因此,不仅一个信息全面的网站很重要,一个针对地区量体裁衣的网站也很重要。1.1.3旅游网站的构建该课题针对上述弊端做出改良,系统的展示了一个地区的风土人情〔包括景点,酒店和民俗〕;门票和酒店都采用单独预订的方式,为用户保存了足够的自由选择的权利;内容比较集中、简单,去除了多余的信息〔例如导游,套餐等〕,为用户提供了一个针对地区的简单的旅游网站。1.2开发技术介绍1.2.1开发环境该旅游网站以Eclipse为开发平台,使用MyEclipse作为Eclipse的插件并由Tomcat6.0充当Web服务器来开发实现的。主要采用java开发工具,Oracle数据库来设计,采用视图层+业务逻辑层+数据库访问层的体系构造模式,利用SSM框架,实现整个web端的功能开发与实现。1.2.2SSM概述SSM是Strtus2、Spring、MyBatis的整合,tomcat在没有SSM框架的时候是用servlet来处理请求的,用response直接返回结果界面,有了struts,tomcat不用servlet了,而是用action,action的result配置就相当于原来用servlet的response返回界面;spring是用来管理的,struts整合spring之后就把Action交给spring来管理了,这里springIOC起到很大的作用;MyBatis是持久层的东西,和数据库相关。〔1〕struts概述Struts是一种基于MVC的创立Web应用的框架,它很好地将程序进展了分层,它主要实现控制器局部的功能,可以和多种完成视图功能的技术配合使用。Struts中的基本信息是在struts.xml中配置,该文件是struts的核心,也是控制器的入口。struts.xml将jsp中的request请求交给struts的某个action方法来处理,同时给出下一步操作〔即操作成功后所要执行的其他方法或者所要跳转的jsp页面〕。〔2〕spring概述Spring是一个容器框架,因为它启动时所需要的资源较少,所以属于轻量级容器框架,它主要包括IOC和AOP。其中IOC叫做控制反转,也可以叫做依赖注入,是spring的核心技术,该技术主要用于管理,将之前由代码直接控制的程序之间的管理改为由容器控制的管理,控制权转移了,不再是传统的代码控制,而是容器控制,这就是控制反转。1.2.3JSP技术Jsp技术是对servlet的简化。最初servlet输出html语句到客户端时采用的是out.print("<html></html>")这种方式,只能一句一句的输出,并且包含了很多的多余的代码,这样一来,对表现层页面的操作非常的不方便。为了简化操作,SUN在servlet的根基上开展出了jsp,这种技术侧重于视图,可以非常方便的操作页面。因为jsp是基于servlet开展出来的,因此它原那么上是一种servlet,最后要被转化为servlet运行。第2章网站的前期准备2.1软件准备和ISS5.0的安装与设置2.1.1软件准备在网页的设计过程中,因人而宜,每个人使用的软件也许不同,如比较有名的网站设计软件有Macromedia公司出品的网页设计“三剑客〞、有微软的Frontpage、还有国产的“东方网页王〞等等。在这里,我们主要说的是Macromedia公司出品的“三剑客〞。这“三剑客〞包括DreamweaverMX、FireworksMX和FlashMX,其中,DreamweaverMX是网页编辑软件,FireworksMX是图形/图像处理软件,FlashMX是矢量动画编辑软件。当然,到今天为止,Macromedia公司出品的这个“三剑客〞都已经是2004版,估计2005版也应该很快出来了。Macromedia公司一向以其优良的设计、友好的用户界面和强大的功能而著称,这三个软件也不例外,它们是Macromedia公司专门为网页设计、制作开发的系列软件套件,三者之间可以无缝集成,能够有效地解决网络带宽问题,是设计动画网页的最正确工具。DreamweaverMX采用“所见即所得〞的直观设计模式,充分尊重设计人员的原始意识和想象力。她成功地将网页设计功能中的技术实现局部和设计局部别离开来,使用户只需专注于设计,而其余的工作由DreamweaverMX自动完成。另外,还有一点值得说明的是,DreamweaverMX可以控制和删除冗余代码,减小网页文件的大小。从而能够快速上传和下载。FireworksMX的独特之处在于它能够优化、切分图片映射图,并提供了功能强大的翻滚图工具。它是基于WEB应用的图形/图象处理软件,提供了一种革命性的新方法来创立WEB图形,并且具有所有其他图形处理工具的诸多优点。FireworksMX的最大优势就在于它在任何时候可以从任何阶段开场设计工作,这样既可以节约时间又可以对产品进展扩展。另外,FireworksMX中的诸多功能都是面向WEB应用的,因此对于WEB设计新手来说也很容易学习的。FlashMX是比较另类、超前的一种网页动画制作软件,它不仅能够满足网页设计的诸多要求,更为网页多媒体的使用者带来了前所未有的便利。FlashMX提供了广泛的平台支持,它不需要任何编程工作就能够制作出精彩的动态效果。由于FlashMX采用矢量图形格式来制作动画,因此在低宽带的网络环境中仍然可以具有高品质的画面以及存储空间小的优点,从而是浏览者能够快速的下载效果非凡的动画。在我设计我的个人网站的过程中,我选择了DreamwearMX2004和FlashMX2004和Photoshop三种软件。因为自己向对于其它的软件来说,这三个还算是比较熟悉的。2.1.2ISS5.0的安装与设置在因特网/企业网上的基于浏览的开发方案中,Microsoft的IIS起到客户端与服务器端的连接作用。当访问者在浏览器中键入对你服务器上的网页进展访问的请求,这个请求通过网络路由到服务器端,然后服务器再将它交给IIS处理。IIS检索所请求的页,并根据请求的文件名对该网页进展相应的处理。如果该文件是以.asp为扩展名或者该文件是某种类型的请求文件,那么IIS将对该页面上的代码进展处理。IIS5.0是专为Windows2000设计的WEB服务器软件。Windows2000Server在安装系统时,就以自动安装IIS5.0;但Windows2000Professional不会自动安装它。下面就简单介绍一下在我设计过程中在Windows2000Professional上安装IIS5.0的过程。步骤1:首先,我选择“开场〞—“设置〞—“控制面板〞,在“控制面板〞中选择“添加或删除程序〞后,弹出“添加/删除程序〞对话框。步骤2:在左边4个可选择的导航栏中选择“添加/删除Windows组建〞按扭,弹出一个新的对话框。步骤3:在显示的组建里面,选中“Internet信息服务〔IIS〕〞组建的复选框,单击“下一步〞按钮,就进入了IIS5.0的安装过程。步骤4:等到安装完成以后,在“控制面板〞里面选择“管理工具〞,在翻开的管理工具里面如果有“Internet服务管理器〞,说明IIS5.0已经安装好。翻开IE浏览器,然后在地址栏输入“”〔或者localhost〕,就可以看到所链节的界面。也可以改变默认的站点位置和主页,修改步骤如下:步骤1:翻开“Internet服务器管理器〞,弹出一个对话框。步骤2:右键单击“默认Web站点〞,在弹出的菜单里面选择“属性〞项,翻开一个新的对话框。步骤3:“Web站点〞中,可以设置站点的说明、IP地址和其他一些属性。选择“主目录〞标签。步骤4:在“主目录〞选项卡中,“本地路径〞的默认设置是:“C:\Inetpub\wwwroot〞,为了方便以后编辑和管理网站,将其路径设置如〞D:\mysite〞。读者也可以根据实际情况设置为其他路径。选择“文档〞标签。步骤5:可以添加一个默认文档作为主页。选择“添加〞按钮,在弹出的对话框中输入文档名。为下一节的实例输入“index.asp〞作为网页首页,然后单击左边的向上和向下箭头改变默认文档的次序。以上介绍了IIS5.0的安装和设置。2.2本网站建设的方向和目的2.2.1网站建设目的网站的建设不仅仅是制作主页的问题,还需要考虑网站的定位、目标用户、网站内容、服务事项、空间方案、安全性、艺术设计、数据库技术等等。任何网站在建设之前就必须明确方向、用途和服务群体等一系列的问题,写出详尽的建站方案,可以说这是网站建设的根源和核心所在。这里就以我做的这个学生网站为实例给大家简述这个问题,如我设计的个人主页:://*****。作为一个学生网站,我的服务群体及访问者都定位在在校学生,为学生服务就是我的这个网站的目的和方向。从整个页面上可以看出,我的这个整个网站涉及校园新闻、考研、男生女生等等都是关于我们在校学生的。整个网站的构造和内容都是在开场设计之前就已经经过详细的方案的。其实任何网站都一样:企业网站的宗旨就是对外宣传企业形象,发布企业最新的企业产品,其服务群体就是为对其产品感兴趣的客户或者正在使用企业产品的用户服务,这就是企业网站的建设方向;个人网站的宗旨就是宣传自己,提供一个自身和外界交流的场所;由此可见,网站的设计方向是依据网站的客户、服务群体等多方面来确定的。2.2.2本站明确的目的不同的网站目的要求通过不同的方式来实现。一个展示个人能力的网站与一个以花卉种植为主题的网站,以及一个大型门户网站和一个小型企业网站,其出发点和建站目的都有所不同,在整个网站的建设规划方面的要求也是肯定是大不一样的。因此在规划我的这个网站时,我选择了和大学生的生活和学习相关联的主题。本网站预计的用户群体:对于网站的设计者和建设者来说,在设计规划网站时必须要明确自己网站的浏览者,也就是确定自己的用户群体。在已经确定了建设目的的前提下,应根据建站方向所会导致出现的不同用户群体的需求来规划设计整个网站。我的这个网站就确定了以大学生为用户群体。本网站的构造和风格:网站的风格反映了一个网站的特色,它具有很大的代表性。出色的网站吸引人的地方不仅仅在于其内容,鲜明的构造和独特的风格往往能起到画龙点睛的作用。一个网站即使内容再丰富,如果网站的构造和风格不能吸引人,那也是毫无价值的。往往整个网站的风格是一个网站吸引浏览者的魅力所在,因此应当根据网站的主题、内容和浏览者的要求来设计自己独特的网站风格。那么什么是网站的构造和风格呢网站的构造是连接网站内容之间的支架。网站的构造是网站的核心和骨架,如果没有网站构造,网站将会变得一团糟。现在,只有高度开展、高度构造化、易用且能独立行走的网站才受浏览者的欢送。第3章需求分析需求分析是业务需求的分析以及从最终用户处收集信息,分析所定义的业务和系统需求,在此根基上对所收集的业务和数据信息进展分析和整理,并在开场数据库设计之前对所收集需求信息进展评估,最终用这些信息来设计数据库。需求分析时要考虑业务规那么和业务处理。3.1可行性分析又称可行性研究。建设工程投资决策前对有关的建设方案、技术方案和生产经营方案进展技术经济论证,以期到达最正确经济效果的一种方法。3.1.1技术可行性本系统采用JSP进展前台界面的设计,利用oracle进展数据库的操作和管理,应用SSM框架,实现整个web端的功能实现与整合。Oracle强大的数据库开发功能、JSP广泛的实际应用和SSM框架的灵活性充分说明本系统在技术方面可行。3.1.2经济可行性我国旅游业兴旺的地区数量上很可观,这样一个针对地区的旅游网站成本较低,效率比较高,使用起来方便灵活,所以比较有前景,因此经济方面可行。3.1.3操作可行性该系统操作简单,易上手,界面友好,因此操作可行。3.2安全性分析1.用户权限安全性:系统设置了超级管理员、管理员、普通用户和游客四个操作级别。超级管理员和管理员能够对景点、酒店和民俗信息进展编辑;管理员可以对用户进展操作但不可以对管理员进展操作,超级管理员可以对全部用户和管理员进展操作。2.输入安全:对输入数据进展合法性检查,对于不合法的输入给出提示并且取消操作。最大限度的保证系统的稳定性。3.3系统功能分析该系统具有以下功能:1.登录

用户在登录模块中输入昵称和密码,系统会根据所具有的权限返回到会员页面或是管理员页面。2.注册

游客在注册模块进展注册,可以成为会员,可以购置门票,预订酒店和进展景点和酒店的评价。3.浏览景点,酒店,民俗信息

在信息展示模块游客和会员可以对该网站的信息进展浏览。4.预订

在预订模块,会员可以进展景点门票预订和酒店预订5.评价

在评价模块,会员可以对景点和酒店进展评价。6.查看订单

会员可以查看自己所购置的门票和预定的酒店。7.修改密码

会员登陆后可以修改密码。8.充值

会员登陆后可以充值。9.取消订单会员登陆后可以取消已有订单。10.景点管理

管理员可以增加,删除,和更改景点信息。11.酒店管理

管理员可以增加,删除,和更改酒店和酒店房型信息。12.民俗管理

管理员可以增加,删除,和更改民俗信息。13.用户管理

管理员可以删除用户信息同时可以授予用户管理员权限。14.订单管理

管理员对订单进展管理。3.4数据流程图数据流图语言是需求分析阶段最常用的一种图形语言,软件开发人员运用这一语言,由抽象到具体、逐层分解,绘出所开发的软件系统的分层DFD.如同程序设计语言一样,DFD语言的标准主要包括语法和语义的两个方面。数据流图系统中的数据处理加工的客观过程,数据流图中流动的是数据,没有控制过程,以图形来表达逻辑功能。图3_1环境图图3_2一层数据流图图3_3预定的二层数据流图图3_4管理景点的二层数据流图图3_5酒店管理的二层数据流图图3_6评价的二层数据流图图3_7注册的二层数据流图3.5用例图用例图是用户所理解的系统,他所描述的是用户若何使用这个系统。用户和系统的一次交互就是一个用例。这些用例代表了系统需要开发的功能。构造用例图的技术:对参与者建模。对用例建模,这是实体的正常行为。对参与者和用例之间的通信建模。用例之间的使用关系建模。用例之间的扩展关系建模。下面就是该系统的用例图:图3_8游客用例图游客可以注册和浏览网站信息。图3_9会员用例图会员可以浏览网站信息,登录系统,预订景区门票和酒店房间,评价酒店和景点,同时还可以对个人信息进展修改。图3_10管理员用例图管理员可以浏览系统信息,登录系统,管理系统信息〔包括景区管理,酒店管理,民俗管理,用户管理,订单管理等〕。第4章概要设计概要设计也叫总体设计,这个阶段必须答复的关键问题是:“概括地说,应该若何解决这个问题?〞主要的工作是总体构造设计及确定系统的硬件选配、软件选配、数据库设计、代码设计原那么、界面设计等。4.1模块设计模块设计的原那么:(1)模块的凝聚程度高。(2)模块间的联系方式好。模块间的控制关系采用调用方式实现,而模块间的数据关系采用共享一个数据库的方式实现。(3)上层模块对下层模块的影响范围应在其对下层模块的控制范围之内。系统功能构造图。根据系统的需求分析,该系统主要分为三个局部:游客局部,会员局部和管理员局部。游客:浏览网站信息,注册。会员:浏览网站信息,登录系统,评价,预订和个人信息管理。管理员:登录,浏览信息,景点管理,酒店管理,民俗管理,会员管理,订单管理。(其中浏览信息包括浏览景点全部信息,景点详细信息,酒店全部信息,酒店详细信息,民俗全部信息,民俗详细信息。)功能模块设计如以以下列图:图4_1下面是网站信息管理的模块设计:图4_24.2数据库设计数据库设计是根据应用需求,对于一个给定的应用环境设计有效地数据库模式,建设数据库及其应用系统,使之能够有效地存储数据,满足各种用户的应用要求的过程。该网站的数据库的名称为XE,其中包括景点表SCENERY,酒店表HOTEL,酒店房型表HOTELSTYLE,民俗表FOLK,景点评价表SCENERYREVIEW,酒店评价表HOTELREVIEW,用户表USERS,订单表ORDERS。下面是这些表的详细信息:SCENERY景点表,主要用于记录景点的详细信息。主键通过SEQUENCE实现自增长。表4_1SCENERY景点表:序号列名数据类型主键允许空说明1SCENERYIDNumber是否自增长2SCENERYNAMEVarchar2(50)是景点名称3SCENERYPICVarchar2(200)是图片地址4SCENERYINTRODUCEVARCHAR2(2000)是景点简介5TICKETOLDNumber是原票价6TICKETNEWNumber是优惠价7SCENERYWAYVarchar2(200)是景区路线HOLEL酒店表,主要用于记录酒店的详细信息。表4_2HOLEL酒店表:序号列名数据类型主键允许空说明1HOTELIDNumber是否自增长2HOTELNAMEVarchar2(50)是酒店名称3HOTELPICVarchar2(200)是图片地址4HOTELINTRODUCEVARCHAR2(2000)是酒店简介5HOTELWAYVarchar2(200)是酒店路线HOTELSTYLE酒店房型表,主要展示酒店房型,这里的主键为酒店id和房型,同一个酒店的同一种房型只能有一条记录。表4_3HOTELSTYLE酒店房型表:序号列名数据类型主键允许空说明1HOTELIDNumber是否酒店id2HOTELSTYLEVarchar2(50)是否房间类型3HOTELCOUNTNumber是房间数量4HOTELPRICENumber是房间价格5HOTELSIZEVarchar2(200)是房间大小6HOTELWIFINumber是是否有宽带FOLK民俗表,主要用于记录民俗的详细信息,其中民俗分类别,民俗类型1,2,3分别代表传说故事,美食和特色文化。表4_4FOLK民俗表:序号列名数据类型主键允许空说明1FOLKIDNumber是否自增长2FOLKNAMEVarchar2(50)是民俗名称3FOLKPICTUREVarchar2(200)是图片地址4FOLKINTRODUCEVARCHAR2(2000)是民俗简介5FOLKTYPENumber是民俗类型SCENERYREVIEW景区评论表,主要用于记录景区评论信息,通过SCENERYID关联到景区表的SCENERYID。表4_5SCENERYREVIEW景区评论表:序号列名数据类型主键允许空说明1SREVIEWIDNumber是否自增长2SCENERYIDNumber是景点id3SREVIEWVARCHAR2(2000)是评论内容HOTELREVIEW酒店评论表,主要用于记录酒店评论信息,通过HOTELID关联到酒店表的HOTELID。表4_6HOTELREVIEW酒店评论表:序号列名数据类型主键允许空说明1HREVIEWIDNumber是否自增长2HOTELIDNumber是酒店id3HREVIEWVARCHAR2(2000)是评论内容USERS用户表,主要用来记录用户的个人信息。表4_7USERS用户表:序号列名数据类型主键允许空说明1NICKNAMEVarchar2(50)是否用户昵称2PNAMEVarchar2(50)是姓名3PHONEVarchar2(50)是联系方式4PASSWORDVARCHAR2(50)是密码5COUNTNumber是余额6POWERNumber是权限ORDERS订单表,主要用来记录订单详情,其中用户通过NICKNAME关联到USERS表的NICKNAME,HOTELID和HOTELSTYLE分别关联到房型表的HOTELID和HOTELSTYLE中,SCENERYID关联到景点表的SCENERYID,时间为当前时间。表4_8ORDERS订单表:序号列名数据类型主键允许空说明1ORDERIDNumber是否自增长2NICKNAMEVarchar2(50)是用户昵称3HOTELIDNumber是酒店id4HOTELSTYLEVARCHAR2(50)是房间类型6SCENERYIDNumber是景点id7TIMESETDate是下单时间8 DELETEORDERNumber是是否取消9 COUNTNumber是订单金额第5章详细设计与实现总体设计阶段以比较抽象概括的方式提出了解决问题的方法,详细设计阶段的任务就是把解法具体化,进而对每个模块要完成的工作进展具体的描述,以便为程序编写打下根基,也就是答复下面这个关键问题:“应该若何具体地实现这个系统〞。5.1工程文件夹构造该工程的文件夹目录如下:图5_1工程文件夹目录Spring由容器控制程序之间的关系,而不是传统的由程序代码直接操控,Spring的作用贯穿了整个中间层,将Web层、Service层、DAO层无缝整合,其数据服务层用来存放数据。其中applicationContext.xml就是一个spring配置文件,局部配置如下:<beanid="users"class="cn.itcase.model.Users"></bean> <beanid="loginbdyDao"class="org.mybatis.spring.mapper.MapperFactoryBean"> <propertyname="mapperInterface"value="cn.itcase.dao.LoginBdyDao"/> <propertyname="sqlSessionFactory"ref="sqlSessionFactory"/> </bean> </bean>struts是逻辑层用于后台和前台的对应,比方JSP的数据应该交给哪个类处理。下面是局部Struts.xml的代码:<packagename="login"namespace="/"extends="struts-default"> <actionname="loginin"class="loginBdyAction"method="userLoginin"> <resultname="success">/jsp/newindex.jsp</result> <resultname="fail">/jsp/login.jsp</result> </action> </package>具体流程如下:1.用户点击JSP页面的某个按钮或是链接发出请求时,Struts的ActionForward通过struts.xml的配置转发至Action类的某个方法。〔如例子中的登录按钮提交“loginin〞申请,struts.xml的配置将其转发给loginAction类的userLoginin〔〕方法处理〕2.Action类的方法通过service接口调用serviceimpl中的方法。ServiceImpl类调用Dao类的相关方法。〔这些内容均在applicationContext.xm中配置〕Dao类的相关方法调用mapper中的sql语句。4.操作成功后返回Action类的方法,该方法返回success信息。5.2模块详细设计1、登录注册模块的设计注册模块的设计:当填写完用户名的时候,鼠标离开文本框时开场检测,用户名是否存在,假设存在给出提示。此时用到Ajax的局部刷新技术。用来保证用户名的唯一性。当信息填写完之后,进展提交,在提交的之前检测两次密码是否一样和验证码的正确性。提交后连接数据库进展注册,将新用户信息写入数据库中。Ajax局部核心代码:functioncheck(url){ create(); varvalue=document.getElementById("nickname").value; if(null!=xml){ xml.open("get",url+"?nickname="+value,true); } xml.onreadystatechange=callback; xml.send(null);}2、浏览模块的设计〔1〕景点列表模块的设计登录系统后点击景点按钮,系统会根据权限〔即为登录时写入session的权限值〕显示相应局部,假设为普通用户权限那么显示页如图5.3,假设为管理员权限那么除了图中信息外还具有查看删除增加等操作信息。浏览完基本信息以后,用户可以浏览景点详细信息,可通过点击标题或者点击景点介绍都可以进入详情页面。〔2〕景点详细信息模块的设计通过获得景点列表和评论列表,展示景点信息的全部内容〔包括景点名称,景点路线,景点图片,景点详细介绍,景点评价信息等〕。填写评价内容,可以进展景点评价。登陆后可以进展门票的预订。3、订购模块的设计〔1〕景点门票订购模块的设计在景点详情页面可以进展购置门票操作。点击购置按钮后,首先会判断是否登录,那么会提醒未登录。其次检测余额,假设余额缺乏那么不能会给出提示。最后提交数据库并判断是否成功。〔2〕取消预订模块的设计点击我的订单按钮,提交给action处理,连接数据库在获得该用户的全部订单信息,将信息传入订单页,订单页显示订单信息。点击取消订单按钮后会给出确认信息,之后提交数据库。查看订单局部代码:查看订单,获得该用户的全部订单列表的Sql:<selectid="getMyOrder"parameterType="String"resultType="Orders">select*fromorderswherenickname=#{nickname}</select>4、评价模块的设计点击提交按钮首先会判断评价内容是否为空。其次根据登录时写入的session检测是否登录,session为空时未登录,那么给出提示。提交评价,连接数据库,将评价内容写入sceneryreview表中。操作成功后,刷新页面,显示评价的内容。5、景点管理模块的设计〔1〕增加景点模块的设计用户登录后,首先会判断其权限,假设为管理员那么景点列表的页面上会有增加景点的按钮。增加景点页面中,添加景点信息。景点信息添加完毕后提交,此时会先判断输入是否符合标准,例如:票价必须为数字,名称不能为空等。之后进展提交处理,将正确的信息写入Scenery表中。成功写入数据库后,跳转到详细信息页面。该增加景点页面同时要被系统拦截,没有权限的人不能通过直接输入网址进入。局部代码:权限控制是否显示添加景点链接:<li><c:iftest="${sessionScope.power=='1'}"><ahref="order/allmyorder?nickname=${sessionScope.nickname}">我的订单</a></c:if><c:iftest="${sessionScope.power=='0'||${sessionScope.power=='2'}"><ahref="message/newinsertscenery.jsp">添加景点</a></c:if></li>〔2〕删除景点模块的设计在更新页可以删除景点信息,也可以在管理员景点页面中通过链接直接删除。用户登录后,首先会根据登录时写入session的信息判断其权限,假设为管理员那么景点列表的页面上会有删除景点的链接。其他用户没有这个链接。点击链接进入景点删除的action,连接数据库,将相应的景点信息删除,跳转到景点列表页。该action同时要被系统拦截,没有权限的人不能通过直接输入网址进入。6、用户管理模块的设计授权模块的设计用户登录后,首先会判断其权限,假设为超级管理员那么可以为所有的会员和管理员授权,也可以删除或者管理员。假设为管理员那么只能对会员进展操作。管理员同时可以取消授权,取消授权的过程与授权类似。该页面同时要被系统拦截,没有权限的人不能通过直接输入网址进入。5.3测试软件测试是为了发现错误而执行的程序,是根据软件开发的各个阶段的规格说明和程序的内部构造而设计的一批测试用例,即输入数据和预期结果,利用这些用例来发现程序中的错误。软件测试是为发现软件中的错误而执行程序的过程。软件测试只能用于查找程序在那个的错误,不能证明程序中没有错误。软甲测试是保证软件质量的关键,它是对需求分析,设计和编码的最后复审。5.3.1注册模块测试测试用例用例1输入数据:已存在的用户昵称输出结果:给出提示信息,显示用户已存在用例2输入数据:不存在的用户昵称输出结果:用户可用,成功注册测试结果:用例2:成功注册进入系统首页5.3.2权限管理测试用例1输入数据:普通用户名和密码输出结果:不能进入该页,跳转到主页面用例2输入数据:管理员名和密码输出结果:成功进入增加景点页面测试结果:经测试,那么两个模块实际结果与预期结果一样。第6章网页需求分析6.1可行性分析6.1.1网站主题的可行性一般来说一个网站内容主题的选择,要做到小而精,主题定位要小,内容要精。所以本网站,仅仅针对郑州市特色小吃和游玩地方进展介绍。并没有去试图制作一个包罗万象的站点,这往往会失去网站的特色,也会带来高强度的劳动,给网站的及时更新带来困难。并且本人在郑州土生土长近20年,深知郑州的各种百年老店以及民间小吃和娱乐工程。6.1.2网站页面设计的可行性由于越来越多的人们开场建设自己的网站,网站除了具有传播信息的功能外,还往往代表个人的形象。虽然HTML语言提供了对常用Windows标准控件的支持,但是,由于Windows标准控件的形状和颜色十分单一,网页的视觉效果可能会很差。因此,本文并没有单纯的采用HTML来制作网页。而是使用了DIV+CSS的方式来创立表格布局,并且在其中插入了XML已经JS等动态效果,使页面看起来更有动感。这些通过Dreamweaver与PS等软件的熟练运用都可以真正实现到网页中去。6.2网站需求分析6.2.1建站目的Internet是目前世界上最大的计算机互联网络,它遍布全球,将世界各地各种规模的网络连接成一个整体。作为Internet上一种先进的,易于被人们所承受的信息检索手段,WorldWideWeb(简称WWW)开展十分迅速,成为目前世界上最大的信息资源宝库。通过建设一个游郑州网站的站点,可以迅速融入到互联网中,和世界各地连成一个整体。拥有了这种传播媒介就可以方便在郑州生活的以及来郑州游玩的人们的行程安排。6.2.2技术需求网页的版面设计需要用Dreamweaver来实现。需要精通HTML,DIV+CSS等网页编程语言。网站LOGO,需要用PS来设计。需要有一定的审美能力、设计能力,使其网站的主题突出鲜明。后台管理,需要使用JSP等动态页面来实现,但由于自身水平有限,并且网站前期发布的小吃游玩等地方多是十年,甚至百年被老郑州人们所熟知的地方,并不需要过多的删改,可以先从前台进展删改。发布站点,通过IIS,APACHE等来发布。需要对互联网技术有一定的理解,并熟悉发布流程。6.3网页运行环境的开发本系统可以被运行在IIS服务下。使用MicrosoftInternetInformationServer(IIS),运行WindowsServer的计算机便成为容量和功能强大的Web服务器。除了这种方法,我们还可以通过配置网络环境来发布站点,可以在Linux或者Unix主机下,配置Apache环境进展发布,具体建设站点的过程本文会在第五章提到。6.4网页设计工具6.4.1图像工具——Photoshop由Adobe公司开发的,专门处理图形图像的设计软件。DTP和图像软件的结合,使设计师可在电脑上直接完成文字的排版、录入、图像处理和分色制板的全过程,开创了“电脑平面设计〞的时代。Photoshop软件的专长在于图形的处理,并不是图形创作。这两个概念有必要区分一下。图像处理是对以有的图像进展加工编辑处理及运用一些特殊效果,它的重点在于对图像的处理加工;图形创作软件是按照自己的构思创意,并且来设计图形,这类软件主要有Adobe公司的另一个著名软件Illustrator和Macromedia公司的Freehand。Photoshop系列中使用最广泛的有Photoshop5.0版本和Photoshop7.0。6.4.2页面工具——DreamweaverDreamweaver对于HTML的支持非常好,可以轻而易举地做出很多眩目的页面效果。并且插件式的程序设计使得其功能可以无限的延伸。Dreamweaver与Firework、Flash并称为网页制作的三剑客,由于是同一公司的产品,因而在功能上有着一个非常严密的结合。它最新推出的DreamweaverUltraDev更支持Asp与JSP语言。因此,Dreamweaver是高级网页制作的首选无庸置疑。它常见的版本有Dreamweaver4、Dreamweaver5、DreamweaverMX、Dreamweaver8.x、DreamweaverCS。6.5网页开发语言1、静态页与布局——HTML、Div+CSSHTML语言是目前网络上应用最为广泛的网页语言,即是构成网页文档的主要语言,也是超文本链接标示语言或超文本标记语言。HTML文本是一种描述性文本,是由HTML命令组成的。HTML命令可以说明图形、表格、声音、动画、文字、链接等。HTML语言的构造包括头部〔Head〕、主体〔Body〕两大局部,其中头部描述浏览器所需的信息,而主体那么包含所要说明的具体内容。DIV+CSS是标准网页〔或称它为“WEB标准〞〕中的常用术语之一,Div+CSS是一种新的网页的布局方法,这一种网页布局方法和传统的HTML网页设计语言中的表格〔table〕定位方式并不一样,真正地到达了w3c内容与表现相别离。HTML语言在HTML4.01之后,不再发布新版本,因为HTML语言正变得越来越复杂化、专用化。XHTML语言可以将HTML语言标准化,用XHTML语言重写后的HTML页面可以应用于更多的XML技术,使得网页更加容易扩展,更加适合自动数据交换,并更加规整。在XHTML网站设计标准中,早就不再使用表格定位技术,而是采用DIV+CSS的方式实现各种定位。2、动态效果实现——JSJS就是JavaScript,是一种计算机脚本语言,主要在web浏览器(客户端)解释执行,由网景公司研发。通过JavaScript可以做到回应使用者的需求事件而不用任何的网路。来回传输资料,所以当一位使用者输入一项资料时,它不用经过传给服务器端处理,再传回来的过程,而直接可以被客户端的应用程式所处理。第7章网站的测试7.1网站检测为什么测试显得这么重要呢没有经过测试的页面会出现那些问题呢下面将从几个不同的方面来说明这些问题。1.分辨率不同产生差异经常上网的人可能会有这样的经历,那就是同样一个网页在不同的分辨率下会有不同的显示。这就是由于分辨率不同所造成的。2.浏览器不同产生的差异显示器不

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论