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

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

2、 该旅游网站可以系统的展现一个地区的旅游信息，让人们方便快捷的了解这个地区和这个地区的地方特色。相比较于一般的旅游网站，该网站的针对性更强，更能够满足针对地区旅游的需求。 关键词：旅游网站 SSM Oracle数据库 JSP I Abstract Abstract With 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 In

3、ternet, tourism industry also takes 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 ma

4、nagement, buying tickets, making 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

5、 better meet the demand for regional tourism. Key words：Tourism website SSM Oracle JSP II 目 录 目 录 第1章 绪论 . 1 1.1 背景 . 1 1.1.1 旅游业信息化的发展 . 1 1.1.2 旅游类型网站的现状 . 2 1.1.3 旅游网站的构建 . 2 1.2 开发技术介绍 . 2 1.2.1 开发环境 . 2 1.2.2 SSM概述 . 2 1.2.3 JSP技术 . 3 第2章 网站的前期准备 . 4 2.1 软件准备和ISS 5.0的安装与设置 . 4 2.1.1 软件准备 . 4 2.

6、1.2 ISS 5.0的安装与设置 . 5 2.2 本网站建设的方向和目的 . 6 2.2.1 网站建设目的 . 6 2.2.2 本站明确的目的 . 6 第3章 需求分析 . 8 3.1 可行性分析 . 8 3.1.1 技术可行性 . 8 3.1.2 经济可行性 . 8 3.1.3 操作可行性 . 8 3.2 安全性分析 . 8 3.3 系统功能分析 . 9 3.4 数据流程图 . 10 3.5 用例图 . 12 第4章 概要设计 . 17 III 目 录 4.1 模块设计 . 17 4.2 数据库设计 . 18 第5章 详细设计与实现 . 17 5.1 项目文件夹结构 . 17 5.2 模块

7、详细设计 . 18 5.3 测试 . 20 5.3.1 注册模块测试 . 20 5.3.2 权限管理测试 . 20 需求分析 . 22 6.1 可行性分析 . 22 6.1.1 网站主题的可行性 . 22 6.1.2 网站页面设计的可行性 . 22 6.2 网站需求分析 . 22 6.2.1 建站目的 . 22 6.2.2 技术需求 . 23 6.3 网页运行环境的开发 . 23 6.4 网页设计工具 . 23 6.4.1 图像工具Photoshop . 23 6.4.2 页面工具Dreamweaver . 23 6.5 网页开发语言 . 24 第7章 网站的测试 . 25 7.1 网站检测

8、. 25 7.2 网站的上传 . 25 结 论 . 27 致 谢 . 28 参考文献 . 29 IV 第1章 绪论 第1章 绪论 1.1 背景 不同的网站目的要求通过不同的方式来实现。一个展示个人能力的网站与一个以花卉种植为主题的网站，以及一个大型门户网站和一个小型企业网站，其出发点和建站目的都有所不同，在整个网站的建设规划方面的要求也是肯定是大不一样的。因此在规划我的这个网站时，我选择了和大学生的生活和学习相关联的主题。 本网站预计的用户群体：对于网站的设计者和建设者来说，在设计规划网站时必须要明确自己网站的浏览者，也就是确定自己的用户群体。在已经确定了建设目的的前提下，应根据建站方向所会导

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

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

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

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

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

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

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

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

17、“东方网页王”等等。在这里，我们主要说的是Macromedia公司出品的“三剑客”。 这“三剑客”包括Dreamweaver MX、Fireworks MX和Flash MX，其中，Dreamweaver MX是网页编辑软件，Fireworks MX是图形/图像处理软件，Flash MX是矢量动画编辑软件。当然，到今天为止，Macromedia公司出品的这个“三剑客”都已经是2004版，估计2005版也应该很快出来了。Macromedia公司一向以其优良的设计、友好的用户界面和强大的功能而著称，这三个软件也不例外，它们是Macromedia公司专门为网页设计、制作开发的系列软件套件，三者之间可

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

