毕业论文-网页设计与制作

1、 2015 届学生毕业设计(论文)网站设计与制作系 别：电子计算机系年 级：2012级学 号：201210110006姓 名：严书文专 业：计算机应用技术指导教师：吴 艳二一四年十月IV摘 要摘 要随着信息技术的发展，计算机技术在我们的日常生活中已经占据着越来越重要的位置，各行各业的发展都离不开网络的支持，旅游行业也借着网络来宣传自己。本课题是为地方的旅游开发的一个综合性网站，是利用jsp技术和ssm框架以及oracle数据库技术实现的。主要完成对旅游网站的管理和网站的展示与应用，主要功能包括：景点管理、酒店管理、民俗管理、酒店预订、门票预订、信息浏览和评价等。该旅游网站可以系统的展现一个地区

2、的旅游信息，让人们方便快捷的了解这个地区和这个地区的地方特色。相比较于一般的旅游网站，该网站的针对性更强，更能够满足针对地区旅游的需求。关键词：旅游网站 SSM Oracle数据库 JSPAbstractWith the development of Information technology, computer occupies a more and more important position in our daily life. Every trade is thriving with the help of the Internet, tourism industry also t

3、akes advantage of network system to develop itself at the same time.This subject is a comprehensive website developed for tourism, and it is achieved by JSP, SSM framework and oracle database. Its mainly function includes tourism management, hotel management , folk management, buying tickets, making

4、 hotel reservation, browsing information, giving evaluates and so on.The travel website can show systematic tourism information of an area,so that people can pick up the area and its characteristics conveniently. Comparing to the general travel site, the website can better meet the demand for region

5、al tourism.Key words：Tourism website SSM Oracle JSP目 录目 录第1章 绪论11.1 背景11.1.1 旅游业信息化的发展11.1.2 旅游类型网站的现状21.1.3 旅游网站的构建21.2 开发技术介绍21.2.1 开发环境21.2.2 SSM概述21.2.3 JSP技术3第2章 网站的前期准备42.1 软件准备和ISS 5.0的安装与设置42.1.1 软件准备42.1.2 ISS 5.0的安装与设置52.2 本网站建设的方向和目的62.2.1 网站建设目的62.2.2 本站明确的目的6第3章 需求分析83.1 可行性分析83.1.1 技术可

6、行性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 图

7、像工具Photoshop236.4.2 页面工具Dreamweaver236.5 网页开发语言24第7章 网站的测试257.1 网站检测257.2 网站的上传25结 论27致 谢28参考文献29第1章 绪论第1章 绪论1.1 背景不同的网站目的要求通过不同的方式来实现。一个展示个人能力的网站与一个以花卉种植为主题的网站，以及一个大型门户网站和一个小型企业网站，其出发点和建站目的都有所不同，在整个网站的建设规划方面的要求也是肯定是大不一样的。因此在规划我的这个网站时，我选择了和大学生的生活和学习相关联的主题。本网站预计的用户群体：对于网站的设计者和建设者来说，在设计规划网站时必须要明确自己网站的

8、浏览者，也就是确定自己的用户群体。在已经确定了建设目的的前提下，应根据建站方向所会导致出现的不同用户群体的需求来规划设计整个网站。我的这个网站就确定了以大学生为用户群体。本网站的结构和风格：网站的风格反映了一个网站的特色，它具有很大的代表性。出色的网站吸引人的地方不仅仅在于其内容，鲜明的结构和独特的风格往往能起到画龙点睛的作用。一个网站即使内容再丰富，如果网站的结构和风格不能吸引人，那也是毫无价值的。往往整个网站的风格是一个网站吸引浏览者的魅力所在，因此应当根据网站的主题、内容和浏览者的要求来设计自己独特的网站风格。那么什么是网站的结构和风格呢？网站的结构是连接网站内容之间的支架。网站的结构是

9、网站的核心和骨架，如果没有网站结构，网站将会变得一团糟。现在，只有高度发展、高度结构化、易用且能独立行走的网站才受浏览者的欢迎。1.1.1 旅游业信息化的发展随着社会经济的发展，人民生活水平不断提高，旅游已经成为人们节假日不可缺少的活动。信息技术的发展为各行各业提供了一个很好的平台，当然，旅游业也不例外，因此各种各样的旅游网站相继产生。旅游行业的人争相利用网络来宣传和展示自己，便捷的网络宣传也让旅游变得越来越简单了，“说走就走的旅行”因为网络的发展得以实现。现当下，有着高效，低价，方便，广泛等优点的电子商务引领着世界的潮流，它所带来的优势是传统旅游业所不能比拟的，因此旅游业的网络化已经刻不容缓

