网站软件应用与设计课程设计连锁酒店网上建设.docx

1、网站软件应用与设计课程设计连锁酒店网上建设网站软件应用与设计课程设计题 目 基于PHP的7天连锁酒店网上建设 姓 名 学 号 学 院 专 业 电子商务 年 级 指导教师 2012年05月20日1 前期调研1.1 网站开发背景（1）经济型连锁酒店行业市场分析经济型连锁酒店又称有限服务酒店，最大特点是房价便宜，其服务模式为“住宿和早餐”，以价格低廉、设施简洁、安全、干净和性价比高的酒店模式。在连锁酒店还未兴起时，多数酒店都是以独立经营模式，酒店服务项目多比如餐饮、娱乐、桑拿等，人员配置较多，浪费和占有很多资源，无形中增加了酒店支出成本，使得大部分酒店处在一个长期亏损或收益比较低的情况。而经济型连锁

2、酒店兴起，整合了资源，使得连锁酒店经营具有规模化、组织化、现代化，在总部统一管理下，按照统一的经营方式进行共同的经营活动。（2）经济型连锁酒店行业电子商务发展 酒店电子商务是当今酒店业发展的必然趋势。通过特有的系统联接上国际互联网向全球多姿多彩、声情并茂地展示自己的风貌、特色，推销自己客房和各种服务，并可依此组成酒店连锁业，结成战略联盟，以强劲灵活的营销手段向广大市场进军。它可以向众多的客户提供面对面的营销方式。它开拓了市场的广度和深度，这些都是平常方式下的人力、物力所无法与之比拟的。它代表了最新和最有效的营销方式，为酒店开发客源市场带来了无限的商机。1.2 网站内容及拟解决问题 根据企业需求

3、该电子商务网站将具备最新活动、在线预订客房、企业会员服务、客房信息管理等功能，集即时通信（如社区、留言版）、在线品牌服务制作、在线加盟、多级检索搜索、机票预订、租车、购物车、订单提交等多种功能于一网的网上服务系统，它还具备强大、灵活的网站内容维护功能。1.3 开发步骤及方法（1）申请域名（域名备案）；（2）申请空间；（3）定位网站；（4）分析网站功能和需求（网站策划）（5）网站风格设计；（6）网站代码制作；（7）测试网站；（8）FTP上传网站；（9）网站维护2网站规划2.1确定网站的类型 为了更方便地维护动态网站，需要设置专职人员负责对数据的更新、备份等维护。因此，在动态网站中除了提供普通客户

4、使用的前台界面外，都有一个后台界面供管理员使用。 本网站定位于电子商务网站，实现B2C的服务模式。在前台，具有客房浏览、预订、购物车管理、订单查询等用户前台功能，后台具有管理员对客房、客房类别、订单管理功能。同时为了加强与用户的交互，还设置了登录与注册、会员管理、聊天室和顾客留言等功能模块。具体如图2-1所示：图2-1 网站功能结构图2.2确定网站的主题7天连锁酒店网站的主题是网上预订客房，并且提供机票预订、租车等一系列服务。围绕着客房预订来选择和制作素材，设计数据类型等。2.3确定网站的整体风格7天连锁酒店网站的整体风格呈现定位为清新、舒服、富有安逸意境，正如7天的核心思想“天天睡好觉”。因

5、此网站的logo设计、色彩搭配都要与此主题一致。（1）网站LOGO。本网站LOGO使用蓝色（#F4F8F9）、浅蓝（#CFEAF8）作为网站的主色调。（2）Banner。Banner是动态展示网站主题“7天 让你天天睡好觉”的GIF动画。（3）字体风格。网站的标题、板块内容、反馈信息均采用各自统一的字体风格。（4）版面布局。统一采用上方固定、中间嵌套的浮动框架结构，通过导航栏实现网页之间的导航链接。2.4确定网站的内容本网站内容主要包括：导航栏、搜索工具、引人入胜的内容（如推荐客房、热销客房和特价客房等）、相关站点的链接、反馈表、常见问题解答、联系方式等内容。2.5规划界面网页界面是用户与网站

6、交互接口。编排清晰、布局合理的界面能提高用户查询信息的速度，留着用户。规划界面主要是编排好栏目和板块、布局和页面。2.5.1编辑栏目和板块本网站主页界面划分为五个部分：网站头部：包括logo、banner、和导航栏；信息搜索板块：包括用户表单搜索、客房分类搜索和相关网站链接；主要内容显示板块：热销客房、推荐客房和特价客房等栏目；常见问题链接板块：包含联系方式等栏目；网站版权信息板块。2.5.2布局页面布局页面就是确定显示页面的大小和栏目与板块的位置。本网站为了方便用户浏览，避免出现滚动条，把页面宽度设置为780，高度不超过两屏。栏目与板块位置。本网站主页选择T型布局(如图2-2)，与客房相关查