19、，并且具有所有其他图形处理工具的诸多优点。Fireworks MX的最大优势就在于它在任何时候可以从任何阶段开始设计工作，这样既可以节约时间又可以对产品进行扩展。另外，Fireworks MX中的诸多功能都是面向WEB应用的，因此对于WEB设计新手来说也很容易学习的。 Flash MX是比较另类、超前的一种网页动画制作软件，它不仅能够满足网页设计的诸多要求，更为网页多媒体的使用者带来了前所未有的便利。Flash MX 4 第2章 网站的前期准备 提供了广泛的平台支持，它不需要任何编程工作就能够制作出精彩的动态效果。由于Flash MX采用矢量图形格式来制作动画，因此在低宽带的网络环境中仍然可以

20、具有高品质的画面以及存储空间小的优点，从而是浏览者能够快速的下载效果非凡的动画。 在我设计我的个人网站的过程中，我选择了Dreamwear MX 2004和Flash MX 2004和 Photoshop三种软件。因为自己向对于其它的软件来说，这三个还算是比较熟悉的。 2.1.2 ISS 5.0的安装与设置 在因特网/企业网上的基于浏览的开发方案中，Microsoft 的IIS起到客户端与服务器端的连接作用。当访问者在浏览器中键入对你服务器上的网页进行访问的请求，这个请求通过网络路由到服务器端，然后服务器再将它交给IIS处理。IIS检索所请求的页，并根据请求的文件名对该网页进行相应的处理。如果

21、该文件是以.asp为扩展名或者该文件是某种类型的请求文件，那么IIS将对该页面上的代码进行处理。 IIS 5.0是专为Windows 2000设计的WEB服务器软件。Windows 2000 Server在安装系统时，就以自动安装IIS 5.0；但Windows 2000 Professional不会自动安装它。下面就简单介绍一下在我设计过程中在Windows 2000 Professional 上安装IIS 5.0的过程。 步骤1：首先，我选择“开始”“设置”“控制面板”，在“控制面板”中选择“添加或删除程序”后，弹出“添加/删除程序”对话框。 步骤2：在左边4个可选择的导航栏中选择“添加/

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

23、，在弹出的菜单里面选择“属性”项，打开一个新的对话框。 步骤3： “Web站点”中，可以设置站点的说明、IP地址和其他一些属性。 5 第2章 网站的前期准备 选择“主目录”标签。 步骤4：在“主目录”选项卡中，“本地路径”的默认设置是：“C:Inetpubwwwroot”,为了方便以后编辑和管理网站，将其路径设置如”D:mysite”。读者也可以根据实际情况设置为其他路径。选择“文档”标签。 步骤5：可以添加一个默认文档作为主页。选择“添加”按钮，在弹出的对话框中输入文档名。为下一节的实例输入“index.asp”作为网页首页，然后单击左边的向上和向下箭头改变默认文档的次序。 以上介绍了IIS

24、 5.0的安装和设置。 2.2 本网站建设的方向和目的 2.2.1 网站建设目的 网站的建设不仅仅是制作主页的问题，还需要考虑网站的定位、目标用户、网站内容、服务事项、空间方案、安全性、艺术设计、数据库技术等等。任何网站在建设之前就必须明确方向、用途和服务群体等一系列的问题，写出详尽的建站计划，可以说这是网站建设的根源和核心所在。这里就以我做的这个学生网站为实例给大家简述这个问题，如我设计的个人主页：http:/www.*.com 。作为一个学生网站，我的服务群体及访问者都定位在在校学生，为学生服务就是我的这个网站的目的和方向。从整个页面上可以看出，我的这个整个网站涉及校园新闻、考研、男生女生

25、等等都是关于我们在校学生的。整个网站的结构和内容都是在开始设计之前就已经经过详细的计划的。其实任何网站都一样：企业网站的宗旨就是对外宣传企业形象，发布企业最新的企业产品，其服务群体就是为对其产品感兴趣的客户或者正在使用企业产品的用户服务，这就是企业网站的建设方向；个人网站的宗旨就是宣传自己，提供一个自身和外界交流的场所；由此可见，网站的设计方向是依据网站的客户、服务群体等多方面来确定的。 2.2.2 本站明确的目的 不同的网站目的要求通过不同的方式来实现。一个展示个人能力的网站与一个以花卉种植为主题的网站，以及一个大型门户网站和一个小型企业网站，其出发点和建站目的都有所不同，在整个网站的建设规