10、。1.1.2 旅游类型网站的现状我国的旅游业网站发展相对其他行业较早，经过长时间的发展和探索，已经相对比较成熟。这些网站为驴友们提供了比较全面的资讯和服务（包括景点，酒店，美食，导游，路线，航班，火车票以及各类套餐等），方便了人们的出行和选择，已经成为旅游行业发展的中流砥柱。尽管我国的旅游网站发展的比较成熟，也出现了很多知名的旅游网站，但还是有不少的网站发展的不完善，以下是其中的几项弊端：1、旅游网站的资源通常都是全国的甚至囊括了好多个国家的，然而针对地区的少，不能系统的展现一个地区的特色，针对地区旅游的需求不能得到满足。2、某些网站上游客查询了某一个景点，展现的都是套餐（包括住宿、车票等），

11、剥夺了人们自主选择的权利。3、旅游网站各类信息非常多,并且很复杂（网站中含有很多的客户资料、导游的相关信息、相关花费、景区线路、景点详情、酒店信息等大量的资料），查询起来速度较慢，且各类资源调配难度大。因此，不仅一个信息全面的网站很重要，一个针对地区量体裁衣的网站也很重要。1.1.3 旅游网站的构建该课题针对上述弊端做出改进，系统的展示了一个地区的风土人情（包括景点，酒店和民俗）；门票和酒店都采用单独预订的方式，为用户保留了足够的自由选择的权利；内容比较集中、简单，去除了多余的信息（例如导游，套餐等），为用户提供了一个针对地区的简单的旅游网站。1.2 开发技术介绍1.2.1 开发环境该旅游网站

12、以Eclipse为开发平台，使用MyEclipse作为Eclipse的插件并由Tomcat 6.0充当Web服务器来开发实现的。主要采用java开发工具，Oracle数据库来设计，采用视图层+业务逻辑层+数据库访问层的体系结构模式，利用SSM框架，实现整个web端的功能开发与实现。1.2.2 SSM概述 SSM是Strtus2、Spring、MyBatis的整合，tomcat在没有SSM框架的时候是用servlet来处理请求的，用response直接返回结果界面， 有了struts， tomcat不用servlet了， 而是用action， action的result配置就相当于原来用serv

13、let的response返回界面；spring 是用来管理的，struts整合spring之后就把Action交给spring来管理了，这里spring IOC起到很大的作用；MyBatis是持久层的东西，和数据库相关。（1）struts概述 Struts是一种基于MVC的创建Web应用的框架，它很好地将程序进行了分层，它主要实现控制器部分的功能，可以和多种完成视图功能的技术配合使用。Struts中的基本信息是在struts.xml中配置，该文件是struts的核心，也是控制器的入口。struts.xml将jsp中的request请求交给struts的某个action方法来处理，同时给出下一步

14、操作（即操作成功后所要执行的其他方法或者所要跳转的jsp页面）。（2）spring概述 Spring是一个容器框架，因为它启动时所需要的资源较少，所以属于轻量级容器框架，它主要包括IOC和AOP。其中IOC叫做控制反转，也可以叫做依赖注入，是spring的核心技术，该技术主要用于管理，将之前由代码直接控制的程序之间的管理改为由容器控制的管理，控制权转移了，不再是传统的代码控制，而是容器控制，这就是控制反转。1.2.3 JSP技术 Jsp技术是对servlet的简化。最初servlet输出html语句到客户端时采用的是out.print()这种方式，只能一句一句的输出，并且包含了很多的多余的代码

15、，这样一来，对表现层页面的操作非常的不方便。为了简化操作，SUN在servlet的基础上发展出了jsp，这种技术侧重于视图，可以非常方便的操作页面。因为jsp是基于servlet发展出来的，因此它原则上是一种servlet，最后要被转化为servlet运行。24第2章 网站的前期准备第2章 网站的前期准备2.1 软件准备和ISS 5.0的安装与设置2.1.1 软件准备在网页的设计过程中，因人而宜，每个人使用的软件也许不同，如比较有名的网站设计软件有Macromedia公司出品的网页设计“三剑客”、有微软的Frontpage 、还有国产的“东方网页王”等等。在这里，我们主要说的是Macromed