7、询页都将替代主页的主要内容板块，导航栏上注册、会员管理、顾客留言以及链接页均选择标题型布局并以窗口方式打开。图2-2 T型布局样式2.6规划站点的目录结构和链接结构2.6.1站点目录结构站点目录结构是建网站时创建的目录。本网站站点目录结构如图2-3所示。2.6.2链接结构链接结构是网页之间相互连接的拓扑结构。本网站的链接结构通过导航实现。主页中有3处导航，分别是：头部的导航栏、特色客房查询导航栏和底部的常见问题导航栏。在客房分类查询模块中会根据查询的客房类型链接到动态生成的页面。网站链接深入小于3，凡与客房和预订有关的信息链接显示在主要内容区域，详情信息显示在新窗口中，窗口中的【返回】按钮能关

8、闭所在的窗口。3 网站分析设计3.1 功能结构设计及说明图3-1 网站功能结构图3.2 网站主页设计3.2.1主页中的页面元素1）网站的LOGO。2）网站的Banner。3）网站的导航条。4）网站的查询栏目。5）网站的特色栏目。6）常见问题解答链接。7）联系我们的方式。8）网站版权和工商备案信息。9）顾客访问网站的计数器。3.2.2规划主页的结构图3-2 主页结构3.2.3布局页面版式1）主页index.php采用T型布局，规划如下所示。其中的样式定义在index.css中。Top.php:780*90Left.php:180*380Mian.php:600*380Linkbottom.htm

9、l:780*160图3-3 主页布局2）头部top.php的页面规划如下所示。其中的样式定义在top.css中。LOGO:180*50Banner:600*50导航栏1:780*20空白：780*5导航栏2:780*20（背景色：浅墨蓝：#CFEAF8）图3-4 头部布局3）左侧检索left.php的页面规划如下所示。其中的样式定义在left.css中。栏目标题：180*30（文本：#06F 背景色：#CFEAF8）图书搜索：180*70（文本：#06F 背景色：#CFEAF8）表单：字符集、单行文本、下拉列表、按钮分类查询：180*（文本：#399 背景色：#CFEAF8) 友情链接：180

10、*40（文本：#399 背景色：#CFEAF8）表单：字符集、下拉列表图片：180*25图3-5 左侧检索布局4）右侧内容main.php的页面规划如下所示。其中的样式定义在main.css中。580*30 更多.（超链接） 最新活动:(文本：#06F 背景色：#6CF)客房图片：85*55 客房说明：190*55 客房图片：85*55 客房说明：190*55（超链接） （超链接） （超链接） （超链接）580*30 更多.（超链接） 会员优惠:(文本：#06F 背景色：#6CF)客房图片：85*55 客房说明：190*55 客房图片：85*55 客房说明：190*55（超链接） （超链接）

