酒店网站设计.doc

《酒店网站设计.doc》由会员分享，可在线阅读，更多相关《酒店网站设计.doc（36页珍藏版）》请在得力文库 - 分享文档赚钱的网站上搜索。

1、2022年-2023年建筑工程管理行业文档 齐鲁斌创作郑州大学毕业设计（论文） 题 目： 酒店网站 指导教师： 职为梅 职称： 讲师 学生姓名： 卜辉 学号： 071340110116专 业： 计算机科学与技术 院（系）： 信息工程学院 完成时间： 2010年9月21日 10.9.21 索引 1、引言52、系统分析62.1 功能需求分析62.2 本系统采用的关键技术72.2.1 技术72.22 CMS技术72.2.3 Jquery技术92.2.4 css技术92.2.5 SQL SERVER 介绍112.3 可行性分析113、系统概要设计123.1 总体功能124、系统详细设计124.1 后台

2、数据库设计124.2 处理流程设计144.2.1 系统操作流程144.2.2 数据增加流程154.3 系统模块设计164.3.1 首页164.3.2 提交订单信息194.3.3 访客留言板285、系统调试与测试305.1 程序调试315.2 程序的测试315.2.1 测试的重要性及目的315.2.2 测试的步骤325.2.3 测试的主要内容336、结论346.1 系统评价346.2 安全性问题34致谢35参考文献35摘 要随着互联网和宽带上网的普及，Internet网站在中国异军突起，并日益渗透到人们的日常生活中。网站是运用现代通信技术、计算机和网络技术进行的一种社会形态，其目的是通过互联网满

3、足人们对知识的需求。课题目标是设计并实现一个B/S体系结构的酒店网站。结合实践，理解网页开发技术和数据库的基本知识，学习相关开发工具和应用软件，熟悉网站建设的过程，熟练掌握网络数据库编程方法。本系统用语言来编写社本系统，数据库用SQLSERVER 2005来连接系统。本论文主要涉及软件，数据库与网络技术等。涵盖知识面广，可有效地提高学生综合运用所学知识分析解决问题的能力，增强学生对事物的理解与掌握能力，培养学生掌握科学的研究方法，正确的设计思想，独立思考，勇于进取，探索创新，为今后进一步学习与工作奠定了良好的基础。关键词：javascript; Jquery; css; ； cms；系统设计A

4、bstractAlong with the Internet and the wide band surfers popularization, the Internet website is sudden appearance in China, and seeps day by day to peoples daily life. Website is one kind of form of society which using the Modern Communication Technology, the computer and the networking carries on,

5、 its goal is satisfies the people through the Internet to knowleage demand. The topic goal is designs and realizes a B/S architecture wineshop website. The union practice, understood that the homepage development technology and the database elementary knowledge, the study related development kit and

6、 the application software, the familiar website constructions process, masters the network database programming method skilled. This system with Micrsoft Corporation A language compilation society this system, the database uses the SQLSERVER 2005 connected systems. The present paper mainly involves

7、the software, the database and the networking and so on. The covering aspect of knowledge is broad, but enhances the student to synthesize the utilization effectively to study the knowledge analysis to solve the question ability, strengthens the student the understanding with to grasp ability to the

8、 thing, trains the student to grasp the science the research technique, the correct design concept, the independent thinking, dares enterprising, the exploration innovation, will further study and the work for the present has laid the good foundation. 1、引言在Internet的时代，为了满足不同人们对网络需求，各种特色，各种主题的网站也在不断增

9、加。网站的发开设计已经慢慢的从复杂到简单化,越来越多的网站开发者开始使用cms(Content Managerment System)系统,它的诞生可以大大的缩短网站开发的时间,提高维护网站的效率,现阶段cms技术已经成熟化,可以自由的编写更多需求的网站,可以开发出静态的和动态的网站效果,后台的维护更简单化.本站设计目标就是设计一个酒店网站,可以提交用户需要入住的表单信息,管理人员从后台可以读取这些信息来尽快的处理客户的需求,另有很多该酒店的资料内容,可以方便的把该酒店的房间,资料,信息等内容展现给客户,还有客户端的留言板内容,可以更好的把客户需要该酒店改进或者需求的信息表达给该酒店的管理人员