16、ia公司出品的“三剑客”。这“三剑客”包括Dreamweaver MX、Fireworks MX和Flash MX，其中，Dreamweaver MX是网页编辑软件，Fireworks MX是图形/图像处理软件，Flash MX是矢量动画编辑软件。当然，到今天为止，Macromedia公司出品的这个“三剑客”都已经是2004版，估计2005版也应该很快出来了。Macromedia公司一向以其优良的设计、友好的用户界面和强大的功能而著称，这三个软件也不例外，它们是Macromedia公司专门为网页设计、制作开发的系列软件套件，三者之间可以无缝集成，能够有效地解决网络带宽问题，是设计动画网页的最佳

17、工具。Dreamweaver MX采用“所见即所得”的直观设计模式，充分尊重设计人员的原始意识和想象力。她成功地将网页设计功能中的技术实现部分和设计部分分离开来，使用户只需专注于设计，而其余的工作由Dreamweaver MX自动完成。另外，还有一点值得说明的是，Dreamweaver MX可以控制和删除冗余代码，减小网页文件的大小。从而能够快速上传和下载。Fireworks MX的独特之处在于它能够优化、切分图片映射图，并提供了功能强大的翻滚图工具。它是基于WEB应用的图形/图象处理软件，提供了一种革命性的新方法来创建WEB图形，并且具有所有其他图形处理工具的诸多优点。Fireworks M

18、X的最大优势就在于它在任何时候可以从任何阶段开始设计工作，这样既可以节约时间又可以对产品进行扩展。另外，Fireworks MX中的诸多功能都是面向WEB应用的，因此对于WEB设计新手来说也很容易学习的。Flash MX是比较另类、超前的一种网页动画制作软件，它不仅能够满足网页设计的诸多要求，更为网页多媒体的使用者带来了前所未有的便利。Flash MX提供了广泛的平台支持，它不需要任何编程工作就能够制作出精彩的动态效果。由于Flash MX采用矢量图形格式来制作动画，因此在低宽带的网络环境中仍然可以具有高品质的画面以及存储空间小的优点，从而是浏览者能够快速的下载效果非凡的动画。在我设计我的个人

19、网站的过程中，我选择了Dreamwear MX 2004和Flash MX 2004和 Photoshop三种软件。因为自己向对于其它的软件来说，这三个还算是比较熟悉的。 2.1.2 ISS 5.0的安装与设置在因特网/企业网上的基于浏览的开发方案中，Microsoft 的IIS起到客户端与服务器端的连接作用。当访问者在浏览器中键入对你服务器上的网页进行访问的请求，这个请求通过网络路由到服务器端，然后服务器再将它交给IIS处理。IIS检索所请求的页，并根据请求的文件名对该网页进行相应的处理。如果该文件是以.asp为扩展名或者该文件是某种类型的请求文件，那么IIS将对该页面上的代码进行处理。II

20、S 5.0是专为Windows 2000设计的WEB服务器软件。Windows 2000 Server在安装系统时，就以自动安装IIS 5.0；但Windows 2000 Professional不会自动安装它。下面就简单介绍一下在我设计过程中在Windows 2000 Professional 上安装IIS 5.0的过程。步骤1：首先，我选择“开始”“设置”“控制面板”，在“控制面板”中选择“添加或删除程序”后，弹出“添加/删除程序”对话框。步骤2：在左边4个可选择的导航栏中选择“添加/删除Windows组建”按扭，弹出一个新的对话框。步骤3：在显示的组建里面，选中“Internet信息服务

21、（IIS）”组建的复选框，单击“下一步”按钮，就进入了IIS 5.0的安装过程。 步骤 4：等到安装完成以后，在“控制面板”里面选择“管理工具”，在打开的管理工具里面如果有“Internet 服务管理器”，说明IIS 5.0已经安装好。打开IE浏览器，然后在地址栏输入“”（或者localhost），就可以看到所链节的界面。也可以改变默认的站点位置和主页，修改步骤如下：步骤1：打开“Internet 服务器管理器”，弹出一个对话框。步骤2：右键单击“默认Web站点”，在弹出的菜单里面选择“属性”项，打开一个新的对话框。步骤3： “Web站点”中，可以设置站点的说明、IP地址和其

