XX网站设计与实现Word文档格式.docx
《XX网站设计与实现Word文档格式.docx》由会员分享,可在线阅读,更多相关《XX网站设计与实现Word文档格式.docx(9页珍藏版)》请在冰豆网上搜索。
在观察诸多旅游网站之后,选择这一课题进行研究与进一步实现使其更好的把握消费者理念与需求。
在此过程中也能够更好的校验所应用在内的专业相关技能,做到理论与实践的想结合。
第一章网站分析
网站定位
本网站定位于一个自助休闲游为主,文化遗产为辅的文化旅游网站。
出游前,可以在网上查找目的地的攻略和吃、住、行、玩等各类景点信息;
还可以在线购买景点门票或是发起活动结伴同行,邀请旅友一起出游。
出游归来,可以分享旅程中的照片、视频、游记和点评,管理自己的旅游记忆。
建立一个完整的旅游网站,突出旅游特点,有美观的界面设计。
主要功能:
1.用户可以浏览景点、酒店、旅行社信息,同时可以查询景点、酒店的信息,在线留言,注册等功能。
2.网站有一定数量旅游景点相关信息可供处理。
方便游客了解景区各种相关信息,同时有利于景区管理部门的管理,加强双边的沟通与协作,以提高和改善管理水平,使游客通过对网站的浏览可以对景点有比较真实和丰富的了解,对景点本身做一个比较好的宣传和推广。
3.管理人员登陆系统后,将各种烦琐的管理工作通过网站来管理,用最少的人力和物力提高管理水平,方便发布各种旅游信息,处理游客所遇到的各种问题,及时了解游客对旅游管理部门的意见,通过数据分析可以了解游客的基本情况和不同时期游客的变化情况,提前做出必要的准备工作。
使前台的用户操作方便简单,突出旅游特点,具有美观的界面设计,保证网站安全稳定的运行。
第二章网站设计
1、网站模块设计
模块化:
按照后台功能将一个软件切分为许多部分单独开发,然后再组装起来,每一个部分即为模块。
根据图功能结构图,将网站模块化如下:
1.用户功能模块
实现的主要功能包括新用户注册、老用户登陆,同时,管理员对用户进行管理。
2.信息检索模块
该模块主要是方便用户对本站景点和酒店进行相关检索,并返回检索结果。
用户可根据自己不同的需要,系统根据用户选择的不同组合检索方式和输入的关键字进行相关检索,得到用户检索的信息。
3.在线留言模块
该模块主要是方便用户和管理人员进行沟通和交流,用户可以发表自己的看法也可浏览其他用户的留言。
为了让旅游部门掌握各方面的反馈信息,本系统设置了留言簿模块。
通过此模块,可以上传留言、查看以往的留言信息。
留言信息包括:
留言的用户、留言时间及留言内容。
4.酒店预定模块
该功能模块主要是客户浏览了相关资料后,可通过本模块的下拉一个预定定单。
将个人信息及预定的酒店填写完整后,上交给系统,而系统经过简单的逻辑判断信息是否有错后通过两个消息框的反馈,来确定酒店预定是否成功。
5.信息浏览模块
实现的主要功能包括查看站内公告(最新公告及近期的所有公告)、点击景点,酒店,旅行社的信息,并且可以进行查询功能。
6.后台管理模块
管理员可以对后台的所有信息进行修改。
2、网站栏目规划
1.网站系统结构图
1 前台结构图
2 后台功能设计结构图
2.网站的结构
本网站的开发过程中采用的是浏览器/服务器(Browser/Server)模式。
它以访问数据服务器为中心,HTTP协议为传输协议,客户端通过浏览器(Browser)访问WEB服务器和数据服务器。
其三层结构见图2:
图2B/S三层结构图
图中从左到右,分为三层结构:
第一层:
浏览器。
主要完成客户和后台的交互及最终查询结果的输出。
浏览器将HTML语言代码转化成图文网页。
网页具备一定的交互功能,允许用户根据网页提供的表单输入信息,提交给后台并提出处理请求。
后台处理完后,将结果返回至用户的浏览器。
第二层:
WEB服务器,主要完成客户的应用功能。
WEB服务器接受客户请求后,启动相应的进程响应这一请求,动态生成一串HTML代码,返回用户的浏览器。
若用户请求中包含数据的存取,WEB服务器还将与数据库服务器连接,协同完成处理工作。
第三层:
数据库服务器,主要协调不同的WEB服务器发出的请求,管理数据库。
三、网站总体风格设计
1 主页面设计
主界面是一个网站的门面,如同公司的形象,特别注重设计和规划。
它是用户首先见到的界面,它的好坏直接影响到网站的访问率。
为此,作者从以下几个方面对主界面进行了设计。
1.在色彩搭配上,一种较明快的色彩为基调,配以相关的其他色彩,给用户一种鲜而不艳的美感。
2.在字体选用上,大小适当,尽量使用常用字体,适当配用艺术字。
3.在网页制作上,采用框架式结构,在框架中嵌入子页,将大表化小,图片压缩,尽量减少页面响应时间。
4.在内容上,主界面内容充实而不繁杂,既体现本站特色,又能满足用户需要。
5.在用户操作上,简化用户操作,删去那些空洞的环节。
例如,“用户注册”只须填写简单信息即可。
2 输入输出页面设计
旅游网站系统的输入界面主要包括用户注册、登录,信息检索和在线留言等,输入设计的内容包括以下几点:
1.确定输出的内容。
用户是信息的主要使用者,在进行输出内容的设计时,首先要确定用户在使用信息方面的要求,包括使用的目的、输出速度、频率、数量、安全性等。
根据用户的要求,设计输出信息的内容,输出的项目及数据结构、数据类型、位数及取值范围,数据的生成途径,完整性及一致性的考虑。
2.确定输出格式。
输出格式设计要满足使用者的要求和习惯,达到格式清晰、美观、易于阅读和理解的要求。
在本系统中,输出页面的设计,尽量满足用户的信息需要,并有相关的提示信息。
输入输出等界面设计,均仿照首页的风格进行,使整个网站页面风格一致,别具特色。
第三章网站的实现
一、首页的实现
二、线路预订页面的实现
线路预订——用户选择好线路之后,点击预订按钮进入线路预订页面。
在该页面正确选择出发日期,仔细填写预订人数,联系人姓名,手机号码,联系邮箱等信息,以便准确预订。
确认订单——点击“确认报名”按钮后进入确认订单页面,认真核对您的线路订单。
相关旅行社将会在近期与您联系,协商参团旅游的各项事宜;
如果您已与相关旅行社协商一致,您还可以通过支付宝给相关旅行社付款。
三、留言板页面的实现
发表留言——用户在发表留言时,要求用户填写用户名、QQ号码、E_MAIL、来自哪里、选择性别、留言内容等几个部分供选择,其中用户名和留言内容不能为空。
留言管理——包括回复留言、删除留言,以及进行数据库的操作。
留言回复通过reply.aspx页面来实现,使用了<
%=request.querystring("
id"
)%>
语句以GET方式完成<
FORM>
中数据的提交。
代码:
<
%rs1.absolutepage=page
fori=1tors1.pagesize
ifrs1.eofthenexitforendif
%>
tr>
td>
divalign="
center"
>
%=rs1("
sname"
/div>
/td>
sdate"
scount"
/tr>
<
%
rs1.movenext
next
/table>
p>
&
nbsp;
/p>
br/>
%ifsession("
ok"
)<
"
then%>
formid="
form3"
name="
method="
post"
action="
tablewidth="
98%"
border="
1"
cellspacing="
0"
cellpadding="
tdcolspan="
2"
发表留言<
用户名<
%=session("
日期<
%=date%>
内容<
textareaname="
id="
cols="
45"
rows="
5"
/textarea>
inputname="
yc"
type="
hidden"
value="
dfd"
/>
inputtype="
submit"
button3"
提交"
&
ahref="
../admin/tc.asp"
退出<
/a>
/form>
%endif%>
四、后台登陆页面的实现
在首页中点击管理员入口,进入后台管理登录页面,如图11所示:
图11后台管理登录
输入用户名和密码,点击“登录”按钮,当身份认证通过后进入后台主页面,如图12所示:
图12后台主界面