10、,使酒店的管理可以更简单化,人性化,管理人员还可以很方便的在后台回复留言的内容.随着计算机技术的发展，网络技术对我们生活和工作显得越来越重要，特别是现在信息高度发达的今天，人们对最新信息的需求和发布迫切的需要及时性。而动态交互式网页刚好提供了这些功能，本系统就是一个能够在网上实现新闻的网上多用户发布，多栏目管理，实时的进行行为统计和记录的网上交互系统。本系统用技术编写，数据库用SQLSERVER 2005来连接系统。本论文主要涉及软件，数据库与网络技术等。涵盖知识面广，可有效地提高学生综合运用所学知识分析解决问题的能力，增强学生对事物的理解与掌握能力，培养学生掌握科学的研究方法，正确的设计思想

11、，独立思考，勇于进取，探索创新，为今后进一步学习与工作奠定了良好的基础。2、系统分析2.1 功能需求分析随着计算机技术的发展，网络技术对我们生活和工作显得越来越重要，特别是现在信息高度发达的今天，人们对最新信息的需求和发布迫切的需要及时性。而动态交互式网页刚好提供了这些功能，本系统就是一个能够在网上实现新闻的网上多用户发布，多栏目管理，实时的进行行为统计和记录的网上交互系统。有以下六项优点：1、由于操作人员的计算机知识普遍较差,要求有良好的人机界面；2、由于该系统的使用对象多,要求有相应的操作管理； 3、原始数据修改简单方便,支持多条件修改 ；4、方便的数据查询，支持多条件查询；5、在相应的操

12、作管理下，删除数据方便简单，数据稳定性好； 6、数据计算自动完成，尽量减少人工干预； 系统采用B/S模式。整个系统最关键的就是数据库系统，一个强大的数据库可以支持完善一个优秀的软件设计，通过软件系统与数据库系统的连接来实现通过软件界面观察和处理操作数据，如图1所示。业务服务器数据库服务器事务逻辑数据逻辑ClientBrowser表示逻辑Browser表示逻辑A网页WWW服务器/业务逻辑服务器中间件JDBC数据库服务器数据库SQL server 图1 系统模式图2.2 本系统采用的关键技术2.2.1 技术ASP.NET的前身ASP技术，是在IIS 2.0上首次推出(Windows NT 3.51

13、)，当时与 ADO 1.0 一起推出，在IIS 3.0 (Windows NT 4.0)发扬光大，成为服务器端应用程序的热门开发工具，微软还特别为它量身打造了Visual InterDev开发工具，在1994年到2000年之间，ASP技术已经成为微软推展Windows NT 4.0平台的关键技术之一，数以万计的ASP网站也是这个时候开始如雨后春笋般的出现在网络上由于它的简单以及高度客制化的能力，也是它能迅速窜起的原因之一。2.2. 2 CMS技术概念: CMS是Content Management System的缩写，意为内容管理系统，它具有许多基于模板的优秀设计，可以加快网站开发的速度和减少

14、开发的成本。CMS的功能并不只限于文本处理，它也可以处理图片、Flash动画、声像流、图像甚至电子邮件档案。CMS具有许多基于模板的优秀设计，可以加快网站开发的速度和减少开发的成本。CMS的功能并不只限于文本处理，它也可以处理图片、Flash动画、声像流、图像甚至电子邮件档案。CMS其实是一个很广泛的称呼,新闻发布程序，到综合性的网站管理程序都可以被称为内容管理系统。分类: 根据不同的需求，CMS有几种不同的分类方法。比如，根据应用层面的不同，可以被划分为： 重视后台管理的CMS 重视风格设计的CMS 重视前台发布的CMS 等等。就目前已经存在的各种CMS来说，最终界面上都是大同小异，但是在编

15、程风格与管理方式上来讲却是千差万别。 就CMS本身被设计出来的出发点来说，应该是方便一些对于各种网络编程语言并不是很熟悉的用户用一种比较简单的方式来管理自己的网站。这虽然是本身的出发点，但由于各个CMS系统的原创者们自己本身的背景与对“简单”这两个字的理解程度的不同，就造成了现在没有统一的标准群雄纷争的局面。 简而言之，CMS就是可以让你不需要学习复杂的建站技术，不需要学习太多复杂的HTML语言，你就能够利用CMS构建出一个风格统一功能强大的专业网站。功能CMS具有许多基于模板的优秀设计，可以加快网站开发的速度和减少开发的成本。 CMS的功能并不只限于文本处理，它也可以处理图片、Flash动画