22、他一些属性。选择“主目录”标签。步骤4：在“主目录”选项卡中，“本地路径”的默认设置是：“C:Inetpubwwwroot”,为了方便以后编辑和管理网站，将其路径设置如”D:mysite”。读者也可以根据实际情况设置为其他路径。选择“文档”标签。步骤5：可以添加一个默认文档作为主页。选择“添加”按钮，在弹出的对话框中输入文档名。为下一节的实例输入“index.asp”作为网页首页，然后单击左边的向上和向下箭头改变默认文档的次序。以上介绍了IIS 5.0的安装和设置。2.2 本网站建设的方向和目的2.2.1 网站建设目的网站的建设不仅仅是制作主页的问题，还需要考虑网站的定位、目标用户、网站内容、

23、服务事项、空间方案、安全性、艺术设计、数据库技术等等。任何网站在建设之前就必须明确方向、用途和服务群体等一系列的问题，写出详尽的建站计划，可以说这是网站建设的根源和核心所在。这里就以我做的这个学生网站为实例给大家简述这个问题，如我设计的个人主页：http:/www.*.com 。作为一个学生网站，我的服务群体及访问者都定位在在校学生，为学生服务就是我的这个网站的目的和方向。从整个页面上可以看出，我的这个整个网站涉及校园新闻、考研、男生女生等等都是关于我们在校学生的。整个网站的结构和内容都是在开始设计之前就已经经过详细的计划的。其实任何网站都一样：企业网站的宗旨就是对外宣传企业形象，发布企业最新

24、的企业产品，其服务群体就是为对其产品感兴趣的客户或者正在使用企业产品的用户服务，这就是企业网站的建设方向；个人网站的宗旨就是宣传自己，提供一个自身和外界交流的场所；由此可见，网站的设计方向是依据网站的客户、服务群体等多方面来确定的。2.2.2 本站明确的目的不同的网站目的要求通过不同的方式来实现。一个展示个人能力的网站与一个以花卉种植为主题的网站，以及一个大型门户网站和一个小型企业网站，其出发点和建站目的都有所不同，在整个网站的建设规划方面的要求也是肯定是大不一样的。因此在规划我的这个网站时，我选择了和大学生的生活和学习相关联的主题。本网站预计的用户群体：对于网站的设计者和建设者来说，在设计规

25、划网站时必须要明确自己网站的浏览者，也就是确定自己的用户群体。在已经确定了建设目的的前提下，应根据建站方向所会导致出现的不同用户群体的需求来规划设计整个网站。我的这个网站就确定了以大学生为用户群体。本网站的结构和风格：网站的风格反映了一个网站的特色，它具有很大的代表性。出色的网站吸引人的地方不仅仅在于其内容，鲜明的结构和独特的风格往往能起到画龙点睛的作用。一个网站即使内容再丰富，如果网站的结构和风格不能吸引人，那也是毫无价值的。往往整个网站的风格是一个网站吸引浏览者的魅力所在，因此应当根据网站的主题、内容和浏览者的要求来设计自己独特的网站风格。那么什么是网站的结构和风格呢？网站的结构是连接网站

26、内容之间的支架。网站的结构是网站的核心和骨架，如果没有网站结构，网站将会变得一团糟。现在，只有高度发展、高度结构化、易用且能独立行走的网站才受浏览者的欢迎。第3章 需求分析第3章 需求分析需求分析是业务需求的分析以及从最终用户处收集信息，分析所定义的业务和系统需求，在此基础上对所收集的业务和数据信息进行分析和整理，并在开始数据库设计之前对所收集需求信息进行评估，最终用这些信息来设计数据库。需求分析时要考虑业务规则和业务处理。3.1 可行性分析又称可行性研究。建设项目投资决策前对有关的建设方案、技术方案和生产经营方案进行技术经济论证，以期达到最佳经济效果的一种方法。3.1.1 技术可行性本系统采

27、用JSP进行前台界面的设计，利用oracle进行数据库的操作和管理，应用SSM框架，实现整个web端的功能实现与整合。Oracle强大的数据库开发功能、JSP广泛的实际应用和SSM框架的灵活性充分说明本系统在技术方面可行。3.1.2 经济可行性我国旅游业发达的地区数量上很可观，这样一个针对地区的旅游网站成本较低，效率比较高，使用起来方便灵活，所以比较有前景，因此经济方面可行。3.1.3 操作可行性 该系统操作简单，易上手，界面友好，因此操作可行。3.2 安全性分析1.用户权限安全性：系统设置了超级管理员、管理员、普通用户和游客四个操作级别。超级管理员和管理员能够对景点、酒店和民俗信息进行编辑；