26、划方面的要求也是肯定是大不一样的。因此在规划我的这个网站时，我选择了和大学生的生活和学习相关联的主题。 本网站预计的用户群体：对于网站的设计者和建设者来说，在设计规划网站 6 第2章 网站的前期准备 时必须要明确自己网站的浏览者，也就是确定自己的用户群体。在已经确定了建设目的的前提下，应根据建站方向所会导致出现的不同用户群体的需求来规划设计整个网站。我的这个网站就确定了以大学生为用户群体。 本网站的结构和风格：网站的风格反映了一个网站的特色，它具有很大的代表性。出色的网站吸引人的地方不仅仅在于其内容，鲜明的结构和独特的风格往往能起到画龙点睛的作用。一个网站即使内容再丰富，如果网站的结构和风格不

27、能吸引人，那也是毫无价值的。往往整个网站的风格是一个网站吸引浏览者的魅力所在，因此应当根据网站的主题、内容和浏览者的要求来设计自己独特的网站风格。那么什么是网站的结构和风格呢？网站的结构是连接网站内容之间的支架。网站的结构是网站的核心和骨架，如果没有网站结构，网站将会变得一团糟。现在，只有高度发展、高度结构化、易用且能独立行走的网站才受浏览者的欢迎。 7 第3章 需求分析 第3章 需求分析 需求分析是业务需求的分析以及从最终用户处收集信息，分析所定义的业务和系统需求，在此基础上对所收集的业务和数据信息进行分析和整理，并在开始数据库设计之前对所收集需求信息进行评估，最终用这些信息来设计数据库。需

28、求分析时要考虑业务规则和业务处理。 3.1 可行性分析 又称可行性研究。建设项目投资决策前对有关的建设方案、技术方案和生产经营方案进行技术经济论证，以期达到最佳经济效果的一种方法。 3.1.1 技术可行性 本系统采用JSP进行前台界面的设计，利用oracle进行数据库的操作和管理，应用SSM框架，实现整个web端的功能实现与整合。Oracle强大的数据库开发功能、JSP广泛的实际应用和SSM框架的灵活性充分说明本系统在技术方面可行。 3.1.2 经济可行性 我国旅游业发达的地区数量上很可观，这样一个针对地区的旅游网站成本较低，效率比较高，使用起来方便灵活，所以比较有前景，因此经济方面可行。 3

29、.1.3 操作可行性 该系统操作简单，易上手，界面友好，因此操作可行。 3.2 安全性分析 1.用户权限安全性：系统设置了超级管理员、管理员、普通用户和游客四个操作级别。超级管理员和管理员能够对景点、酒店和民俗信息进行编辑；管理员可以对用户进行操作但不可以对管理员进行操作，超级管理员可以对全部用户和管理员进行操作。 2.输入安全：对输入数据进行合法性检查，对于不合法的输入给出提示并且取消操作。最大限度的保证系统的稳定性。 8 第3章 需求分析 3.3 系统功能分析 该系统具有以下功能： 1登录 用户在登录模块中输入昵称和密码，系统会根据所具有的权限返回到会员页面或是管理员页面。 2注册 游客在

30、注册模块进行注册，可以成为会员，可以购买门票，预订酒店和进行景点和酒店的评价。 3浏览景点，酒店，民俗信息 在信息展示模块游客和会员可以对该网站的信息进行浏览。 4预订 在预订模块，会员可以进行景点门票预订和酒店预订 5评价 在评价模块，会员可以对景点和酒店进行评价。 6查看订单 会员可以查看自己所购买的门票和预定的酒店。 7修改密码 会员登陆后可以修改密码。 8充值 会员登陆后可以充值。 9取消订单 会员登陆后可以取消已有订单。 10景点管理 管理员可以增加，删除，和更改景点信息。 11酒店管理 管理员可以增加，删除，和更改酒店和酒店房型信息。 12民俗管理 管理员可以增加，删除，和更改民俗

31、信息。 13用户管理 管理员可以删除用户信息同时可以授予用户管理员权限。 14订单管理 管理员对订单进行管理。 9 第3章 需求分析 3.4 数据流程图 数据流图语言是需求分析阶段最常用的一种图形语言，软件开发人员运用这一语言，由抽象到具体、逐层分解，绘出所开发的软件系统的分层DFD.如同程序设计语言一样，DFD语言的规范主要包括语法和语义的两个方面。 数据流图系统中的数据处理加工的客观过程，数据流图中流动的是数据，没有控制过程，以图形来表达逻辑功能。 图3_1 环境图 图3_2 一层数据流图 10 第3章 需求分析 图3_3 预定的二层数据流图 图3_4 管理景点的二层数据流图 图3_5 酒