11、（超链接） （超链接）580*30 更多.（超链接） 推荐客房:(文本：#06F 背景色：#6CF)客房图片：85*55 客房说明：190*55 客房图片：85*55 客房说明：190*55（超链接） （超链接） （超链接） （超链接）图3-6 右侧内容布局5）底部linkbottom.php的页面规划如下所示。其中的样式定义在bottom.css中。计数器：220*100（背景色：#CFEAF8）各种预订方式公共模块：bottom.php:180*60图3-7 底部布局6）底部版权信息bottom.php的页面作为一个公共模块可用于留言板、聊天室、登陆与注册等网页 关于7天、帮助中心等信息：

12、（文本：默认 大小：18px）版权信息行及工商备案行（同上）图3-8 底部版权布局3.2.4网页模型（1）网页素材网站logo：logo.gif网站banner:banner.gif网站left背景图片:leftbg.jpg网站main部分素材：1.jpg、2.jpg、3.jpg1.jpg2.jpg3.jpg会员管理页面banner：member.gif后台管理页面banner:back.jpg会员登陆页面banner:login.gif（2）网页原型3.2 计数器功能3.2.1功能简介 7天网站网页计数器是用来统计网站的访问次数并把结果公布在访问的首页上的一段程序。是让Web访问者和网页管理

13、者获知网站的人气指数的最直接方法。3.2.2系统分析 计数器系统流程分析图3.2-1 网站计数器工作流程流程说明：用户向服务器发出访问请求；服务器读取该访问浏览次数的计数，加 1 后，向客户端返回浏览次数；服务器保存新的浏览次数；有新的用户要访问，则重复以上 3 步。3.2.3系统逻辑结构设计1、程序文件关系结构图图3.2-2网页计数器的逻辑结构2、每个程序文件的作用说明（1）数据文件：counter.dat (2)读出数据文件 counter.dat 中数据，算法为打开文件；若不存在，则创建它，并以 0 为初始数据；否则，读出数据；关闭文件。 (3)把累加后的数据写入数据文件 counter

14、.dat，算法为累计数据；打开文件；写入数据；关闭文件。 (4) 向网页输出计数信息。3.2.4系统界面设计（1）css文件设计代码：charset GB2312;/* CSS Document */#dd font-size: 14px; color: #399; text-align: center; padding-top: 14px; height:90px; width:220px; font-weight: bold; line-height: 150%; background-color: #FC9; background-color: #CFEAF8;（2）粗略的模型图3.3

15、会员管理3.1功能简介（1）会员注册：网站会建立会员数据库,访问者可以在线注册成为网站会员.获得用户名,密码登陆后,可以进入会员平台，系统将自动检测用户名唯一性，并将会员的信息提交到会员管理数据库，待网站审核通过后成为正式会员，享有网站提供的相应会员服务。 （2）修改资料：会员可以在线修改自己的注册信息资料以及密码。（3）客房预订卡管理：网站管理员在后台进行会员管理，实现会员审批，并发出用户名和密码电子确认信函，以便会员留存。（5）忘记密码：会员可通过输入电子邮件、会员ID找回自己的密码。（6）客房预订卡专区：会员登录后可查询自己卡内的信息，如余额等信息。3.3.2系统分析（1）系统流程分析新

16、会员注册流程图图 3.3-1 新会员“注册”模块的工作流程新会员注册流程描述：会员向服务器发出登录请求；服务器根据请求向会员传送欢迎页面，并提供选择的入口；会员进入身份验证，读取数据库中的数据并与输入的数据比较；新会员注册成为会员，填写新会员资料信息或申请购物卡。会员管理模块工作流程图：、图 3.3-2“会员管理”模块的工作流程会员管理流程描述：用户向服务器发出访问请求；服务器以菜单方式提供的会员管理页面供用户选择；新用户注册新会员，提供输入信息的表单并要求用户输入相关信息，写入数据库；普通会员能登录到会员专区，通过用户 ID 和密码验证身份进入专区；通过电子邮箱和住址来提取忘记的密码；通过用

17、户 ID 和密码验证身份进入修改个人资料页面；管理员作为网站的站长，也是通过用户 ID 和密码验证身份进入其管理界面，浏览会员资料和删除会员资料。(2)功能模块分析3.3.3系统逻辑结构设计(1)程序文件关系结构图根据对新会员“注册”模块系统架构的描述，可得其逻辑结构，如图3.3-3所示：图 3.3-3 新会员“注册”模块的逻辑结构根据对“会员管理”模块系统架构的描述，可得其逻辑结构，如图 3.3-4 所示图 3.3-4“会员管理”模块的逻辑结构(2)每个程序文件的作用说明Login.php:会员身份有效性验证Applycard.php：注册成为新会员Addcard.php:添加客房预订卡De

18、letcard.php:删除客房预订卡Updatecard.php:可实现客房预订充值Forget.php:密码忘记页面Search.php：可实现密码查询及找回密码Modify.php：可实现会员资料修改3.3.4系统界面设计(1)css文件设计代码 member.css代码:charset gb2312;/* CSS Document */#app /*定义整个页面的样式*/ width: 780px; margin: 0 auto;#top /*定义顶部样式*/ height: 60px; width: 780px; font-size: 36px;#bt /*定义标题样式*/ font

19、-size: 24px; font-weight: bold; color: #399; height:40px; background-color: #F4F8F9; vertical-align: middle; text-align: center; margin-top: 10px; padding-top: 10px;#bd /*定义表单样式*/ font-size: 14px; color: #F30;.tdl /*定义表单样式*/ font-size: 14px; color: #F60; background-color: #F4F8F9;#err /*定义反馈信息栏样式*/

20、height: 20px; font-size: 14px; color: #099; background-color: #A3D3D6; padding-top: 10px;#copyright /*定义底部版权信息样式*/ height: 60px; text-align: center; font-size: 14px; line-height: 150%;table margin: 0px; padding: 0px; width: 780px;form margin: 0px; padding: 0px; width: 780px;a:link color: #399;a:visi

21、ted color: #906;a:hover color: #F90;a:active color: #099;hr width: 780px; line-height: 150%;.nemulink font-size: 14px; color: #099; width: 780px; margin-top: 5px; margin-bottom: 5px; background-color: #CFEAF8;(2)粗略的模型图 注册模块 用户登录 regindex.php 的页面规划如下 购书卡信息 applycard.php 和新用户个人资料 applysrc.php 的页面规划如下。

22、主页 memindex.php 的页面规划如下 3.3.5数据库设计 在 MySQL 数据库服务器上建立名为 member 数据库，其中包含 3 个数据表 userinfo、card、usercard，各字段的定义和说明如表3.3.5-1表 3.3.5-3所示。表 3.3.5-1 表 userinfo表 3.3.5-2 表 card表 3.3.5-3 表 usercard3.4 客房管理3.4.1功能简介客房管理提供后台管理员对客房的增、删、改，以及对会员的管理。还有对订单的管理的功能。3.4.2系统分析(1)系统流程分析 一般用户客房预订流程图3.4-1 一般用户客房预订流程流程描述：用户向

23、服务器发出浏览或搜索客房信息请求；服务器读取相关客房信息，向客户端返回客房信息；用户选购客房，暂时存放在购物车上；用户进一步确认购物车上的客房信息，下订单；服务器验证用户是否登录，确认用户信息；用户填写订单相关信息，确认订单；用户可查询订单。管理员管理和维护工作流程分析：图3.4-2 管理员管理和维护流程流程描述： 管理员向服务器发出登录请求； 服务器向管理员传送欢迎页面，并提供功能选择链接； 管理员可对图书信息、图书列表进行增删编辑，并把结果存储到数据库中； 管理员可对图书信息设置推荐和热卖属性，并把结果存储到数据库中； 管理员对用户提交的订单进行汇总查询管理。客房显示模块的工作流程图3.4

24、-3 客房显示模块的工作流程流程分析：用户向服务器发出图书查询请求；服务器向用户传送图书显示页面，其中设置链接到详细浏览页面和放入购物车的按钮；在详细浏览页面中用户可发表对图书的评价等反馈，并把结果存储到数据库中。（2)功能模块分析功能模块分析图书显示功能模块分析客房管理登陆功能模块分析客房管理进入客房信息管理页面功能模块分析客房管理添加客房信息3.4.3系统逻辑结构设计 客房显示模块的逻辑结构如下图所示：图3.4-4 图书显示模块的逻辑结构 后台管理模块的逻辑结构如下图所示：图3.4-5 后台管理模块的逻辑结构3.4.4系统界面设计css文件设计代码bscss.css代码charset gb