28、管理员可以对用户进行操作但不可以对管理员进行操作，超级管理员可以对全部用户和管理员进行操作。2.输入安全：对输入数据进行合法性检查，对于不合法的输入给出提示并且取消操作。最大限度的保证系统的稳定性。 3.3 系统功能分析该系统具有以下功能： 1登录 用户在登录模块中输入昵称和密码，系统会根据所具有的权限返回到会员页面或是管理员页面。2注册 游客在注册模块进行注册，可以成为会员，可以购买门票，预订酒店和进行景点和酒店的评价。3浏览景点，酒店，民俗信息 在信息展示模块游客和会员可以对该网站的信息进行浏览。4预订 在预订模块，会员可以进行景点门票预订和酒店预订5评价 在评价模块，会员可以对景点和酒店

29、进行评价。6查看订单 会员可以查看自己所购买的门票和预定的酒店。7修改密码 会员登陆后可以修改密码。8充值 会员登陆后可以充值。9取消订单会员登陆后可以取消已有订单。10景点管理管理员可以增加，删除，和更改景点信息。11酒店管理 管理员可以增加，删除，和更改酒店和酒店房型信息。12民俗管理 管理员可以增加，删除，和更改民俗信息。13用户管理 管理员可以删除用户信息同时可以授予用户管理员权限。14订单管理 管理员对订单进行管理。3.4 数据流程图数据流图语言是需求分析阶段最常用的一种图形语言，软件开发人员运用这一语言，由抽象到具体、逐层分解，绘出所开发的软件系统的分层DFD.如同程序设计语言一样

30、，DFD语言的规范主要包括语法和语义的两个方面。数据流图系统中的数据处理加工的客观过程，数据流图中流动的是数据，没有控制过程，以图形来表达逻辑功能。 图3_1 环境图图3_2 一层数据流图图3_3 预定的二层数据流图图3_4 管理景点的二层数据流图图3_5 酒店管理的二层数据流图图3_6 评价的二层数据流图图3_7 注册的二层数据流图3.5 用例图用例图是用户所理解的系统，他所描述的是用户如何使用这个系统。用户和系统的一次交互就是一个用例。这些用例代表了系统需要开发的功能。构造用例图的技术：1. 对参与者建模。2. 对用例建模，这是实体的正常行为。3. 对参与者和用例之间的通信建模。4. 用例

31、之间的使用关系建模。5. 用例之间的扩展关系建模。下面就是该系统的用例图：图3_8 游客用例图游客可以注册和浏览网站信息。 图3_9 会员用例图 会员可以浏览网站信息，登录系统，预订景区门票和酒店房间，评价酒店和景点，同时还可以对个人信息进行修改。图3_10 管理员用例图管理员可以浏览系统信息，登录系统，管理系统信息（包括景区管理，酒店管理，民俗管理，用户管理，订单管理等）。第4章 概要设计第4章 概要设计概要设计也叫总体设计，这个阶段必须回答的关键问题是：“概括地说，应该如何解决这个问题?”主要的工作是总体结构设计及确定系统的硬件选配、软件选配、数据库设计、代码设计原则、界面设计等。4.1

32、模块设计模块设计的原则：(1)模块的凝聚程度高。(2)模块间的联系方式好。模块间的控制关系采用调用方式实现，而模块间的数据关系采用共享一个数据库的方式实现。(3)上层模块对下层模块的影响范围应在其对下层模块的控制范围之内。系统功能结构图。根据系统的需求分析，该系统主要分为三个部分：游客部分，会员部分和管理员部分。游客：浏览网站信息，注册。会员：浏览网站信息，登录系统，评价，预订和个人信息管理。管理员：登录，浏览信息，景点管理，酒店管理，民俗管理，会员管理，订单管理。(其中浏览信息包括浏览景点全部信息，景点详细信息，酒店全部信息，酒店详细信息，民俗全部信息，民俗详细信息。) 功能模块设计如下图：