32、店管理的二层数据流图 11 第3章 需求分析 图3_6 评价的二层数据流图 图3_7 注册的二层数据流图 3.5 用例图 用例图是用户所理解的系统，他所描述的是用户如何使用这个系统。用户和系统的一次交互就是一个用例。这些用例代表了系统需要开发的功能。构造用例图的技术： 1. 对参与者建模。 2. 对用例建模，这是实体的正常行为。 3. 对参与者和用例之间的通信建模。 4. 用例之间的使用关系建模。 5. 用例之间的扩展关系建模。 下面就是该系统的用例图： 图3_8 游客用例图 12 第3章 需求分析 游客可以注册和浏览网站信息。 图3_9 会员用例图 会员可以浏览网站信息，登录系统，预订景区门

33、票和酒店房间，评价酒店和景点，同时还可以对个人信息进行修改。 图3_10 管理员用例图 管理员可以浏览系统信息，登录系统，管理系统信息（包括景区管理，酒店管理，民俗管理，用户管理，订单管理等）。 13 第4章 概要设计 第4章 概要设计 概要设计也叫总体设计，这个阶段必须回答的关键问题是：“概括地说，应该如何解决这个问题?”主要的工作是总体结构设计及确定系统的硬件选配、软件选配、数据库设计、代码设计原则、界面设计等。 4.1 模块设计 模块设计的原则： (1)模块的凝聚程度高。 (2)模块间的联系方式好。模块间的控制关系采用调用方式实现，而模块间的数据关系采用共享一个数据库的方式实现。 (3)

34、上层模块对下层模块的影响范围应在其对下层模块的控制范围之内。系统功能结构图。 根据系统的需求分析，该系统主要分为三个部分：游客部分，会员部分和管理员部分。 游客：浏览网站信息，注册。 会员：浏览网站信息，登录系统，评价，预订和个人信息管理。 管理员：登录，浏览信息，景点管理，酒店管理，民俗管理，会员管理，订单管理。(其中浏览信息包括浏览景点全部信息，景点详细信息，酒店全部信息，酒店详细信息，民俗全部信息，民俗详细信息。) 功能模块设计如下图： 图4_1 17 第4章 概要设计 下面是网站信息管理的模块设计： 图4_2 4.2 数据库设计 数据库设计是根据应用需求，对于一个给定的应用环境设计有效

35、地数据库模式，建立数据库及其应用系统，使之能够有效地存储数据，满足各种用户的应用要求的过程。 该网站的数据库的名称为XE，其中包括景点表SCENERY，酒店表HOTEL, 酒店房型表HOTELSTYLE,民俗表 FOLK, 景点评价表SCENERYREVIEW,酒店评价表 HOTELREVIEW, 用户表USERS, 订单表 ORDERS 。下面是这些表的详细信息： SCENERY景点表，主要用于记录景点的详细信息。主键通过SEQUENCE实现自增长。 HOLEL酒店表，主要用于记录酒店的详细信息。 表4_2 HOLEL酒店表： 18 第4章 概要设计 HOTELSTYLE酒店房型表，主要展示

36、酒店房型，这里的主键为酒店id和房型，同一个酒店的同一种房型只能有一条记录。 表4_3 HOTELSTYLE酒店房型表： FOLK 民俗表，主要用于记录民俗的详细信息，其中民俗分类别，民俗类型1,2,3分别代表传说故事，美食和特色文化。 表4_4 FOLK 民俗表： SCENERYREVIEW 景区评论表，主要用于记录景区评论信息， 通过SCENERYID关联到景区表的SCENERYID。 表4_5 SCENERYREVIEW 景区评论表： HOTELREVIEW 酒店评论表，主要用于记录酒店评论信息， 通过HOTELID关联到酒店表的HOTELID。 表4_6 HOTELREVIEW 酒店评