16、、声像流、图像甚至电子邮件档案。 CMS还分各个平台脚本种类的。 内容管理系统是企业信息化建设和电子政务的新宠，也是一个相对较新的市场，对于内容管理，业界还没有一个统一的定义，不同的机构有不同的理解： Gartner Group 认为内容管理从内涵上应该包括企业内部内容管理、Web内容管理、电子商务交易内容管理和企业外部网(Extranet)信息共享内容管理（如CRM和 SCM等），Web内容管理是当前的重点，e-business和XML是推动内容管理发展的源动力。 Merrill Lynch的分析师认为内容管理侧重于企业员工、企业用户、合作伙伴和供应商方便获得非结构化信息的处理过程。内容管理

17、的目的是把非结构化信息出版到intranets, extranets和ITE(Internet Trading Exchanges), 从而使用户可以检索、使用、分析和共享。商业智能系统 (BI)侧重于结构化数据的价值提取，而内容管理则侧重于企业内部和外部非结构化资源的战略价值提取。 Giga Group 认为作为电子商务引擎，内容管理解决方案必须和电子商务服务器紧密集成，从而形成内容生产(Production)、传递(Delivery)以及电子商务端到端系统。CMS网站模板:市场上有很多公司自行开发的CMS系统模板，几个比较大的网站上也经常能够看到一些国外（欧美，韩国）的模板，当中比较有代表

18、性的，在美国有较大影响力的当属怪兽模板了。起源于美国，随即登陆亚洲市场，瞬间风靡全球的网站建设的崭新模式-怪兽网页模板的CMS网站模板，包括了 WordPress ，joomla ，magento ，drupal ，mambo 等目前市场上最流行的模板。 中国也有一些好的开源项目如：jeecms、kooboo 作为面向WEB开发的CMS系统，其开发阵营一般分为PHP、.NET、JSP三大阵营，而国内.NET开发阵营中典型的CMS产品：Zoomla!逐浪CMS集聚了FLEX、3D、全景等应用，力求为用户提供更多便利，并开始集成信息化系统，以符合未来互联网的发展需求。发展:内容管理从2000年开始

19、成为一个重要的应用领域，这时.COM和B2B, B2C等经历了资本和市场的考验及洗礼，人们重新回到信息技术应用的基本面如何提高竞争能力，而内容管理恰恰能够通过对企业各种类型的数字资产的产生、管理、增值和再利用，改善组织的运行效率和企业的竞争能力，企事业单位也开始认识到内容管理的重要性。从企事业单位信息化的观点来看，以下因素导致对内容管理软件的巨大需求： (1) 知识是企业的财富。在Internet交互过程中，只有十分之一涉及销售，其他十分之九都和信息交互有关，员工的知识获取越来越依赖于互联网，特别是在电子商务的个性化环境中，客户为了做出购买决定，需要智能化地获取信息，不仅仅是商品的数量和价格，

20、更重要的可能是产品的手册、安全保证、技术指标、售后服务、图片文件等等。(2) 信息的及时性和准确性。无论在企业内网还是外网，信息的更新越来越快，企事业单位的信息生产量越来越多，且呈现成倍增长的趋势，企事业单位更需要的是一个功能强大、可扩展的、灵活的内容管理技术来满足不断的信息更新、维护，这时如何保证信息的准确性和真实性将越来越显得重要。 (3) 企业内外网统一的需求增长。随着企事业单位信息化的建设，内联网和外联网之间的信息交互越来越多,优秀的内容管理系统对企业内部来说，能够很好地做到信息的收集和重复利用以及信息的增值利用, 对于外联网来说，更重要的是真正交互式和协作性的内容。2.2.3 Jqu

21、ery技术简介:jQuery由美国人John Resig创建，至今已吸引了来自世界各地的众多javascript高手加入其team，包括来自德国的Jörn Zaefferer，罗马尼亚的Stefan Petre等等。jQuery是继prototype之后又一个优秀的Javascrpt框架。其宗旨是WRITE LESS,DO MORE,写更少的代码,做更多的事情。它是轻量级的js库(压缩后只有21k) ，这是其它的js库所不及的，它兼容CSS3，还兼容各种浏览器 （IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。jQuery是一个快速的，简洁的ja