33、图4_1下面是网站信息管理的模块设计：图4_24.2 数据库设计数据库设计是根据应用需求，对于一个给定的应用环境设计有效地数据库模式，建立数据库及其应用系统，使之能够有效地存储数据，满足各种用户的应用要求的过程。该网站的数据库的名称为XE，其中包括景点表SCENERY，酒店表HOTEL, 酒店房型表HOTELSTYLE,民俗表 FOLK, 景点评价表SCENERYREVIEW,酒店评价表 HOTELREVIEW, 用户表USERS, 订单表 ORDERS 。下面是这些表的详细信息：SCENERY景点表，主要用于记录景点的详细信息。主键通过SEQUENCE实现自增长。表4_1 SCENERY 景

34、点表：序号列名数据类型主键允许空说明1SCENERYIDNumber是否自增长2SCENERYNAMEVarchar2(50)是景点名称3SCENERYPICVarchar2(200)是图片地址4SCENERYINTRODUCEVARCHAR2(2000)是景点简介5TICKETOLDNumber是原票价6TICKETNEWNumber是优惠价7SCENERYWAYVarchar2(200)是景区路线HOLEL酒店表，主要用于记录酒店的详细信息。表4_2 HOLEL酒店表：序号列名数据类型主键允许空说明1HOTELIDNumber是否自增长2HOTELNAMEVarchar2(50)是酒店名称

35、3HOTELPICVarchar2(200)是图片地址4HOTELINTRODUCEVARCHAR2(2000)是酒店简介5HOTELWAYVarchar2(200)是酒店路线HOTELSTYLE酒店房型表，主要展示酒店房型，这里的主键为酒店id和房型，同一个酒店的同一种房型只能有一条记录。表4_3 HOTELSTYLE酒店房型表：序号列名数据类型主键允许空说明1HOTELIDNumber是否酒店id2HOTELSTYLEVarchar2(50)是否房间类型3HOTELCOUNTNumber是房间数量4HOTELPRICENumber是房间价格5HOTELSIZEVarchar2(200)是房

36、间大小6HOTELWIFINumber是是否有宽带FOLK 民俗表，主要用于记录民俗的详细信息，其中民俗分类别，民俗类型1,2,3分别代表传说故事，美食和特色文化。表4_4 FOLK 民俗表：序号列名数据类型主键允许空说明1FOLKIDNumber是否自增长2FOLKNAMEVarchar2(50)是民俗名称3FOLKPICTUREVarchar2(200)是图片地址4FOLKINTRODUCEVARCHAR2(2000)是民俗简介5FOLKTYPENumber是民俗类型SCENERYREVIEW景区评论表，主要用于记录景区评论信息， 通过SCENERYID关联到景区表的SCENERYID。表

37、4_5 SCENERYREVIEW 景区评论表：序号列名数据类型主键允许空说明1SREVIEWIDNumber是否自增长2SCENERYIDNumber是景点id3SREVIEWVARCHAR2(2000)是评论内容HOTELREVIEW酒店评论表，主要用于记录酒店评论信息， 通过HOTELID关联到酒店表的HOTELID。表4_6 HOTELREVIEW 酒店评论表：序号列名数据类型主键允许空说明1HREVIEWIDNumber是否自增长2HOTELIDNumber是酒店id3HREVIEWVARCHAR2(2000)是评论内容USERS用户表，主要用来记录用户的个人信息。表4_7 USER

38、S用户表：序号列名数据类型主键允许空说明1NICKNAMEVarchar2(50)是否用户昵称2PNAMEVarchar2(50)是姓名3PHONEVarchar2(50)是联系方式4PASSWORDVARCHAR2(50)是密码5COUNTNumber是余额6POWERNumber是权限ORDERS订单表，主要用来记录订单详情，其中用户通过NICKNAME关联到USERS表的NICKNAME，HOTELID和HOTELSTYLE分别关联到房型表的HOTELID和HOTELSTYLE中，SCENERYID关联到景点表的SCENERYID，时间为当前时间。表4_8 ORDERS订单表：序号列名数

39、据类型主键允许空说明1ORDERIDNumber是否自增长2NICKNAMEVarchar2(50)是用户昵称3HOTELIDNumber是酒店id4HOTELSTYLEVARCHAR2(50)是房间类型6SCENERYIDNumber是景点id7TIMESETDate是下单时间8DELETEORDERNumber是是否取消9COUNTNumber是订单金额第5章 详细设计与实现第5章 详细设计与实现总体设计阶段以比较抽象概括的方式提出了解决问题的办法，详细设计阶段的任务就是把解法具体化，进而对每个模块要完成的工作进行具体的描述，以便为程序编写打下基础，也就是回答下面这个关键问题：“应该怎样具

