ASP动态网页设计报告.doc

重庆大学城市科技学院课程设计报告书课 程 名 称 网页制作 课程设计题目 旅游网页制作 专 业 计算机科学与技术 班 级 2009级 01 班 小组成员 杨 斌（20091638） 赖嘉银（20091627） 范 渝（20091626） 指导教师： 肖 潇 2012/6/12目 录1 引言31.1 选题背景31.2 开发可行性41.3 课题目标42 开发平台及工具的选择42.1 平台的选择42.2 工具的选择52.2.1 环境的选择52.2.2 ADO63 需求分析及设计方案63.1 需求分析63.2 整体系统模块设计73.3 系统功能概述74 数据库设计84.1 数据库需求分析84.2 数据库逻辑设计85 系统的实现85.1 首页的实现85.2 网站简介125.3 旅游线路145.4 在线讨论165.5 会员注册185.6登陆界面205.7客户留言页的实现216网站版面规划236.1 index主页：236.2 子页：236.3 背景：237系统使用说明与测试247.1 系统使用说明247.2 系统性能分析24总结24参考文献251 引言改革开放三十多年来，我国经济飞速发展，第三产业已成为我国经济支柱。随着市场经济的不断扩大和人民生活水平的不断提高，人们对个人消费的热情逐渐高涨，旅游业在我国国民经济中的地位和作用占的比例逐渐增大。旅游网站相比众口所传，信息更为丰富、也更为真实，顾客可通过网站里详细信息来了解更多旅游景点特色及观光路线。关于网站的设计，主要主要实现旅游相关建议，客户注册登录和路费查询及包括最新活动和客户在线留言。1.1 选题背景网上信息的发布由于其及时性，方便性等诸多的优点被越来越多的人们所接受。旅游业作为一个为广大顾客提供休闲娱乐等服务的行业，其发布和更新信息的速度将直接影响到旅游业发展的前景。目前，我国旅游业正处于高速发展的状态。不管是出去个人采风还是组团游乐，越来越多的人们把旅游当做假日的首要选择。而随着Internet的普及，人们逐渐开始在做某事之前先在网络上搜索一下相关内容、相关信息。因此，如果能够提供给顾客该地区景点最佳路线信息介绍是很有必要的。1.2 开发可行性网站运行的硬件环境：CPU最低配置为Pentium II级处理器，内存最低32MB内存，硬盘：系统驱动器上要求10MB的可用空间，安装驱动器上要求16MB的可用空间；可运行的软件环境：须安装IIS。1.3 课题目标 本网站要实现的主要功能为：(1）网站介绍：介绍本网站的功能 (2）旅游路线：介绍提供最佳优惠旅游路线，附带火车票、机票查询及订购功能；（3）会员注册、登录：享受本网站提供的独有优惠；(4）最近活动：介绍本网站的最近优惠等活动和新闻；(5）客户留言：将会员客户的留言提交到数据库，让管理员及时查看留言信息。2 开发平台及工具的选择2.1 平台的选择操作系统：Windows XP SP3及SP3以上；内存要求：基本内存 128 MB，建议使用512MB内存以上；硬盘：约40MB或以上；浏览器：IE6.0或以上版本，功能强大，可执行JavaScript，VBScript,支持多种Web协议；Web数据库：Microsoft Office Access ,学习简单，使用方便；Web服务器：IIS个人站点服务器，可以在自己的计算机上发布主页。由于IIS支持ASP，因此可以作为Web站点的开发和测试平台；开发工具：Dreamweaver,是优秀的网页制作工具可以方便快捷地创建可视网页，自动生成全部的HTML代码。2.2 工具的选择2.2.1 环境的选择1. HTML(Hyper Text Markup Language)超文本标识语言HTML是用于WWW上文档的格式化语言。与常见的字处理文件不同，Web页以超文本标识语言编排格式。HTML文件是带有特定HTML插入标记的用以编排文档属性和格式的标准文本文件。可以从一个平台移植到另一个平台。HTML文件是带有嵌入代码（由标记表示）的ASC文本文件，它用来表示格式化和超文本链接。HTML文件的内容通过一个页面展示出来，不同页面通过超链接关联起来。2. WEB服务器与数据库连接技术WEB服务器与数据库连接技术是当前Internet和数据库技术的共同发展方向，也是Internet应用中的研究关键。而且随着internet应用的快速普及，WEB服务器和数据库服务器的连接显得越来越重要。3. ASP介绍ASP全名为Active server pages（即动态服务器网页）,它是微软公司推出基于Microsoft Windows NT 和Microsoft Internet Information Server的开放式脚本开发环境，用来建立并执行交互式Web服务器应用程序。ASP实际是一种在服务器端开发脚本语言的环境。利用它可以开发出动态交互，高性能WEB服务器端的应用，且能较容易的实现复杂的Web应用，利用ASP开发的脚本程序全部进行在服务器端，与用户所采用的浏览器无关,从而极大的减少了对客户端的要求。其工作原理是：浏览器Web服务器调用ASP文件(一种文本文件),服务器的脚本引擎对每一条脚本语句解释执行,再把执行的结果生成HTML文件传给客户端。简单讲，ASP是位于服务器端的脚本运行环境。通过这种环境，使用者可以创建和运行动态的交互式Web服务器应用程序，如交互式的动态网页ASP所产生的执行结果都是标准的HTML格式，而且这些程序是在网络服务端中执行，使用一般的浏览器都可以正确地获得ASP的“执行”结果，并且将这ASP执行的结果直接在浏览器中“浏览”，不像VBScript或JavaScript是在客户端的浏览器上执行，ASP程序只能在Web服务器端执行，当浏览器向服务器要求运行ASP程序时，服务器会读取该程序，然后执行该程序并将结果转化为HTML文件，再将HTML文件传送给浏览器，待浏览器收到HTML文件后，便将执行结果显示在浏览器上。2.2.2 ADOADO(ActiveX Data Objects)是基于OLEDB的高层编程界面，通过OLEDB提供的COM接口访问数据,它适合于各种客户机服务器应用系统和基于Web的应用，尤其在一些脚本语言中访问数据库的操作是ADO的主要优势。ASP环境下对数据库的访问是通过ADO来实现的。它使得客户端应用程序能够通过任何OLEDB提供者来访问和操作数据服务器中的数据。如图所示: 采用ADO技术的Web数据库访问模型3 需求分析及设计方案3.1 需求分析需求分析是数据库系统开发的第一步，也是最重要的一步。本系统的开发宗旨，以及总体任务就是要最终实现会员的网络运营。需求分析就是描述系统的需求。分析的根本目的是在网站与顾客之间建立一种理解和沟通的机制。 网站主要功能包括：l 顾客在该网站可以很方便的浏览个旅游点路线的详细信息。l 顾客可以看到网站的最新动态。l 顾客可以在线提交留言。3.2 整体系统模块设计该公司网站动静结合，分为9个动态页面，4个静态页面，展示了该网站网站简介、旅游路线、在线讨论、会员注册登录等等各个分部到网站的最近活动和留言板方面。网站的结构模块描述如下：Index.html首页网站简介.html旅游线路.html在线讨论11.aspzhuce.asp 注册liuyan.asp留言板最近活动.html图2系统总体框架图3.3 系统功能概述本网站主要实现以下功能：l 点击每个页面上的按钮可以跳转到和按钮相关的页面。l 顾客可以通过每个页面了解本网站的详细信息。l 管理员可以在数据库中直接写入网站的最近动态，保存后就可以显示在前台页面。l 顾客能够在线留言。l 顾客也可以在线讨论，与其他的在线客户进行交流。4 数据库设计4.1 数据库需求分析根据系统需求分析和模块设计的要求，对于用户系统数据库，需要以下数据项和数据结构：在线留言表：自动编号，用户名，留言主题，留言内容。4.2 数据库逻辑设计数据库包含以下两个表：在线留言表、用户账号密码。 下面分别介绍这个表的结构：在线留言表账号密码5 系统的实现5.1 首页的实现作用：美化网站，提高网页的浏览效率，页面以简单风格为主，背景以简洁图片为主。页面左边边有网站导航条，背景以半透明白色为主。本页面有背景音乐。冲该页面可以看出，该网站主要是旅游路线最优惠最合理建议网站，所以要简洁大方，不要太花哨。打开主页时自动弹出留言板页面和机票火车票最近价格。界面如图所示主页面部分代码如下：旅游网_心随我动 心 随 我 动旅游网站 网站简介 这是一个神奇的网站，带你走遍时间每一个角落！ 机票 火车票   机票，火车票的特价 出发站 终点站 时间 折扣 价格 北京 广州 5月1日12：00起飞 5折 620 长沙 上海 5月2日13：40起飞 6折 470 深圳 西安 5月2日23：00起飞 4折 320 重庆 银川 5月2日14：00起飞 6折 500     旅游线路 在线讨论 会员注册 最近活动留言板5.2 网站简介作用：介绍网站概况，用文字介绍网站战略、业务、团队、案例的具体情况。页面设计简约但不简单，浅色背景为主。界面截图如下：页面部分代码如下： 网站简介随心所欲旅游网站  心随我动战略 以助力中国旅游产业发展为企业使命，竭力通过推动信息化技术在中国旅游行业的应用，加快中国从旅游大国向旅游强国的转变为第一企业责任，以发展成为先进的中国旅游管理（科技）集团为企业愿景。 心随我动业务 为旅游行业企业提供软件开发及应用，网站建设与运营，并依托心随我动旅游网为旅游企业提供电子商务解决方案。 心随我动团队 成立以来，通过向各类旅游行业企业提供网络应用服务，心随我动成长为一个有着丰富实践经验，及深刻行业认知的团队。 心随我动的团队务实，只向客户提供实用、适用的解决方案； 心随我动的团队卓越，任一微小的细节，也一丝不苟，精雕细琢； 心随我动的团队高效，既强调按规划有序推进，也能够视变化快速反应； 心随我动的团队创新，技术应用与行业应用并重，保证客户与乐途游同样处在趋势前端。 心随我动案例 中国旅游门户网站乐途旅游网 心随我动旅游网是服务于中国大陆及全球华人的领先在线专业旅游媒体以及增值服务提供商。成立5年，注册用户超过283万，服务旅游行业客户数万家，迅速成为中国最大的旅游门户网站。 心随我动全权负责乐途旅游网的网站架构、程序开发、运营保障、升级研发，是中国最大的旅游门户网站的幕后英雄。 更多 应邀成为中国国家旅游局奥运应急支援队。 为中国国内/国际旅游交易会网络服务区提供技术支持。 为中国国内/国际旅游交易会提供网络展播服务。 为中国西部国际旅游交易会建设官方网站。 为中国西安旅游博览会建设官方网站。 与中国国家旅游局和大陆31个省区市旅游局举办“中国生态旅游年”大型网络营销活动，营销近千条生态旅游线路产品。 与中国社会科学院旅游研究中心合作发布中国公民旅游关注度报告。返回首页 5.3 旅游线路作用：提供到景点的价格建议和旅游业务选择建议。界面截图如下：页面部分代码如下：旅游线路随心所欲旅游网站   三峡旅游 三峡周末平湖3日游 ￥430.00/人 三峡往返4日精华游 ￥550.00/人 新三峡全景往返平4/5日游 ￥500.00/人     海南旅游 三亚双飞5日浪漫游 ￥1790.00/人 三亚往返6日纯净游 ￥2800.00/人 三亚往返5日纯玩游 ￥2450.00/人   云南旅游 丽江自由行双飞5日游 ￥960.00/人 丽江、大理双飞5日游 ￥1130.00/人 腾冲自由行5日游 ￥2190.00/人 返回首页 5.4 在线讨论作用：方便客户与客户之间的交流，沟通。界面截图如下：页面部分代码如下： 无标题文档发言：%如果提交了表单，就将发言内容添加到Application对象中dimunameuname=session(uname)IfTrim(Request.Form(txtSay)Then下面先获取本次发言字符串，包括发言人和发言内容DimstrSaystrSay=uname&说：&Request.Form(txtSay)&下面将本次发言添加到聊天内容中Application.Lock 先锁定Application(strChat)=strSay&Application(strChat)Application.Unlock 解除锁定EndIf% 5.5 会员注册作用：用户的注册和登录。 界面截图如下：页面部分代码如下：无标题文档 function check() var valid=true; var n=document.myform1.uname.value; var p1=document.myform1.psw1.value; var p2=document.myform1.psw2.value; if(n=) window.alert(您好，用户名不能为空!); valid=false; else if(p1.length6) window.alert(您好，密码不能为空且长度不能少于6个字符!); valid=false; else if(p1!=p2) window.alert(您好，密码与确认密码不一致!); valid=false; if(valid) return true;return false; 用 户 名： 登录密码： 确认密码： 返回 5.6登陆界面作用：实现已注册的用户能登录。页面截图如下：页面部分代码如下：无标题文档 用户名： 密 码：   注册5.7客户留言页的实现作用：将用户的留言提交到数据库（同上），表名为db4.mdb。界面截图如下：客户留言页面部分代码如下：简易留言板随心所欲旅游网站 返回首页 % Dim db,strConn Set db=Server.CreateObject(ADODB.Connection)strConn=Provider=Microsoft.Jet.OLEDB.4.0;Data Source= & Server.MapPath(db4.mdb)db.Open strConn set rs=server.createobject(adodb.recordset) dim sql sql=Select * From liuyanban rs.open sql,db,3 rs.pagesize=10 if request(page) then epage=cint(request(page) if epagers.pagecount then epage=rs.pagecountelse epage=1 end if rs.AbsolutePage=epage% 留言板  楼 留言人： 留言标题: 留言内容:首页 a href=在线讨论11.asp?page=上页 a href=在线讨论11.asp?page=下页 a href=在线讨论11.asp?page=末页现在是第页 一共有页 昵称       标题        6网站版面规划本网站是在1366768分辨率下做成的，由于当今使用1024768分辨率的电脑用户占大多数，而且1024768分辨率在1366768分辨率状态下效果不是很理想，所以老师尽量采用1366768分辨率显示。6.1 index主页：该页使用的是国字型结构布局。 国字型结构布局是一些大型网站所喜欢的类型,即最上面是网站的标题+横幅广告条+主菜单,下半部分分为3个区域,左右分列一些两小条内容,中间是主题内容,与左右一起罗列到底。这种布局的优点是能够充分利用版面,信息量大;缺点是页面不够灵活。6.2 子页：子页使用的是二字型结构布局，第一行为导航条，第二行为网页信息正文。使用标题正文型：这