22、vaScript库，使用户能更方便地处理HTML documents、events、实现动画效果，并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。jQuery能够使用户的html页保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需定义id即可。语法: 在编写js库代码时候，你一定经常和“$”美元符号打交道吧？无论prototype还是DWR都使用了$代替频繁的document.getElementById()操作。 jQuery也这样做了，但是，它的功能远非如

23、此，瞧瞧以下的jQuery代码，你就会发现它的美丽： 代码 : var someElement = $(#myId); 看起来比其他两个框架的要多了一个#，好，看看下面的用法： 代码:(1) $(div.container);(2) $(div #msg); / (3) $(table a,context); /(4) 在prototype里看过这样的写法吗？第一行代码得到所有div标签下的p元素。第二行代码得到class 为container的div元素,第三行代码得到标签下面id为msg的div元素(不过最好别这样写，因为jQuery需要遍历所有的div元素，对于带id的元素，直接用$(#

24、id)。第四行代码得到context为上下文的table里面所有的连接元素。 如果你熟悉CSS，你会觉得这些写法很眼熟！对了。正是。看出奥妙了吧。jQuery就是如此强大，你可以轻易地找到DOM中的任何元素，而这也是jQuery设计之初query的真实含义（查询）。事件机制:我大量使用的事件可能就是button的onclick了。以前习惯在input 元素上写onclick = fn(),使用jquery可以使javascrpt代码与html代码分离，保持HTML的清洁，还可以很轻松地绑定事件，甚至你可以不知道“事件”这个名词。 2.2.4 css技术CSS（Cascading Style S

25、heet，可译为“层叠样式表”或“级联样式表”）是一组格式设置规则，用于控制Web页面的外观。通过使用CSS样式设置页面的格式，可将页面的内容与表现形式分离。CSS的语法:CSS的定义是由三个部分构成: 选择符(selector)，属性(properties)和属性的取值(value)。 css语法: selector property: value (选择符 属性:值) 说明:选择符是可以是多种形式，一般是你要定义样式的HTML标记，例如BODY、P、TABLE，你可以通过此方法定义它的属性和值，属性和值要用冒号隔开: 例子:body color: black，此例的效果是使页面中的文字为黑

26、色。 如果属性的值是多个单词组成，必须在值上加引号，比如字体的名称经常是几个单词的组合: 例子:p font-family: sans serif (定义段落字体为sans serif) 如果需要对一个选择符指定多个属性时，我们使用分号将所有的属性和值分开: 例子:p text-align: center; color: red (段落居中排列;并且段落中的文字为红色) 2. 选择符组 你可以把相同属性和值的选择符组合起来书写，用逗号将选择符分开，这样可以减少样式重复定义: h1, h2, h3, h4, h5, h6 color: green (这个组里包括所有的标题元素，每个标题元素的文字

27、都为绿色) 3. 类选择符 用类选择符你能够把相同的元素分类定义不同的样式，定义类选择符时，在自定类的名称前面加一个点号。假如你想要两个不同的段落，一个段落向右对齐，一个段落居中，你可以先定义两个类: p.right text-align: right p.center text-align: center 然后用不在不同的段落里，只要在HTML标记里加入你定义的class参数: 这个段落向右对齐的 这个段落是居中排列的 类选择符还有一种用法，在选择符中省略HTML标记名，这样可以把几个不同的元素定义成相同的样式: .center text-align: center (定义.center的类

28、选择符为文字居中排列) 4. ID选择符 在HTML页面中ID参数指定了某个单一元素，ID选择符是用来对这个单一元素定义单独的样式。 ID选择符的应用和类选择符类似，只要把CLASS换成ID即可。2.2.5 SQL SERVER 介绍 SQL Server是由Microsoft开发和推广的关系数据库管理系统（DBMS）,它最初是由Microsoft、Sybase和Ashton-Tate三家公司共同开发的，并于1988年推出了第一个OS/2版本。 SQL Server近年来不断更新版本，1996年，Microsoft 推出了SQL Server 6.5版本；1998年，SQL Server 7.

