网站软件应用与设计课程设计连锁酒店网上建设.docx
- 文档编号:8550091
- 上传时间:2023-01-31
- 格式:DOCX
- 页数:39
- 大小:2.44MB
网站软件应用与设计课程设计连锁酒店网上建设.docx
《网站软件应用与设计课程设计连锁酒店网上建设.docx》由会员分享,可在线阅读,更多相关《网站软件应用与设计课程设计连锁酒店网上建设.docx(39页珍藏版)》请在冰豆网上搜索。
网站软件应用与设计课程设计连锁酒店网上建设
网站软件应用与设计课程设计
题目基于PHP的7天连锁酒店网上建设
姓名
学号
学院
专业电子商务
年级
指导教师
2012年05月20日
1前期调研
1.1网站开发背景
(1)经济型连锁酒店行业市场分析
经济型连锁酒店又称有限服务酒店,最大特点是房价便宜,其服务模式为“住宿和早餐”,以价格低廉、设施简洁、安全、干净和性价比高的酒店模式。
在连锁酒店还未兴起时,多数酒店都是以独立经营模式,酒店服务项目多比如餐饮、娱乐、桑拿等,人员配置较多,浪费和占有很多资源,无形中增加了酒店支出成本,使得大部分酒店处在一个长期亏损或收益比较低的情况。
而经济型连锁酒店兴起,整合了资源,使得连锁酒店经营具有规模化、组织化、现代化,在总部统一管理下,按照统一的经营方式进行共同的经营活动。
(2)经济型连锁酒店行业电子商务发展
酒店电子商务是当今酒店业发展的必然趋势。
通过特有的系统联接上国际互联网向全球多姿多彩、声情并茂地展示自己的风貌、特色,推销自己客房和各种服务,并可依此组成酒店连锁业,结成战略联盟,以强劲灵活的营销手段向广大市场进军。
它可以向众多的客户提供面对面的营销方式。
它开拓了市场的广度和深度,这些都是平常方式下的人力、物力所无法与之比拟的。
它代表了最新和最有效的营销方式,为酒店开发客源市场带来了无限的商机。
1.2网站内容及拟解决问题
根据企业需求.该电子商务网站将具备最新活动、在线预订客房、企业会员服务、客房信息管理等功能,集即时通信(如社区、留言版)、在线品牌服务制作、在线加盟、多级检索搜索、机票预订、租车、购物车、订单提交等多种功能于一网的网上服务系统,它还具备强大、灵活的网站内容维护功能。
1.3开发步骤及方法
(1)申请域名(域名备案);
(2)申请空间;
(3)定位网站;
(4)分析网站功能和需求(网站策划)
(5)网站风格设计;
(6)网站代码制作;
(7)测试网站;
(8)FTP上传网站;
(9)网站维护
2网站规划
2.1确定网站的类型
为了更方便地维护动态网站,需要设置专职人员负责对数据的更新、备份等维护。
因此,在动态网站中除了提供普通客户使用的前台界面外,都有一个后台界面供管理员使用。
本网站定位于电子商务网站,实现B2C的服务模式。
在前台,具有客房浏览、预订、购物车管理、订单查询等用户前台功能,后台具有管理员对客房、客房类别、订单管理功能。
同时为了加强与用户的交互,还设置了登录与注册、会员管理、聊天室和顾客留言等功能模块。
具体如图2-1所示:
图2-1网站功能结构图
2.2确定网站的主题
7天连锁酒店网站的主题是网上预订客房,并且提供机票预订、租车等一系列服务。
围绕着客房预订来选择和制作素材,设计数据类型等。
2.3确定网站的整体风格
7天连锁酒店网站的整体风格呈现定位为清新、舒服、富有安逸意境,正如7天的核心思想“天天睡好觉”。
因此网站的logo设计、色彩搭配都要与此主题一致。
(1)网站LOGO。
本网站LOGO使用蓝色(#F4F8F9)、浅蓝(#CFEAF8)作为网站的主色调。
(2)Banner。
Banner是动态展示网站主题“7天让你天天睡好觉”的GIF动画。
(3)字体风格。
网站的标题、板块内容、反馈信息均采用各自统一的字体风格。
(4)版面布局。
统一采用上方固定、中间嵌套的浮动框架结构,通过导航栏实现网页之间的导航链接。
2.4确定网站的内容
本网站内容主要包括:
导航栏、搜索工具、引人入胜的内容(如推荐客房、热销客房和特价客房等)、相关站点的链接、反馈表、常见问题解答、联系方式等内容。
2.5规划界面
网页界面是用户与网站交互接口。
编排清晰、布局合理的界面能提高用户查询信息的速度,留着用户。
规划界面主要是编排好栏目和板块、布局和页面。
2.5.1编辑栏目和板块
本网站主页界面划分为五个部分:
网站头部:
包括logo、banner、和导航栏;
信息搜索板块:
包括用户表单搜索、客房分类搜索和相关网站链接;
主要内容显示板块:
热销客房、推荐客房和特价客房等栏目;
常见问题链接板块:
包含联系方式等栏目;
网站版权信息板块。
2.5.2布局页面
布局页面就是确定显示页面的大小和栏目与板块的位置。
本网站为了方便用户浏览,避免出现滚动条,把页面宽度设置为780,高度不超过两屏。
栏目与板块位置。
本网站主页选择T型布局(如图2-2),与客房相关查询页都将替代主页的主要内容板块,导航栏上注册、会员管理、顾客留言以及链接页均选择标题型布局并以窗口方式打开。
图2-2T型布局样式
2.6规划站点的目录结构和链接结构
2.6.1站点目录结构
站点目录结构是建网站时创建的目录。
本网站站点目录结构如图2-3所示。
2.6.2链接结构
链接结构是网页之间相互连接的拓扑结构。
本网站的链接结构通过导航实现。
主页中有3处导航,分别是:
头部的导航栏、特色客房查询导航栏和底部的常见问题导航栏。
在客房分类查询模块中会根据查询的客房类型链接到动态生成的页面。
网站链接深入小于3,凡与客房和预订有关的信息链接显示在主要内容区域,详情信息显示在新窗口中,窗口中的【返回】按钮能关闭所在的窗口。
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*90
Left.php:
180*380
Mian.php:
600*380
Linkbottom.html:
780*160
图3-3主页布局
2)头部top.php的页面规划如下所示。
其中的样式定义在top.css中。
LOGO:
180*50
Banner:
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*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
(超链接)(超链接)(超链接)(超链接)
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天、帮助中心等信息:
(文本:
默认大小:
18px)
版权信息行及工商备案行(同上)
图3-8底部版权布局
3.2.4网页模型
(1)网页素材
网站logo:
logo.gif
网站banner:
banner.gif
网站left背景图片:
leftbg.jpg
网站main部分素材:
1.jpg、2.jpg、3.jpg
1.jpg
2.jpg
3.jpg
会员管理页面banner:
member.gif
后台管理页面banner:
back.jpg
会员登陆页面banner:
login.gif
(2)网页原型
3.2计数器功能
3.2.1功能简介
7天网站网页计数器是用来统计网站的访问次数并把结果公布在访问的首页上的一段程序。
是让Web访问者和网页管理者获知网站的人气指数的最直接方法。
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.dat,算法为
累计数据;
打开文件;
写入数据;
关闭文件。
(4)向网页输出计数信息。
3.2.4系统界面设计
(1)css文件设计代码:
@charset"GB2312";
/*CSSDocument*/
#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会员管理
3.1功能简介
(1)会员注册:
网站会建立会员数据库,访问者可以在线注册成为网站会员.获得用户名,密码登陆后,可以进入会员平台,系统将自动检测用户名唯一性,并将会员的信息提交到会员管理数据库,待网站审核通过后成为正式会员,享有网站提供的相应会员服务。
(2)修改资料:
会员可以在线修改自己的注册信息资料以及密码。
(3)客房预订卡管理:
网站管理员在后台进行会员管理,实现会员审批,并发出用户名和密码电子确认信函,以便会员留存。
(5)忘记密码:
会员可通过输入电子邮件、会员ID找回自己的密码。
(6)客房预订卡专区:
会员登录后可查询自己卡内的信息,如余额等信息。
3.3.2系统分析
(1)系统流程分析
新会员注册流程图
图3.3-1新会员“注册”模块的工作流程
新会员注册流程描述:
①会员向服务器发出登录请求;
②服务器根据请求向会员传送欢迎页面,并提供选择的入口;
③会员进入身份验证,读取数据库中的数据并与输入的数据比较;
④新会员注册成为会员,填写新会员资料信息或申请购物卡。
会员管理模块工作流程图:
、
图3.3-2“会员管理”模块的工作流程
会员管理流程描述:
①用户向服务器发出访问请求;
②服务器以菜单方式提供的会员管理页面供用户选择;
③新用户注册新会员,提供输入信息的表单并要求用户输入相关信息,写入数据库;
④普通会员能登录到会员专区,通过用户ID和密码验证身份进入专区;通过电子邮箱和住址来提取忘记的密码;通过用户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:
添加客房预订卡
Deletcard.php:
删除客房预订卡
Updatecard.php:
可实现客房预订充值
Forget.php:
密码忘记页面
Search.php:
可实现密码查询及找回密码
Modify.php:
可实现会员资料修改
3.3.4系统界面设计
(1)css文件设计代码
member.css代码:
@charset"gb2312";
/*CSSDocument*/
#app{/*定义整个页面的样式*/
width:
780px;
margin:
0auto;
}
#top{/*定义顶部样式*/
height:
60px;
width:
780px;
font-size:
36px;
}
#bt{/*定义标题样式*/
font-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{/*定义反馈信息栏样式*/
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:
visited{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的页面规划如下。
③主页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表usercard
3.4客房管理
3.4.1功能简介
客房管理提供后台管理员对客房的增、删、改,以及对会员的管理。
还有对订单的管理的功能。
3.4.2系统分析
(1)系统流程分析
一般用户客房预订流程
图3.4-1一般用户客房预订流程
流程描述:
①用户向服务器发出浏览或搜索客房信息请求;
②服务器读取相关客房信息,向客户端返回客房信息;
③用户选购客房,暂时存放在购物车上;
④用户进一步确认购物车上的客房信息,下订单;
⑤服务器验证用户是否登录,确认用户信息;
⑥用户填写订单相关信息,确认订单;
⑦用户可查询订单。
管理员管理和维护工作流程分析:
图3.4-2管理员管理和维护流程
流程描述:
①管理员向服务器发出登录请求;
②服务器向管理员传送欢迎页面,并提供功能选择链接;
③管理员可对图书信息、图书列表进行增删编辑,并把结果存储到数据库中;
④管理员可对图书信息设置推荐和热卖属性,并把结果存储到数据库中;
⑤管理员对用户提交的订单进行汇总查询管理。
客房显示模块的工作流程
图3.4-3客房显示模块的工作流程
流程分析:
①用户向服务器发出图书查询请求;
②服务器向用户传送图书显示页面,其中设置链接到详细浏览页面和放入购物车的按钮;
③在详细浏览页面中用户可发表对图书的评价等反馈,并把结果存储到数据库中。
(2)功能模块分析
功能模块分析——图书显示
功能模块分析——客房管理——登陆
功能模块分析——客房管理——进入客房信息管理页面
功能模块分析——客房管理——添加客房信息
3.4.3系统逻辑结构设计
客房显示模块的逻辑结构如下图所示:
图3.4-4图书显示模块的逻辑结构
后台管理模块的逻辑结构如下图所示:
图3.4-5后台管理模块的逻辑结构
3.4.4系统界面设计
css文件设计代码
bscss.css代码
@charset"gb2312";
/*CSSDocument*/
#appb{/*定义整个页面的样式*/
width:
600px;
padding:
1;
margin:
0auto;
}
#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;
background-color:
#F4F8F9;
margin:
0px;
padding:
0px;
border:
0pxnone#FFF;
}
.tdd{/*定义表单样式*/
color:
#399;
font-size:
14px;
line-height:
150%;
}
#bb{/*定义反馈信息栏样式*/
color:
#366;
background-color:
#CFEAF8;
border:
thinsolid#CCC;
font-size:
13px;
line-height:
150%;
}
table,form{
margin:
0px;
padding:
0px;
}
a:
link{color:
#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.5.5数据库设计
数据库roomshop如下:
4网站实施
4.1开发工具
开发环境:
PHP+mysql+apache
辅助工具:
DreamweaverCS4+photoshop
4.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($_POST['sendadd']))$sendadd=$_POST['sendadd'];
if(isset($_POST['room_name']))$room_name=$_POST['room_name'
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网站 软件 应用 设计 课程设计 连锁 酒店 网上 建设