40、体地实现这个系统”。5.1 项目文件夹结构该项目的文件夹目录如下：图5_1 项目文件夹目录Spring由容器控制程序之间的关系，而不是传统的由程序代码直接操控，Spring的作用贯穿了整个中间层，将Web层、Service层、DAO层无缝整合，其数据服务层用来存放数据。其中applicationContext.xml就是一个spring配置文件，部分配置如下：struts是逻辑层用于后台和前台的对应，比如JSP的数据应该交给哪个类处理。下面是部分Struts.xml的代码：/jsp/newindex.jsp/jsp/login.jsp具体流程如下：1. 用户点击JSP页面的某个按钮或是链接发出

41、请求时，Struts的ActionForward通过struts.xml的配置转发至Action类的某个方法。（如例子中的登录按钮提交“loginin”申请，struts.xml的配置将其转发给loginAction类的userLoginin（）方法处理）2.Action类的方法通过service接口调用serviceimpl中的方法。ServiceImpl类调用Dao类的相关方法。（这些内容均在applicationContext.xm中配置）3. Dao类的相关方法调用mapper中的sql语句。4.操作成功后返回Action类的方法，该方法返回success信息。5.2 模块详细设计1、

42、登录注册模块的设计注册模块的设计： 当填写完用户名的时候，鼠标离开文本框时开始检测，用户名是否存在，若存在给出提示。此时用到Ajax的局部刷新技术。用来保证用户名的唯一性。 当信息填写完之后，进行提交，在提交的之前检测两次密码是否相同和验证码的正确性。 提交后连接数据库进行注册，将新用户信息写入数据库中。Ajax部分核心代码：function check(url) create();var value = document.getElementById(nickname).value;if (null != xmlHttp) xmlHttp.open(get, url + ?nickname=

43、 + value, true);xmlHttp.onreadystatechange = callback;xmlHttp.send(null);2、浏览模块的设计（1）景点列表模块的设计 登录系统后点击景点按钮，系统会根据权限（即为登录时写入session的权限值）显示相应部分，若为普通用户权限则显示页如图5.3，若为管理员权限则除了图中信息外还具有查看删除增加等操作信息。 浏览完基本信息以后，用户可以浏览景点详细信息，可通过点击标题或者点击景点介绍都可以进入详情页面。（2）景点详细信息模块的设计 通过获得景点列表和评论列表,展示景点信息的全部内容（包括景点名称，景点路线，景点图片，景点详细

44、介绍，景点评价信息等）。 填写评价内容,可以进行景点评价。 登陆后可以进行门票的预订。3、订购模块的设计（1）景点门票订购模块的设计 在景点详情页面可以进行购买门票操作。 点击购买按钮后，首先会判断是否登录，则会提醒未登录。 其次检测余额，若余额不足则不能会给出提示。 最后提交数据库并判断是否成功。（2）取消预订模块的设计 点击我的订单按钮，提交给action处理，连接数据库在获得该用户的全部订单信息，将信息传入订单页，订单页显示订单信息。 点击取消订单按钮后会给出确认信息，之后提交数据库。 查看订单部分代码：查看订单，获得该用户的全部订单列表的Sql：select * from orders

45、 where nickname=#nickname4、评价模块的设计 点击提交按钮首先会判断评价内容是否为空。 其次根据登录时写入的session检测是否登录，session为空时未登录， 则给出提示。 提交评价，连接数据库，将评价内容写入sceneryreview表中。操作成功后，刷新页面，显示评价的内容。5、景点管理模块的设计（1）增加景点模块的设计 用户登录后，首先会判断其权限，若为管理员则景点列表的页面上会有增加景点的按钮。 增加景点页面中，添加景点信息。 景点信息添加完毕后提交，此时会先判断输入是否符合规范，例如：票价必须为数字，名称不能为空等。之后进行提交处理，将正确的信息写入Sc