37、论表： 19 第4章 概要设计 USERS用户表，主要用来记录用户的个人信息。 表4_7 USERS用户表： ORDERS订单表，主要用来记录订单详情，其中用户通过NICKNAME关联到USERS表的NICKNAME，HOTELID和HOTELSTYLE分别关联到房型表的HOTELID和HOTELSTYLE中，SCENERYID关联到景点表的SCENERYID，时间为当前时间。 表4_8 ORDERS订单表： 20 第5章 详细设计与实现 第5章 详细设计与实现 总体设计阶段以比较抽象概括的方式提出了解决问题的办法，详细设计阶段的任务就是把解法具体化，进而对每个模块要完成的工作进行具体的描述，

38、以便为程序编写打下基础，也就是回答下面这个关键问题：“应该怎样具体地实现这个系统”。 5.1 项目文件夹结构 该项目的文件夹目录如下： 图5_1 项目文件夹目录 Spring由容器控制程序之间的关系，而不是传统的由程序代码直接操控，Spring的作用贯穿了整个中间层，将Web层、Service层、DAO层无缝整合，其数据服务层用来存放数据。其中applicationContext.xml就是一个spring配置文件，部分配置如下： <bean id=users class=cn.itcase.model.Users></bean> <bean id=loginbd

39、yDao class=org.mybatis.spring.mapper.MapperFactoryBean> <property name=mapperInterface value=cn.itcase.dao.LoginBdyDao/> <property name=sqlSessionFactory ref=sqlSessionFactory /> </bean> </bean> struts是逻辑层用于后台和前台的对应，比如JSP的数据应该交给哪个类处理。下面是部分Struts.xml的代码： <package name=lo

40、gin namespace=/ extends=struts-default> <action name=loginin class=loginBdyAction method=userLoginin> <result name=success>/jsp/newindex.jsp</result> <result name=fail>/jsp/login.jsp</result> </action> 17 第5章 详细设计与实现 </package> 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

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

43、(get, url + ?nickname= + value, true); xmlHttp.onreadystatechange = callback; xmlHttp.send(null); 2、浏览模块的设计 （1）景点列表模块的设计 ? 登录系统后点击景点按钮，系统会根据权限（即为登录时写入session的权 限值）显示相应部分，若为普通用户权限则显示页如图5.3，若为管理员权限则除了图中信息外还具有查看删除增加等操作信息。 ? 浏览完基本信息以后，用户可以浏览景点详细信息，可通过点击标题或者点 击景点介绍都可以进入详情页面。 （2）景点详细信息模块的设计 18 第5章 详细设计与实现

44、 ? 通过获得景点列表和评论列表,展示景点信息的全部内容（包括景点名称，景 点路线，景点图片，景点详细介绍，景点评价信息等）。 ? 填写评价内容,可以进行景点评价。 ? 登陆后可以进行门票的预订。 3、订购模块的设计 （1）景点门票订购模块的设计 ? 在景点详情页面可以进行购买门票操作。 ? 点击购买按钮后，首先会判断是否登录，则会提醒未登录。 ? 其次检测余额，若余额不足则不能会给出提示。 ? 最后提交数据库并判断是否成功。 （2）取消预订模块的设计 ? 点击我的订单按钮，提交给action处理，连接数据库在获得该用户的全部 订单信息，将信息传入订单页，订单页显示订单信息。 ? 点击取消订单

45、按钮后会给出确认信息，之后提交数据库。 查看订单部分代码： 查看订单，获得该用户的全部订单列表的Sql： <select id=getMyOrder parameterType=String resultType=Orders> select * from orders where nickname=#nickname </select> 4、评价模块的设计 ? 点击提交按钮首先会判断评价内容是否为空。 ? 其次根据登录时写入的session检测是否登录，session为空时未登录， 则 给出提示。 ? 提交评价，连接数据库，将评价内容写入sceneryreview表中。操作成功后， 刷新页面，显示评价的内容。 5、景点管理模块的设计 （1）增加景点模块的设计 ? 用户登录后，首先会判断其权限，若为管理员则景点列表的页面上会有增加 景点的按钮。 ? 增加景点页面中，添加景点信息。 ? 景点信息添加完毕后提交，此时会先判断输入是否符合规范，例如：票价必 须为数字，名称不能为空等。之后进行提交处理，将正确的信息写入Scenery表中。 ? 成功写入数据库后，跳转到详细信息页面。 ? 该增加景点页面同时要被系统拦截，没有权限的人不能通过直接输入网址进 入。 部分代码： 权限控制是否显示添加景点链接： <l