毕业设计（论文）-基于php小丽鲸大酒店动态网页设计和制作.doc

全日制本科生毕业设计题 目： 基于php小丽鲸大酒店网页设计学 院： 计算机与信息科学学院 专业年级： 计算机科学与技术（师范）2010级学生姓名： 学号： 指导教师： 职称： 副教授 2014年 5 月 8 基于php小丽鲸大酒店动态网页设计和制作摘 要：动态网页如今已成为企业获取小成本高回报宣传的主要形式，同时也成为企业不可或缺的文化。本次设计是基于分析小丽鲸大酒店的实况后而进行的动态网页设计，通过利用HTML、JavaScript、php等语言和Dreamweaver、xampp、Navicat for MySQL等软件，将该酒店的实际功能划分为：客房情况、美味餐饮、宾客留言、地理位置等。关键词：php；MySQL；JavaScript；动态网页设计；网页设计全套设计加扣 3012250582Abstract：Dynamic web pages and has become a small enterprises to obtain cost high returns the main form of publicity, at the same time also become an integral part of culture. This design is based on the analysis of small beautiful whales hotel after the live of the dynamic web page design, through the use of HTML, JavaScript, PHP language and Dreamweaver, xampp, Navicat for MySQL software, such as could be divided into: the actual function of the hotel guest room, delicious food and beverage, guest comments, the geographical position, etc.Key words：PHP; MySQL; JavaScript; dynamic Webpage Webpage design; design keyword 1 研究背景 1.1 研究现状及发展趋势1.1.1 PHP发展与特点PHP最初是作为一个快速、使用的工具包出现的。直到2000年随着PHP4的发布,相同的脚本在php4中运行，最高可以提高性能近10倍。此外，还增加了数据库操作函数、完整的会话机制、对输出缓存的支持、对类和对象的支持（如Pear库）等1。2010年，php发布了php 5.3.x系列，从整个发展的角度来看，php 5.3.x又有了很大提高；从语法的规范性，面向对象的完整性，空间的命名等各个方面来讲，php已成为一门非常成熟的跨平台的开放源代码的服务器嵌入式脚本语言2。php代码是运行在服务端的，然后把结果返回到客户端来。具有免费开源、移植性强、组建丰富、强大数据库的支持、代码执行率高等特点3。与其他语言区别请参照表1.1。表1.1 php与其他语言特点的比较PHPASPCGIJSPISAPI执行效率快快慢极快极快稳定性佳中等最高佳差网页结合佳佳差差差系统安全佳差佳佳尚可升级速度快慢无较慢慢1.1.2 JavaScript介绍现今web上应用的最为广泛的客户端脚本语言之一，可以处理从表单数据的确认到创建负责用户界面的各种任务4：l 表单确认l 页面修饰及特殊效果l 导航系统l 动态文档生成1.1.3 Mysql数据库介绍MySQL是一个开放源码的关联式数据库管理系统，也是一种完全免费的产品。MySQL所使用的SQL语言是用于访问数据库的最常用标准化语言。借助数据库的帮助，许多冗长的工作变得简单。总体来说，MySQL具有以下主要优点5：l 同时访问数据库的用户数量不受限制；l 可以保存超过50000000条数据；l 在目前市场上现有产品中运行速度最快的数据库系统。除此之外，新版MySQL还增加了表和索引的分区、服务器日志表、可插入的api、实例管理器等特性。1.1.4 时代背景在互联网遍布全球的时代，网络作为传播信息最快的媒介，越来越多的人通过它获取信息。与此同时，各大公司争先采取网络宣传的方式推出自己的产品，来吸引来自各地的消费者6。而小丽鲸大酒店在这样的商业竞争下至今未有自己的网站，鉴于此，为了吸引顾客，增加酒店知名度，有利于招揽生意，小丽鲸大酒店必须尽快建立起自己的网站主页。1.2 研究目的、意义及范围网页制作将会成为毕业生寻找工作的通行证。有一个自己设计的网页，就能很好地说明自己网页制作能力和计算机编程能力，加大了自己被录用的可能性。之前并没有学过网站制作方面的知识，这一次决定选择这个，最重要的原因就是想在大学的最后之际，学习一些找工作最需要的知识网页设计和制作。本次网页制作涉及到网络知识、网页制作技术和动态网页制作技巧，和具体操作。通过利用HTML、css、JavaScript、php等语言和Dreamweaver、Photoshop、Flash、xampp、Navicat for MySQL等软件来实施小丽鲸大酒店网站设计。2 课题分析 2.1 酒店组织结构分析该网站是针对小丽鲸大酒店设计开发的，为了明确酒店网站设计的框架，首先要了解酒店的服务结构。小丽鲸大酒店为宾客提供客房和餐饮服务，客房有四类：单人间、双人间、三人间和套房；为顾客提供早餐、中餐、晚餐和加餐，分别有荤素菜、面点、饮料、酒等。2.2 网站用户需求分析整个公司网站的用户大致可分为三类： （1） 查阅信息的浏览者：主要关注的是该酒店客房形况、餐饮情况、地理位置和宾客评价。（2） 会员：指已注册成为会员并成功登陆的人，可以进行评价。（3） 管理员：可以通过添加、修改、删除评价等对网页进行修改。2.3 网站功能分析开发需要的重点功能有：利用网站对酒店形象宣传和塑造、酒店客房展示、酒店菜品展示、地理位置和路线和宾客评价的呈现。具体如下：（1） 酒店形象介绍：以展示酒店的历史、规模、提供的服务等。总体以“关于我们”模块来实现，具体以“客房形况”、“美味餐饮”、“宾客留言”模块来实现。（2） 酒店客房介绍：展示酒店不同类型客房的实况，以“客房情况”模块来实现。（3） 酒店餐饮展示：展示酒店提供的餐饮，以“美味餐饮”模块来实现。（4） 路线展示：为广大宾客提供方便的乘车路线和自驾路线。（5） 宾客评价：为来过小丽鲸大酒店的宾客提供发表意见和评价的平台。如下图2-1所示：功能模块应用模块管理模块酒店形象介绍酒店客房介绍酒店餐饮展示路线展示宾客评价关于酒店管理员登陆普通用户登陆未登陆图2-1 功能模块分析2.4 设计环境分析（1） xampp虚拟服务器，如图2-2：图2-2 xampp管理中心（2） adobe Dreamweaver cs6编辑器（3） Navicat for MySQL3 网站总体设计根据用户需求得出的网站实现的功能划分为：主页、客房情况、美味餐饮、宾客留言、地理位置和关于酒店这几部分。如图3-1：主页客房情况美味餐饮宾客留言地理位置关于酒店管理员会员游客用户名自定用户名已定发表言论删除言论修改言论修改密码发表言论修改密码浏览言论浏览言论浏览言论图3-1 网站总体设计图 4 网站具体设计4.1 首页设计 在网站制作之前，先建立一个文件夹dxh在localhost目录下，默认在C:xampphtdocs路径下。导航使用JavaScript技术实现7，使订购电话信息滚动显示是通过标签实现。效果图如下图4-1所示：图4-1 小丽鲸大酒店首页详细代码请见附录1。4.2 客房情况模块设计 客房情况模块，采用JavaScript技术实现导航和图片切换，为宾客展示客房具体情况。结构图如下图4-2所示：单人间singleroom.php套房suit.php客房情况singleroom.php双人间doubleroom.php.php三人间triple.php图4-2 客房情况结构图双人间设计如下图4-3所示： 图4-3 小丽鲸大酒店首页4.3 美味餐饮模块设计美味餐饮模块为大家提供真实的餐品样式，以使得顾客更加了解小丽鲸大酒店，从而打开知名度，吸引更多顾客。结构图如下图4-4所示：早餐breakfast.php加餐snacks.php美味餐饮breakfast.php午餐lunch.php晚餐dinner.php图4-4 客房情况结构图午餐设计如下图4-5、图4-6所示：图4-5 小丽鲸大酒店午餐（1）图4-6 小丽鲸大酒店午餐（2）4.4 宾客留言模块设计 宾客留言页面为普通宾客提供注册、登陆、发表信息、浏览信息的平台；为后台管理员提供管理界面，可以直接删除信息、添加任意用户名的信息，修改信息；而未登录时则不可以添加信息。该模块采用cookie会话机制来判断登陆状态等8，例如：欢迎修改密码  注销 流程图如下图4-7所示：用户注册界面登陆界面普通用户浏览评论浏览评论修改密码发表评论游客管理员删除评论浏览评论修改密码发表评论图4-7 宾客留言模块结构登陆页面设计如下图4-8：图4-8 登陆页面注册页面设计如下图4-9：图4-9 注册页面详细代码请见附录2。宾客留言浏览者页面如下图4-10、图4-11所示：图4-10 宾客留言未登录（1）图4-11 宾客留言未登录（2）宾客留言后台管理员页面如下图4-12：图4-12 宾客留言管理员登录宾客留言用户登陆页面如下图4-13：图4-13 宾客留言普通用户登录详细代码请见附录3。4.5 地理位置模块设计该模块利用Google地图的链接，将从新乡市火车站到小丽鲸大酒店的地图嵌入到该网页中。提供的在线地图，可以直接放大、缩小和移动位置，还可观看地图、卫星图、地形图9。地理位置页面设计如下图4-14：图4-14 地理位置自驾详细代码请见附录4。4.6 酒店介绍模块设计采用flash技术制作影片嵌入到网页中10。关于我们页面设计如下图4-15：图4-15 关于我们页面4.7 数据库设计 网站的数据库的设计在动态网页的建设过程中占至关重要的位置，它设计的好与坏关系到网站的成败11。数据库在网站信息系统的核心地位使其面临着严重的安全威胁，因此在设计数据库时，在php中采用了md5（）技术进行加密。通过计算字符串的MD5散列，RSA数据安全，包括MD5报文摘译算法，来加密和判断是否加密成功12。例如登陆成功设置cookie时就要使用加密技术：if($rsadminpwd=md5($_POSTpassword)setcookie(adminname,$rsadminname);setcookie(code,md5($rsadminname.md5($rsadminpwd);echo alert(登陆成功！);window.location.href=default.php;设计时要考虑到三者的使用问题：系统管理员、信息发布者和信息浏览者。系统管理员：通过admin.php登陆，进入index.php页面可以进行删除、添加、修改和注册等操作。信息发布者：通过admin.php登陆，进入index.php页面发表言论、修改密码和注册等。信息浏览者：浏览index.php页面，可以注册、登陆，但是不能发表言论、删除修改言论等。经过对动态网页分析，先设计MySQL数据库，建立board库，里面包含注册和登陆时用到的信息表、留言表和回复表，即sb_amin、sd_message和sb_reply表。表4.1 sb_amin表设计字段名数据类型长度说明描述idint11允许空值数量统计adminnamevarchar255主键登陆名adminpwdvarchar255不为空登陆密码emailvarchar255不为空注册的邮箱表4.2 sd_message表设计字段名数据类型长度说明描述Idint11主键留言编号UserNamevarchar20不为空留言名MsgContenttext0不为空留言内容DateTimedatetime0不为空留言时间表4.3 sb_reply表设计字段名数据类型长度说明描述Idint11主键回复编号belongIdvarchar16不为空留言编号IdreplyContenttext0不为空回复内容dateTimedatetime0不为空回复时间系统流程图如图4-16所示：用户sb_admin表是否注册成功注册成功注册查看留言失败宾客留言页面注册是否注册已登陆的宾客留言是否登陆未注册未登录 已注册， 登陆 已登陆登陆失败是否回复成功是否留言成功失败成功成功sb_reply表sb_message表 图4-16 系统流程图5 总结随着经济发展与时代需求，信息技术使人类的社会发展发生了巨大变化，网站作为一种新的视觉表现形式，兼容了传统的平面设计，又使之具有动感和交互功能。本次毕业设计，是在了解小丽鲸大酒店内部结构和用户需求之后设计制作的。制作过程中巩固和学习了很多实用的技能，联系平时学习的理论知识，做到了理论联系实际。除了技术之外，网页的视觉效果所带来的冲击感和美感也非常重要，因为本网站的目的就是为了吸引宾客，而一个好的网站界面设计一定简洁、易操作又美观。参考文献:1 张恩民.php开发实战权威指南M.北京：清华大学出版社,2012：1-10.2 钟鸣，韩德志.跨平台的服务器