46、enery表中。 成功写入数据库后，跳转到详细信息页面。 该增加景点页面同时要被系统拦截，没有权限的人不能通过直接输入网址进入。部分代码：权限控制是否显示添加景点链接：我的订单添加景点（2）删除景点模块的设计在更新页可以删除景点信息，也可以在管理员景点页面中通过链接直接删除。 用户登录后，首先会根据登录时写入session的信息判断其权限，若为管理员则景点列表的页面上会有删除景点的链接。其他用户没有这个链接。 点击链接进入景点删除的action，连接数据库，将相应的景点信息删除，跳转到景点列表页。 该action同时要被系统拦截，没有权限的人不能通过直接输入网址进入。6、用户管理模块的设计授权

47、模块的设计用户登录后，首先会判断其权限，若为超级管理员则可以为所有的会员和管理员授权，也可以删除或者管理员。若为管理员则只能对会员进行操作。 管理员同时可以取消授权，取消授权的过程与授权类似。 该页面同时要被系统拦截，没有权限的人不能通过直接输入网址进入。5.3 测试软件测试是为了发现错误而执行的程序，是根据软件开发的各个阶段的规格说明和程序的内部结构而设计的一批测试用例，即输入数据和预期结果，利用这些用例来发现程序中的错误。软件测试是为发现软件中的错误而执行程序的过程。软件测试只能用于查找程序在那个的错误，不能证明程序中没有错误。软甲测试是保证软件质量的关键，它是对需求分析，设计和编码的最后

48、复审。5.3.1 注册模块测试测试用例用例1 输入数据：已存在的用户昵称 输出结果：给出提示信息，显示用户已存在用例2 输入数据：不存在的用户昵称 输出结果：用户可用，成功注册测试结果：用例2：成功注册进入系统首页5.3.2 权限管理测试用例1 输入数据：普通用户名和密码 输出结果：不能进入该页，跳转到主页面用例2 输入数据：管理员名和密码 输出结果：成功进入增加景点页面测试结果：经测试，则两个模块实际结果与预期结果相同。第6章 网页需求分析第6章 网页需求分析6.1 可行性分析6.1.1 网站主题的可行性一般来说一个网站内容主题的选择，要做到小而精，主题定位要小，内容要精。所以本网站，仅仅针

49、对郑州市特色小吃和游玩地方进行介绍。并没有去试图制作一个包罗万象的站点，这往往会失去网站的特色，也会带来高强度的劳动，给网站的及时更新带来困难。并且本人在郑州土生土长近20年，深知郑州的各种百年老店以及民间小吃和娱乐项目。6.1.2 网站页面设计的可行性由于越来越多的人们开始建立自己的网站，网站除了具有传播信息的功能外，还往往代表个人的形象。虽然HTML语言提供了对常用Windows标准控件的支持，但是，由于Windows标准控件的形状和颜色十分单一，网页的视觉效果可能会很差。因此，本文并没有单纯的采用HTML来制作网页。而是使用了DIV+CSS的方式来创建表格布局，并且在其中插入了XML已经

50、JS等动态效果，使页面看起来更有动感。这些通过Dreamweaver与PS等软件的熟练运用都可以真正实现到网页中去。6.2 网站需求分析6.2.1 建站目的Internet是目前世界上最大的计算机互联网络，它遍布全球，将世界各地各种规模的网络连接成一个整体。作为Internet上一种先进的，易于被人们所接受的信息检索手段，World Wide Web(简称WWW)发展十分迅速，成为目前世界上最大的信息资源宝库。通过建立一个游郑州网站的站点，可以迅速融入到互联网中，和世界各地连成一个整体。拥有了这种传播媒介就可以方便在郑州生活的以及来郑州游玩的人们的行程安排。6.2.2 技术需求网页的版面设计需

51、要用Dreamweaver来实现。需要精通HTML，DIV+CSS等网页编程语言。网站LOGO，需要用PS来设计。需要有一定的审美能力、设计能力，使其网站的主题突出鲜明。后台管理，需要使用JSP等动态页面来实现，但由于自身水平有限，并且网站前期发布的小吃游玩等地方多是十年，甚至百年被老郑州人们所熟知的地方，并不需要过多的删改，可以先从前台进行删改。发布站点，通过IIS，APACHE等来发布。需要对互联网技术有一定的理解，并熟悉发布流程。6.3 网页运行环境的开发本系统可以被运行在IIS服务下。使用 Microsoft Internet Information Server (IIS)，运行 Windows Server的计算机便成为容量和功能强大的Web服务器。除了这种方法，我们还可以通过配置网络环境来发布站点，可以在Linux或者Unix主机下，配置Apache环境进行发布，具体建立站点的过程本文会在第五章提到。6.