25、2312;/* CSS Document */#appb /*定义整个页面的样式*/ width: 600px; padding:1; margin: 0 auto;#bt /*定义标题样式*/ font-size: 18px; font-weight: bold; color: #399; height:40px; background-color: #F4F8F9; vertical-align: middle; text-align: center; padding-top: 10px.tdl /*定义表单样式*/ font-size: 12px; color: #F60; backgr

26、ound-color: #F4F8F9; margin: 0px; padding: 0px; border: 0px none #FFF;.tdd /*定义表单样式*/ color: #399; font-size: 14px; line-height: 150%;#bb /*定义反馈信息栏样式*/ color: #366; background-color: #CFEAF8; border: thin solid #CCC; font-size: 13px; line-height: 150%;table ,form margin: 0px; padding: 0px;a:link col

27、or: #399;a:visited a:hover color: #F90;a:active color: #099;tr line-height: 150%;hr line-height: 100%;body padding: 0px; margin-top: 2px;粗略的模型图(1) 信息列表页面(room_show.php、chat_list.php、order_list.php)：(2) 操作提示或反馈页面(chat_add.php.chat_check.php、order_check.php、exit.php)：(3) 详细信息显示页面(room_fullinfo.php)：3.

28、5.5数据库设计数据库roomshop如下：4 网站实施4.1 开发工具开发环境：PHP+mysql+apache辅助工具：Dreamweaver CS4 +photoshop4.2 部分功能实现界面及关键代码后台管理页面：后台客房管理页面：客房预订卡的删除客房管理-添加客房管理退房客房的详细信息页面热卖客房列表页面填写会员信息填写客房预订卡信息关键代码：addroom.php?php $title=客房预订卡管理——添加; include(memhead.php); require_once(opendata.php.inc); $sendadd=; $room_no=;$room_name=;$author=;$publisher=;$pub_date=;$room_type_id=;$room_class_id=;$price=;$price_m=;$price_l_price=;$room_storenum=;$room_pic=;$room_level=;$room_level_pic=;$room_abstract=;$room_index=; if(isset($_POSTsendadd) $sendadd=$_POSTsendadd; if(isset($_POSTroom_name) $room_name=$_POSTroom_name