毕业论文网页设计与制作.docx
《毕业论文网页设计与制作.docx》由会员分享，可在线阅读，更多相关《毕业论文网页设计与制作.docx（28页珍藏版）》请在冰豆网上搜索。
毕业论文网页设计与制作
2015届学生毕业设计（论文）
网站设计与制作
系别：
电子计算机系
年级：
2012级
学号：
2
姓名：
严书文
专业：
计算机应用技术
指导教师：
吴艳
二〇一四年十月
摘要
随着信息技术的发展，计算机技术在我们的日常生活中已经占据着越来越重要的位置，各行各业的发展都离不开网络的支持，旅游行业也借着网络来宣传自己。
本课题是为地方的旅游开发的一个综合性网站，是利用jsp技术和ssm框架以及oracle数据库技术实现的。
主要完成对旅游网站的管理和网站的展示与应用，主要功能包括：
景点管理、酒店管理、民俗管理、酒店预订、门票预订、信息浏览和评价等。
该旅游网站可以系统的展现一个地区的旅游信息，让人们方便快捷的了解这个地区和这个地区的地方特色。
相比较于一般的旅游网站，该网站的针对性更强，更能够满足针对地区旅游的需求。
关键词：
旅游网站SSMOracle数据库JSP
Abstract
WiththedevelopmentofInformationtechnology,computeroccupiesamoreandmoreimportantpositioninourdailylife.EverytradeisthrivingwiththehelpoftheInternet,tourismindustryalsotakesadvantageofnetworksystemtodevelopitselfatthesametime.
Thissubjectisacomprehensivewebsitedevelopedfortourism,anditisachievedbyJSP,SSMframeworkandoracledatabase.Itsmainlyfunctionincludestourismmanagement,hotelmanagement,folkmanagement,buyingtickets,makinghotelreservation,browsinginformation,givingevaluatesandsoon.
Thetravelwebsitecanshowsystematictourisminformationofanarea, sothatpeoplecanpickuptheareaanditscharacteristicsconveniently.Comparingtothegeneraltravelsite,thewebsitecanbettermeetthedemandforregionaltourism.
Keywords：
TourismwebsiteSSMOracleJSP
第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（""）这种方式，只能一句一句的输出，并且包含了很多的多余的代码，这样一来，对表现层页面的操作非常的不方便。
为了简化操作，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浏览器，然后在地址栏输入“127.0.0.1”（或者localhost），就可以看到所链节的界面。
也可以改变默认的站点位置和主页，修改步骤如下：
步骤1：
打开“Internet服务器管理器”，弹出一个对话框。
步骤2：
右键单击“默认Web站点”，在弹出的菜单里面选择“属性”项，打开一个新的对话框。
步骤3：
“Web站点”中，可以设置站点的说明、IP地址和其他一些属性。
选择“主目录”标签。
步骤4：
在“主目录”选项卡中，“本地路径”的默认设置是：
“C:
\Inetpub\”,为了方便以后编辑和管理网站，将其路径设置如”D:
\mysite”。
读者也可以根据实际情况设置为其他路径。
选择“文档”标签。
步骤5：
可以添加一个默认文档作为主页。
选择“添加”按钮，在弹出的对话框中输入文档名。
为下一节的实例输入“index.asp”作为网页首页，然后单击左边的向上和向下箭头改变默认文档的次序。
以上介绍了IIS5.0的安装和设置。
2.2本网站建设的方向和目的
2.2.1网站建设目的
网站的建设不仅仅是制作主页的问题，还需要考虑网站的定位、目标用户、网站内容、服务事项、空间方案、安全性、艺术设计、数据库技术等等。
任何网站在建设之前就必须明确方向、用途和服务群体等一系列的问题，写出详尽的建站计划，可以说这是网站建设的根源和核心所在。
这里就以我做的这个学生网站为实例给大家简述这个问题，如我设计的个人主页：
.*****.com。
作为一个学生网站，我的服务群体及访问者都定位在在校学生，为学生服务就是我的这个网站的目的和方向。
从整个页面上可以看出，我的这个整个网站涉及校园新闻、考研、男生女生等等都是关于我们在校学生的。
整个网站的结构和内容都是在开始设计之前就已经经过详细的计划的。
其实任何网站都一样：
企业网站的宗旨就是对外宣传企业形象，发布企业最新的企业产品，其服务群体就是为对其产品感兴趣的客户或者正在使用企业产品的用户服务，这就是企业网站的建设方向；个人网站的宗旨就是宣传自己，提供一个自身和外界交流的场所；由此可见，网站的设计方向是依据网站的客户、服务群体等多方面来确定的。
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用例图
用例图是用户所理解的系统，他所描述的是用户如何使用这个系统。
用户和系统的一次交互就是一个用例。
这些用例代表了系统需要开发的功能。
构造用例图的技术：
1.对参与者建模。
2.对用例建模，这是实体的正常行为。
3.对参与者和用例之间的通信建模。
4.用例之间的使用关系建模。
5.用例之间的扩展关系建模。
下面就是该系统的用例图：
图3_8游客用例图
游客可以注册和浏览网站信息。
图3_9会员用例图
会员可以浏览网站信息，登录系统，预订景区门票和酒店房间，评价酒店和景点，同时还可以对个人信息进行修改。
图3_10管理员用例图
管理员可以浏览系统信息，登录系统，管理系统信息（包括景区管理，酒店管理，民俗管理，用户管理，订单管理等）。
第4章概要设计
概要设计也叫总体设计，这个阶段必须回答的关键问题是：
“概括地说，应该如何解决这个问题?
”主要的工作是总体结构设计及确定系统的硬件选配、软件选配、数据库设计、代码设计原则、界面设计等。
4.1模块设计
模块设计的原则：
（1）模块的凝聚程度高。
（2）模块间的联系方式好。
模块间的控制关系采用调用方式实现，而模块间的数据关系采用共享一个数据库的方式实现。
（3）上层模块对下层模块的影响范围应在其对下层模块的控制范围之内。
系统功能结构图。
根据系统的需求分析，该系统主要分为三个部分：
游客部分，会员部分和管理员部分。
游客：
浏览网站信息，注册。
会员：
浏览网站信息，登录系统，评价，预订和个人信息管理。
管理员：
登录，浏览信息，景点管理，酒店管理，民俗管理，会员管理，订单管理。
（其中浏览信息包括浏览景点全部信息，景点详细信息，酒店全部信息，酒店详细信息，民俗全部信息，民俗详细信息。
）
功能模块设计如下图：
图4_1
下面是网站信息管理的模块设计：
图4_2
4.2数据库设计
数据库设计是根据应用需求，对于一个给定的应用环境设计有效地数据库模式，建立数据库及其应用系统，使之能够有效地存储数据，满足各种用户的应用要求的过程。
该网站的数据库的名称为XE，其中包括景点表SCENERY，酒店表HOTEL,酒店房型表HOTELSTYLE,民俗表FOLK,景点评价表SCENERYREVIEW,酒店评价表HOTELREVIEW,用户表USERS,订单表ORDERS。
下面是这些表的详细信息：
SCENERY景点表，主要用于记录景点的详细信息。
主键通过SEQUENCE实现自增长。
表4_1SCENERY景点表：
序号
列名
数据类型
主键
允许空
说明
1
SCENERYID
Number
是
否
自增长
2
SCENERYNAME
Varchar2（50）
是
景点名称
3
SCENERYPIC
Varchar2（200）
是
图片地址
4
SCENERYINTRODUCE
VARCHAR2（2000）
是
景点简介
5
TICKETOLD
Number
是
原票价
6
TICKETNEW
Number
是
优惠价
7
SCENERYWAY
Varchar2（200）
是
景区路线
HOLEL酒店表，主要用于记录酒店的详细信息。
表4_2HOLEL酒店表：
升级会员 