基于ASP国内旅游网站的设计

§3.2.3系统功能模块设计

根据需求分析的结果，按照“低耦合、高内聚”的原则，本系统将划分为以下主要功能模块：用户功能模块；景点信息浏览功能模块；景点/酒店信息查询功能模块；

在线留言功能模块；旅行社信息浏览功能模块；酒店预定功能模块。

1.用户功能模块

实现的主要功能包括新用户注册、老用户登陆，同时，管理员对用户进行管理。

(1)用户注册。新用户首次访问本站，必须注册。在用户注册时，自动添加用户注册时间，系统默认该用户的权限为0（普通用户），只能浏览、检索旅游信息；若想在线留言，则必须注册成为会员，而酒店预定，必须通过既定的交费形式向本站缴纳一定的费用后成为高级用户。

注册成功后调用登录模块。

(2)用户登陆。已注册用户在访问本站，必须先登陆后访问。登陆时需输入用户名和密码，通过系统验证（包括用户名和密码的验证以及用户权限验证）成功后方可进行相关操作。

用户登录成功后调用信息浏览、信息检索、留言模块等。

(3)查看用户基本信息。主要是用户查看自己注册是的基本信息，包括用户权限及用户的消费情况。

(4)用户管理。管理员查看用户基本信息、查看用户交费申请信息，修改用户权限。

用户管理调用查看用户信息、查看用户交费申请信息、用户权限修改模块。

§3.2.4主界面设计

主界面是一个网站的门面，如同公司的形象，特别注重设计和规划。它是用户首先见到的界面，它的好坏直接影响到网站的访问率。为此，作者从以下几个方面对主界面进行了设计。

1.在色彩搭配上，一种较明快的色彩为基调，配以相关的其他色彩，给用户一种鲜而不艳的美感。

2.在字体选用上，大小适当，尽量使用常用字体，适当配用艺术字。

3.在网页制作上，采用框架式结构，在框架中嵌入子页，将大表化小，图片压缩，尽量减少页面响应时间。

4.在内容上，主界面内容充实而不繁杂，既体现本站特色，又能满足用户需要。

5.在用户操作上，简化用户操作，删去那些空洞的环节。例如，“用户注册”只须填写简单信息即可。

§3.2.5输入输出界面设计

旅游网站系统的输入界面主要包括用户注册、登录，信息检索和在线留言等，输入设计的内容包括以下几点：

1.输入数据的内容设计，包括确定输入数据项名称、数据内容、精度、数值范围。例如，在用户登陆中，用户输入的数据包括用户名，密码，用户名和密码都必须大于6位且小于16位

2.确定数据输入方式，用户注册、登录，信息检索和在线留言等输入操作，都是在客户端浏览器上完成，并立即更新服务器端数据库。

3.输入数据的正确性校验，保证输入数据的正确性。例如在用户登录时，必须校验用户名和密码，只有在二都正确的情况下才能正确登录.

旅游网站系统的输出界面主要包括旅游新闻，景点推荐，检索结果等，输出设计的内容包括以下几点：

1.确定输出的内容。用户是信息的主要使用者，在进行输出内容的设计时，首先要确定用户在使用信息方面的要求，包括使用的目的、输出速度、频率、数量、安全性等。根据用户的要求，设计输出信息的内容，输出的项目及数据结构、数据类型、位数及取值范围，数据的生成途径，完整性及一致性的考虑。

2 . 确定输出格式。输出格式设计要满足使用者的要求和习惯，达到格式清晰、美观、易于阅读和理解的要求。在本系统中，输出页面的设计，尽量满足用户的信息需要，并有相关的提示信息。输入输出等界面设计，均仿照首页的风格进行，使整个网站页面风格一致，别具特色。

§4.2.2查询模块的实现

本模块输入：输入查询关键字，选择查询类型和方式。

本模块输出：输出检索的相关结果。

例如：按景点名称进行模糊查询，在关键字文本框中，输入与你查询的片名相关的字段，就会检索出景点库中所有包括你输入字段的信息。如输入“九寨”检索结果包括片名为“..九寨..”的景点信息。按地址进行精确查询，在关键字文本框中，输入与你检索的景点地理位置，就会检索出景点库中与你输入字段完全匹配的景点信息。

关键代码如下：

<style type="text/css">

form.query { margin-bottom: 42px; font-family: "georgia"; font-size: 14px;}

form.query input { font-size: 14px;}

</style>

<table align="left">

<tr><td width="214">

<form method="get" action="query_jingdian.asp" class="query">

<h2>景点查询</h2>

<p><select name="Type" style="width: 80px;">

   <option>名称</option>

   <option>地理位置</option>

   <option>路线</option>

</select><input type="radio" name="xx" checked />模糊查找</p>

<p><input type="text" name="Key" /></p>

<p><input type="submit" value="查询" /></p>

</form>

<form method="get" action="query_jiudian.asp" class="query">

<h2>酒店查询</h2>

<p><select name="Type" style="width: 80px;">

   <option>地址</option>

   <option>名称</option>

</select><input type="radio" name="xx" checked />模糊查找</p></p>

<p><input type="text" name="Key" /></p>

<p><input type="submit" value="查询" /></p>

</form>

§4.2.3在线留言模块的实现

本模块输入：用户名，密码，留言主题，留言内容等。

本模块输出：留言时间，留言者，留言主题，留言内容等。

用户留言则必须先登陆，若没有登陆则要求返回denglu.asp进行登陆。

主要代码如下：

<%

if (!Session("YongHu")) {

%>

   <!-- 未登陆 -->

   <style type="text/css">

   .hdl input{font-size: 12px;}

   </style>

   <form method="post" action="denglu.asp" class="hdl">

       <input type="hidden" name="form" value="liuyan.asp" />

       <table>

       <tr><td height="26">用户名：<input type="text" name="YongHuMing" size="12" /></td>

          <td>密码：<input type="password" name="MiMa" size="12" /></td>

          <td valign="bottom"><input type="image" src=http://www.lw777.net/a/jisuanji/qita/2013/0308/"images/login.gif" />&nbsp;留言需&nbsp;<a href="reg.asp" style="color: #333;">注册</a></td>

       </tr>

       </table>

   </form>

<%

} else { 

%>

<style type="text/css">

input,textarea {

   font-family: georgia;

   font-size: 14px;

}

textarea {

   font-family: "楷体_GB2312";

}

</style>

   <!-- 已登陆 -->

   <form method="post" action="liuyan_add.asp">

   <table>

   <tr><td>标题：</td><td><input type="text" name="BiaoTi" size="36" />&nbsp;标题50字内，内容1000字内</td></tr>

   <tr><td>内容：</td><td><textarea rows="5" cols="70" name="neirong"></textarea></td></tr>

   <tr><td colspan="2" align="center"><input type="image" src=/uploadfile/201305/7/5E193538302.gif" /></td></tr>

   </table>

   </form>

<%

}

%>

 

本文选自计算机毕业设计http://myeducs.cn
论文文章部分只是部分简介，如需了解更多详情请咨询本站客服！QQ3710167