29、0版本和用户见面；SQL Server 2000是Microsoft公司于2000年推出的版本。 SQL Server 特点：1真正的读者机/服务器体系结构。 2图形化用户界面，使系统管理和数据库管理更加直观、简单。 3丰富的编程接口工具，为用户进行程序设计提供了更大的选择余地。 4SQL Server与Windows NT完全集成，利用了NT的许多功能，如发送和接受消息，管理登录安全性等。SQL Server也可以很好地与Microsoft BackOffice产品集成。 2.3 可行性分析首先，技术可行性。本系统仅需要一台装有Office软件的计算机即可，对机器本身没有太高的要求，一般当前

30、学校或个人电脑完全可满足要求。对于软件技术要求，现在的程序设计语言已非常成熟，要运用HTML样式,图形图象制作工具来制作生动活泼的网页及美观的图形文件或动画文件。其次，经济可行性。由于本系统是为学生学习使用的系统，装上该应用软件，即可使用系统，系统成本主要集中在系统软件的开发上，当系统投入运行后可以为学校节约大量的人力，物力。所带来的效益远远大于系统软件的开发成本。在经济上完全可行。第三，操作可行性。界面设计时充分考虑管理人员的习惯，使得操作简单；数据录入迅速、规范、可靠；统计准确；制表灵活；适应力强；容易扩充。3、系统概要设计3.1 总体功能该系统用户分为两类：用户和管理员，在整个系统中他们

31、具有不同的功能和权限。如图所示。酒店网站系统用户管理员查看内容订房留言求职内容管理订单处理用户管理留言管理 图4、系统详细设计4.1 后台数据库设计设计表“cms_会员”列名数据类型长度允许空User_IDInt4否UsernameArcher200否PasswordMarcher50否CreativeDate time8否FlagInt4否IssueInt 4否Login timesInt4 否设计表“cms_用户”列名数据类型长度允许空IdInt4否usernameMarcher150否groupMarcher150否ContentText16否AddtimeDatetime8否设计表“c

32、ms_栏目”列名数据类型长度允许空Kind_IdInt4否namenvarchar50否modelNvarchar100否contentNvarchar50否parent _IDint8否numInt4否sitevarchar300否picturevarchar300否attributeNvarchar500否设计表“cms_文章”列名数据类型长度允许空Article_IdInt4否TitleNvarchar50是ContentNvarchar50是4.2 处理流程设计4.2.1 系统操作流程如图所示:导航留言订单信息功能处理内容正确数据库内容错误Jquery验证后台验证信息系统主界面错误信息

33、 图4.2.2 数据增加流程添加信息时，编号字段由系统自动生成，且不能修改，其他信息由用户输入，之后对数据进行合法判断，合法则写入保存至数据库，不合法则重新输入数据。如图所示。写入数据库输出操作成功信息开始数据库自动生成编号输入数据是否合法登录到系统界面选择需要操作的选项结束图 数据增加流程图4.3 系统模块设计4.3.1 首页当进入网站时，首先出现的是本网站的首页，首页包括本网站前台用户的所有功能菜单，界面美观，网页的中间是一篇图片转换的flash使得界面更美观,界面如图9所示。 图9主要部分代码如下：GTcms:导航 var _imgUrl=;var _imgtext=;var _imgL

34、ink=;GTcms:首页轮换图document.write();document.write();document.write();document.write();document.write();document.write();document.write();document.write();document.write( );document.write( !-);document.write();GTcms:首页下小图 GTcms:底部function showDSJ() $(#dsj).show(); $(#cx).hide();function showCX() $(#cx)

35、.show(); $(#dsj).hide();$(document).ready(function()$.formValidator.initConfig(formid:form1,onerror:function(msg)alert(msg);,onsuccess:function(); 后台主界面:4.3.2 提交订单信息其中最为重要的就是前台的Jquery验证部分输入：入住日期，离店日期，房间数，套餐，房型、币种等.处理：通过get方式提交到第二步(通过cookie传值)输出：显示第二步的页面界面如图10所示： 图10部分代码如下：GTcms:导航GTcms:栏目图片酒店预订1、搜索房

36、间入住日期  离店日期1234币  种：人民币美元日元房  型：GTcms:房间类型套  餐：GTcms:套餐 $(function() var date = new Date(); var str = date.getYear() + - + (date.getMonth()+1) + - + date.getDate();$.formValidator.initConfig(formid:form1,onerror:function(msg)alert(msg);,onsuccess:function();$(#txt_bsr).focus(function()WdatePicker(skin:whyGreen,oncleare