个人主页-毕业论文.docx

安徽绿海商务职业学院“个人主页”计算机多媒体技术专业毕业论文论文题名 个人主页 学 生 王 凯 学 号 20090120020231 指导教师 程明星 专业班级 计算机多媒体技术 系院名称 信息技术系 二一二 年 五 月 二日安徽绿海商务学院信息技术系毕业论文个人主页设计与实现摘要ASP是Active Server Page的缩写，意为“动态服务器页面”。其实是一套微软开发的服务器脚本环境，通过ASP 我们可以结合HTML 网页 ，ASP指令和Activex元件建立动态。交互且高效的WEB服务器应用程序。有了ASP 你就不必担心客户的浏览器是否能运行你所编写的代码，因为所有的程序都将在服务器端执行，包括所有嵌在普通HTML 中的脚本程序。当程序执行完毕后，服务器仅将执行的结果返回给客户浏览器，这样也就减轻了客户端浏览器的负担，大大提高了交互的速度。而在internet风行的早期，Web网页 只是静态的图文 组合，浏览者可以在网页上阅读信息 ，但无法做进一步的查询、或发表意见或进行电子商务、在线交谈.问卷调查.、预约定票、访客留言簿、讨论区、 电子贺卡、e-mail自动回复 、数据库管理等工作，这显然不能满足人们越来越多元化的需求。为此，开始有不少公司提出动态网页的解决方案，所谓的“动态网页”指的是浏览器端和服务器 端可以互动,也就是服务器端可以实时处理浏览器端的请求然后处理结果响应给浏览器端。而ASP（Active server pages）便微软用来建立动态网页 的解决方案。ASP是一种服务器端的指令环境，建立并执行交互式web服务器应用程序，我们可以用ASP来结合服务器端指令、HTML网页及com组件，换句话说，ASP程序包含“脚本语言程序”“嵌入HTML”、“COM组件调用”等3个部分，前者可用 Vbscript、Javascript、等程序撰写而成。也正由于ASP程序可以嵌入HTML ，因此，现有的HTML 文件很快便可以转换成ASP 程序（扩展名为.asp）ASP程序只能在WEB服务器端执行。本设计为一个个人主页网站，能够及时更新。在功能上实现了让浏览者能够更好的了解自己，展示个人风采，优点与特色。关键词:ASP, ACCESS数据库, 超链接, 虚拟站点, 后台管理 - 16 -安徽绿海商务学院信息技术系毕业论文目 录摘要2第1章 引言 4第2 章 ASP的开发说明 62.1ASP的开发环境 62.2 ASP的运行环境 62.3安装IIS及WEB的虚拟站点 6第3章 建站工具与相关知识83.1 编辑器83.2 ASP的内置对象 83.3ASP的内置组件 9第4章 网站的构思与实现步骤 104.1网站的基本构成104.2网站的静态设计与实现104.3网站的动态设计与实现11第5 章 结果分析 14结束语 14谢辞 14参考文献 15第一章 引言当今世界正处于信息时代，计算机和通信网络是这一时代所谓“信息基础设施”。网络化是计算机技术九十年代的重要发展趋势之一。目前计算机网络的新发展是：异机种网络和异网互联有较大突破。TCP/IP协议在异网互联中体现出了其强大的生命力，以它为基础组建的Internet是目前国际上规模最大的计算机网间网，到1991年底世界上已有26个国家的五千多个网络连入Internet，其中包含了数千个组织的30万台主机，用户数以百万计。鉴于Internet的广泛应用,网页也备受关注。而在internet风行的早期，Web网页 只是静态的图文 组合，浏览者可以在网页上阅读信息 ，但无法做进一步的查询、或发表意见或进行电子商务、在线交谈.问卷调查.、预约定票、访客留言簿、讨论区、 电子贺卡、e-mail自动回复 、数据库管理等工作，这显然不能满足人们越来越多元化的需求。为此，开始有不少公司提出动态网页的解决方案，所谓的“动态网页”指的是浏览器端和服务器 端可以互动,也就是服务器端可以实时处理浏览器端的请求然后处理结果响应给浏览器端。而ASP（Active server pages）便是微软用来建立动态网页 的解决方案。ASP的全称是active server pages，活动服务器主页。为什么ASP得到如此广泛的应用？传统的web页面的交互性必须用来CGI技术，CGI程序比较复杂而且可移植性很差，随着时间的推移，逐步被淘汰。目前主流的web页面的编程技术主要是3p技术（asp，jsp，php），因为微软的NT服务器被广泛地作为Internet和Intranet服务器，因此asp技术得到了非常广泛的应用。有如：写字楼物业管理软件、小区物业管理软件、房地产管理软件、房地产中介代理管理软件、客户服务业务管理软件、客户服务管理软件、客户信息管理软件、商品销售管理软件、企业销货管理软件、商品采购配送管理软件、物料需求管理软件、企业进销存管理软件、商业进销存管理软件、电脑装机报价系统、电脑销售管理软件、售后服务管理软件、电器设备维修管理软件、手机销售管理软件、磁卡消费管理软件、商业门店管理软件、pos销售软件、超市销售管理软件、送货上门服务中心管理软件、客户项目管理软件、客户资源管理软件、客户关系管理软件、库房管理软件、好用人事档案管理软件、好用人事工资管理软件、物品租借管理软件、文档案卷管理软件、文档案卷管理系统网络版、电子文挡管理软件、个人通讯录管理软件、好用家庭理财管理软件、设备管理软件、手机销售管理系统。第二章 ASP的开发说明2.1 ASP得开发环境一般来说，一个完整得ASP开发环境有以下几个部分组成：l Web服务器程序编写工具l 程序错误调试工具l Web浏览器以上仅仅能够进行一些比较简单的ASP应用的开发环境，如果还要进行数据库、邮件服务器等其他方面的开发，还要有相关的服务程序。2.2 ASP的运行环境ASP文件是在服务器端运行的，所以，要使用ASP，就必须先搭建 ASP的运行环境支持ASP运行的服务器的 环境可以是多种软件的组合，用户可以在下面的组合中选择一个作为运行ASP文件的环境。1) Windows98+PWS4.0(Personal Web serber 4.0)2) WindowsNT4.0+ WindowsNT Option pack 3) Windows2000+PWS4.0(internet information server 5.0)4) WindowsXP+IIS5.0(internet information server 5.0)2.3 安装IIS及Web虚拟站点首先，在“控制面板”里，在“网络”下，点击“协议”。选择TCP/IP”，点“属性”，点“高级”。添加IP地址，输入IP地址和子网掩码，然后，确定。重新启动机器。其次，点“开始”-“程序”-“Windows NT4 option Park”-“Microsoft Internet Information Server”-“Internet 服务管理器”，打开IIS。然后，双击“机器名”，将显示“默认FTP站点、默认WEB站点、默认WEB管理站点”。点“默认WEB管理站点”右键，点“新增”-“站点”，输入“WEB站点说明”（一般为一个容易止状态，点击上面的播放图标，开启WEB站点或点右键，选择启动），下一步，在“选择此WEB站点使用的IP地址里”输入IP地址或在下拉框内选择IP地址。点下一步，在“输入你的主目录路径”里，输入相关的目录路径（主目录就是你放置WEB内容的根目录），其中在下面还有一项设置，就是“允许匿名访问此WEB站点”，这个选项默认是选取的，按默认设置，点下一步，将会有六个访问权限要设置，默认为“允许读取访问”、“允许脚本访问”，如果你要运行ASP文件，那么按默认的设置就可以实现，如果你要运行可执行文件，那么需要选取“允许执行访问”，就可以了，点“完成”。 这时，在MMC里你会看到你所新增的WEB站点，但是，默认这个新的WEB站点。如果没有发现异常的报错信息，这时，你就可以通过浏览器访问你的WEB站点了。输入这个WEB站点的IP地址，如果你的WEB目录下有已经做好的网页，那么就可以直接访问到。如果目录为空，将访问的信息为“目录列表被拒”。 新建的WEB站点的默认文档为“Default.htm”和Default.asp。第三章 建站工具与相关知识3.1编辑器网络技术的发展带动了软件业的发展，所以用于制作Web页面的工具软件也越来越丰富。从最基本的HTML编辑器到现在非常流行的Flash互动网页制作工具，各种各样的Web页面制作工具，下面是几款具有代表性的网页制作器：1 HTML编辑器虽然HTML代码复杂，编辑和调试要花费大量的时间，但因HTML的稳定性、广泛支持性及可创建复杂的页面效果，仍受高级网页制作人员的青睐。2 所见即所得的编辑器所见即所得的编辑器目前有许多，例如Frontpage，Dreamweaver，BXE等等。我所使用的是Dreamweaver，Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。3.2 ASP内置对象如何使用6个内置ASP对象？ASP提供了多个内嵌对象，无须建立就可以在指令中直接访问和使用它们，这六个对象主要有：请求(Request)对象、响应(Response)对象、工作阶段(Session)对象、应用程序(Application)对象、服务器(Server)对象、Cookies对象，这六个对象中的服务器(Server)对象可加载其他组件，这可以扩展ASP的功能。1.request对象客户端经常需要象服务器端提交信息，比如常见的注册，客户端在浏览器上的注册，客户端在浏览器上输入各中信息以后只要按下提交按钮，就可以把这些信息发送到服务器端。利用Request对象可以轻松实现这个功能。2.response对象与Request是获取客户端数据相反，Response对象是用来控制发送给客户的信息，包括直接发送信息给浏览器、重定向浏览器到另一个URL或设置cookie的值。3.session对象用来记载特定客户的信息，还可以用来存储访问者的信息。4.application对象这是一个重要的对象，它的关键是所有用户公用一个Application对象网站服务器一开就建立了一个 这样的对象，所有用户都可以修改它，可以创建聊天室等。5.server对象Server对象提供对服务器上的方法和属性的访问，其中大多数和属性是作为实用程序的功能服务的3.3 ASP的内置组件组件是已经在服务器上注册的Activex组件我们通常所说的内置组件有以下内容：l 广告轮显组件l 文件存取组件l 浏览兼容组件l 文件超链接组件l 计数器组件l 发送E-mail组件l 文件上传组件 l 在使用一个组件之前，需要创建一个它的实例，然后才可以在ASP中随意使用内置组件的属性、方法和集合等等第四章 网站的构思与实现步骤4.1网站基本构成我的主页利用的是动静态主页结合的方式设计的，动静结合网站是把不经常更新的内容用静态技术制作页面，把需要经常更新的内容用动态技术制作页面，这样使纯静态网站和纯动态网站得到一定的优势互补。而无论网站是动态还是静态，其主要构成相同，有四大部分组成：内容（Content）、结构（Structure）、表现（Presentation）和行为（Behavior）。内容：网页中实际要传达的纯粹数据的内容信息（如网页中所显示的文字、数据、或者图片等信息）。 结构：是指将内容进行格式化，使内容更具有逻辑性、易读性（如将一段文字分成标题、作者、章、节、段落和列表等格式）。 表现：是指信息经过修饰后的展示形式（如给识文字加上字号、字体、背景、布局排版等显示样式），用来改变内容外观的方式。 行为：是对内容的交互及操作效果（如使用javascript使内容在鼠标经过时动起来、判断表单提交等）。4.2静态首页设计设计思路：组织结构划分模块页面布局丰富页面内容设置超链接。做完这些之后，我第一步要做的是网页素材和资料的收集。我开始对网页的模块勾画出初步的轮廓。并把内部主要的链接和代码做一些基础准备。在众多网页组成的网站中,其中有一个名字为“首页”的网页至关重要,因为它是浏览者进入该网站首先看到的页面(又叫主页),主页既要表现出网站的风格、内容,又要美观、醒目,吸引浏览者的注意力。在实际制作网页的时候,我还注意了以下的事项：1.制作前要预先筹划好网站的组织结构首先要明确网站的主题,然后才能围绕着这个主题进行素材、资料的搜集并把它们表现在一个个网页上。围绕主题把要表现的内容分为若干部分,每个部分再进行就这样建出一个层次分明的网页结构。应该注意的是,每个部分的内容不要太笼统、范围过大。我的主题以展示个人风采为主，用绿色营造出一个健康，充满生机活力的自己。2.合理规划页面布局采用表格或层技术,把屏幕区分为不同的块来安排内容,一般不要超过三块,主次要分明。通常在网页的上部和左侧放置可以链接到其他网页的文字或图片作为目录,而在网页中间部分是要显示的主要内容。3设置超链接,方便用户浏览通过网页上的超链接指引用户查阅本网站的其他网页或者转向别的网站,超链接的层次不要超过三层,在ASP中涉及到超链接，主要可以有以下语句可以实现例如我的自助链接板块里大部分实现的是自助链接，有一条关键的语句是可以实现超链接。4.合理使用图像图像是网页上不可缺少的一部分,画面能够表达许多文字所无法表现的内容，同时又吸引了浏览者的注意力。但是在使用图像的时候也要注意恰如其分,应该是美观实和实用统一如果页面上图像过多过乱,反而会使主题表达不清。图象文件占空间大,增加了网页的下载时间,影响用户的浏览。5.给网站起个新颖独特的名字一个简练响亮又令人印象深刻的站名,不但能让浏览者了解网站是关于哪些方面的,而且还能吸引更多的浏览者。4.3动态页面留言板的设计一般情况下，在我们的动态站点部署中包括两个主要内容：一个是动态脚本程序，另一个是对数据的存储和管理。本教程中，前者使用的是ASP技术，后者是常用的数据库技术，用数据库来存储和管理数据是动态网站最高效的选择。下面我们就先讨论讨论数据库技术4.3.1数据库技术简介 任何程序都要处理数据，如何存储和管理程序中要处理的数据是程序的关键。数据库技术是目前使用最广泛的数据存储和管理技术，它在大量以数据处理为主的程序中起举足轻重的作用。 目前使用最广泛的数据库类型是关系型数据库。在关系型数据库中我们可以把数据库中的数据看成一个二维表格。 实际上现实世界的很多数据都可以描述为如图4-3-1所示的这种二维表格的形式。关系数据库正式利用这种二维表格的形式来描述和管理程序中的数据的。数据库的基本组成单位是记录，记录被视为单个实体的相关数据的集合。表格中每一个用户的信息（表格的一行）就是一个记录。另外，图3表格中的用户ID、姓名、性别、留言内容、OICQ、等（表格的一列）各个相关信息在数据库中用专业术语说就是一个域，比如：姓名域、性别域等等。一个数据库可包含多个表，每个表具有唯一的名称。这些表可以是相关的，也可以是彼此独立的。表中每一列代表一个域，每一行代表一条记录。如图4-3-2所示是一个表的结构。从一个或多个表中提取的数据子集称为记录集。记录集也是一种表，因为它是共享相同列的记录的集合。通过图4-3-3，我们可以很清楚的理解什么是记录集了吧。在Dreamweaver MX中定义记录集可是创建动态交互页面的重要步骤呢。 在我的数据库设计中，我将一些需要的数据在Access遍成了一个个的表格。其实现步骤如下：1. 在设计窗口中，选择“对象”列表中的“表”，用鼠标双击“使用设计表”2. 输入表的每一个字段名称、数据类型、说明等，设置每一个字段的属性。4.3.2动态页面设计与数据库连接：第一步：站点建设1、执行“站点/新建站点”命令，得到建站向导，在第1步中，给你的站点起个名字。比如是：aspweb。2、单击下一步，在下一个步骤画面中进行服务器脚本技术的有关设置，选择ASP VBscribt服务器技术。3、单击下一步，进入到建站向导的下一个画面，这个步骤是关于站点的URL的内容,在URL中输入站点文件夹位置即可。第二步：通过自定义连接字符串实现连接 1、在数据库面板，单击 “+”按钮，在弹出的菜单中选择“自定义连接字 符串”。 2、在弹出的“自定义连接字符串”对话框中，在其中定义连接名称conn，并在连接字符串对话框内输入：Driver=Microsoft acess Driver (*.mdb);DBQ=f:aspwebbbs.mdb其中f:aspwebbbs.mdb是数据库文件路径。 3、按照图所示的操作完成以后，数据库面板就会出现新定义的连接名称，单击它前面的+展开，可以看到留言板数据库中的两个表。这时我们已经完成了数据库和留言板站点的连接了，连接名是conn。第三步：在绑定面板中定义记录集 1、在Dreamweaver中打开留言板站点主页面（index.asp）。 2、打开绑定面板，单击 按钮，在弹出的下拉菜单中选择“记录集（查询）”命令。，如图： 3、在弹出的记录集定义对话框中，定义记录集名称、选择数据库连接名、选择数据库中的表、选择表中的字段（域）、定义记录排序的方法等。 第四步 将记录集中的数据绑定到表格 1、对留言板页面进行表格编辑 2、将记录集中的数据域（字段）绑定到表格相应的单元格中。打开绑定面板，展开记录集。用鼠标将记录集中的id等字段拖放到页面表格的左上角中，用同样的方法将其它数据域（字段）拖动到相应的单元格中。 3、通过上面的步骤，我们已经将记录集中的字段（也就是数据库中数据）绑定到页面中的单元格中。这样，这些单元格中的内容实际上就是动态文本内容了。第五部 在index.asp页面中添加服务器行为重复区域 1、在index.asp页面中选中整个表格，我们要把它创建成可以重复显示的区域。 2、打开服务器行为面板，单击 按钮，在弹出的下拉菜单中选择执行其中的“重复区域”命令，接着会弹出一个重复区域设置对话框。 3、设置完成以后，index.asp页面中所选中的表格（重复区域）变成灰暗显示，并且在表格的左上角位置出现“重复”两字第六步 翻页功能与留言信息提交功能 1、如图4-3-13，在数据库行为选项中，选择记录集分页，并依次创建第一页，前一页，下一页，最后一页等新链接 2、创建文本框，并且把name文本域定义为t1,把content文本域定义为t2。打开数据库行为中的插入记录项。第五章 结果分析经过这段时间的不断努力，我终于完成了这次的毕业设计。对于这次的设计成果大体上我还是比较满意的，从整个页面上来看，美观大方而又不显凌乱，简单明了的给浏览者展现了具有代表性的内容，使他们能够在第一时间内找到自己想要的内容，大大节省了浏览者的上网时间，同时网站采用ASP语言设计，操作简单方便，