基于Dreamweaver和ASP技术的班级网站建设
 
 摘要: 再Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。本文介绍了构建班级网站的技术和实现方法，重点讲述了注册登陆，留言板，班级相册等几个主要功能的实现。网站页面采用Dreamweaver MX所见即所得的网站设计工具，并结合ASP技术来设计，网站图片、动画设计采用Potoshop7.0和Flash MX，在代码方面主要是以HTML为主的设计语言。网站采用的数据库是Microsoft Access 。
 关键词:班级网站;ASP; Dreamweaver
 
Construction of the Class Websites Based on DREAMWEAVER
and ASP Technology

Abstract: Today, internet is developed at full speed, internet becomes the important channel of that people obtain, release and transmits information. It is on all respects such as people's politics, economy, living, etc. So websites are also playing an important role in internet. It has already become the important component in the government, enterprises and institutions information construction. It brings people's attention. This paper introduces the technology and method of construction of the class websites. It especially has told realization in such several main functions as registers to land message board, class album, etc. Website page is designed by using Dreamweaver MX design tool of website and ASP technology. The website's picture and animation adopt Potoshop7.0 and Flash MX to design. In code the language of design relying mainly on HTML. The database that websites adopted is Microsoft Access.
 Keywords: class website; ASP; Dreamweaver

目录
1 工具及背景介绍------------------------------------------1
1.1 设计思想----------------------------------------------1
1.2 开发工具的选用及相关知识介绍--------------------------1
1.2.1  Macromedia Dreamweaver MX--------------------------1
1.2.2  ASP----------------------------------------------2
1.2.3 ASP 下Web 数据库的连接与打开------------------------3
2 网站结构设计--------------------------------------------4
2.1页面布局-----------------------------------------------4
2.2网站结构及功能-----------------------------------------5
2.3数据库设计---------------------------------------------5
3 详细设计------------------------------------------------5
3.1统一规划网站的布局和格式-------------------------------5
3.2注册和登录模块设计-------------------------------------7
3.3留言功能模块的设计------------------------------------11
3.3.1浏览留言--------------------------------------------12
3.3.2发布留言--------------------------------------------13
3.4资料修改功能模块的设计--------------------------------14
3.5　相片上传与浏览的设计--------------------------------15
3.6相片的列表与显示--------------------------------------16
参考文献-------------------------------------------------17
致谢-----------------------------------------------------18

1 工具及背景介绍
 在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。Internet上发布信息主要是通过网站来实现的，获取信息也是要在Internet“海洋”中按照一定的检索方式将所需要的信息从网站上下载下来。因此网站建设在Internet应用上的地位显而易见，它已成为信息社会的重要组成部分，从而倍受人们的重视。为了今后更好的方便大家联系、交流，特构建山西农业大学信管011班同学录网站。
1.1 设计思想
 通过网站，方便大家联系，全面展示我班的风采，加深同学们之间的感情，更好的为大家服务。
 在设计网站时，首先应该考虑客户端浏览网站所使用的浏览器的兼容性的问题。现在，最常用的是IE和NETSCAPE，由于IE对ASP、ActiveX、DHTML等的良好支持，拥有广泛的使用者，具备良好的兼容性。因此可以选用IE作为兼容标准，同时尽可能兼顾NETSCAPE。
 其次，在选择编程语言上，一般都采用HTML语言，同时采用ASP技术以及运用网络数据库。
1.2 开发工具的选用及相关知识介绍
1.2.1  Macromedia Dreamweaver MX
 Macromedia Dreamweaver MX 是一种专业的HTML 编辑器,可用于对Web 站点、Web 页和Web 应用程序进行设计、编码和开发。利用Dreamweaver MX中的可视化编辑功能,可以快速地创建页面而无需编写任何代码。Dreamweaver MX 提供了许多与编码相关的工具和功能,如表单、表格和各种控件。借助Dreamweaver MX,可以使用多种服务器语言,例如ASP、ASENET、ColdFusion 标记语言(CFML) JSP 和PHP 生成支持动态数据库的Web 应用程序。Dreamweaver MX 可谓是开发静态、动态网站的利器,也是开发Web 应用程序的高效工具。不仅是专业人员制作网站的首选工具，而且普及到广大网页制作爱好者中，相对于其它网页制作工具和以前版本，有以下这些优势：
◇ 对简体中文良好的支持，不会出现一些不兼容中文的现象。例如，在早期的Dreamweaver4.0中，制作Flash按钮时会出现乱码。
◇ 使用Dreamweaver MX中文版，可以在可视化界面制作出ASP，ASP，NET，JSP，PHP， ColdFusion站点。
◇ Dreamweaver MX中文版自带大量模板，简化了用户的制作过程。
◇ Dreamweaver MX中文版支持数量众多的第三方插件，大大增强了Dreamweaver MX的功能。
◇ 通过配置 Dreamweaver MX 生成符合 XHTML 的代码，确保用最新的 HTML 设计标准及时更新站点[1]。
1.2.2  ASP（Active Server Pages）
 Active Server Pages：“动态服务器网页”，一般简称为“ASP”，基于传统的静态Web技术,信息网页、文本文件和图像等内容是以单独文件形式存放的。Web服务器应用程序简单地从磁盘中读取它们并转换成能够在网络上传输的正确的HTTP协议。在客户或用户端,浏览器接收传送的信息,并转换成能够显示的页面。然而这种静态Web技术无法实现传递实时性很强的信息,例如在页面上输入信息或传递从其他应用程序中得到的内容,特别是访问特定类型的数据库内容。这就需要有相应的技术来满足客户的要求。ASP技术的出现和应用较好地解决了网页信息传递的实时性和交互性要求。与HTML网页不同，以ASP为后缀的文件并不能直接在浏览器中打开。当IIS服务器接收到对ASP页面的请求时，服务器将它解释并生成为标准的HTML网页，发回给浏览器。ASP之所以能受到大家的重视与使用的原因，主要在于所产生的执行结果都是标准的HTML格式，而且这些程序是在网络服务端中执行，使用一般的浏览器（如IE 或Netscape）都可以正确地获得ASP的“执行”结果，并且将这ASP执行的结果直接在浏览器中“浏览”，不像VBScript或 java script是在客户端（Client）的浏览器上执行，若使用VBScript来设计程序，客户端（Client）在IE浏览器中可以显示程序执行的结果，可是，客户端（Client）若使用Netscape浏览器就无法显示VBScript的执行结果[2]。ASP的特点：
 任何开发工具皆可发展ASP，只要使用一般的文书编辑程序，如Windows记事本，就可以编辑。当然，其他网页发展工具，例如，FrontPage Express、FrontPage等也都可以。◇语言相容性高
    ASP与所有的ActiveX Script语言都相容，除了可结合HTML，VBScript、Java Script、Active X服务器组件来设计外，并可经由“plug-In”（外挂组件模组）的方式，使用其他厂商（Third Party）所提供的语言。
◇隐密安全性高
    如果我们在浏览器中直接查看网页的原始代码，就只能看到HTML文件，原始的ASP程序代码是看不到的！这是因为ASP程序先于网站服务端（Web Server）执行后，将结果转换成标准HTML文件，再传送到客户端（Client）的浏览器上，因此，我们所辛苦撰写的ASP程序并不会轻易地被看见进而被盗用。
◇易于操控数据库
 ASP可以轻易地通过ＯDBC(Open Database Connectivity)驱动程序连接各种不同的数据库，例如：Access、Foxpro、DBase、Oracle等等，另外，ASP亦可将“文本文件”或是“Excel” 文件当成数据库用。
◇面向对象学习容易
 ASP具备有面向对象（Object-Oriented）功能，学习容易，ASP提供了五种方便能力强大的内建对象：Request、Response、Sever、Application以及Session，同时，若使用ASP内建的“Application”对象或“Session”对象所撰写出来的ASP程序可以在多个网页之间暂时保存必要的信息。
◇语言简洁
 ASP是由静态的HTML和动态的ASP代码组成，采用ASP的一个很大的优点是，可以在客户端中包含你的服务器端脚本的运行结果。为了能够区分代码的起始位置和终止位置，在ASP中是用 <% ASP Code %>来标识，其中<%是ASP代码的起始的标记；%>是ASP终止的标记；ASP Code就是任意的ASP代码[3]。
1.2.3 ASP 下Web 数据库的连接与打开
 在网络技术飞速发展的今天, 基于网络的W EB 数据库的操作成为了信息处理的核心, 自从Microsoft 推出A SP 技术后, 由于它在创建动态交互式站点上的强大功能及其代码编写的简便性、面向对象的设计, 很快在Internet.Intranet 网站上得到了广泛的应用, 尤其是涉及到数据库操作的网站应用系统更是倾向于采用A SP 技术. ASP 成为许多计算机专业人士设计网站时的首选技术. 现简单介绍在A SP 下数据库连接的相关知识。
◇基本原理　
 在A SP 中, 用来存取数据库的对象统称ADO 对象(ActiveX Data Objects), 这是一项容易使用并且可扩展的将数据库访问添加到Web页的技术, 可以使用它去编写紧凑简明的脚本以便连接到ODBC (Open Database Connectivity) 兼容的数据库和OLEDB 兼容的数据源.在ASP中, 有7 个对象, 其中与数据库有关的主要有3 种对象: Connection, Recordset 和Comm and, 其中Connection 负责打开或连接数据库,Recordset 负责存取数据表, Comm and 定义对数据源进行操作的命令。如果只依靠这3个对象还是无法存取数据库的, 还必须具有数据库存取的驱动程序: OLEDB 驱动程序和ODBC 驱动程序. 对于任何一种数据库都必须有相对应的OLEDB 驱动程序和ODBC 驱动程序,ADO 对象才能对数据库进行存取。ADO 对象必须与各种驱动程序相结合才能存取各种类型数据库, 不同的数据库需要不同的驱动程序。可以非常方便地在“控制面板”中“ODBC Data Source (32Bit) ”中获得本机驱动程序的信息[4]。
◇数据库连接　
 访问数据库信息的第一步是创建数据库源并和数据库源建立连接. ADO提供了Connection 对象, 可以使用该对象建立和管理应用程序和ODBC 数据库之间的连接. Connection 对象具有各种属性和方法, 可以使用它们打开和关闭数据库连接, 并且发出查询请求来更新信息. 要建立数据库连接, 首先应创建Connection 对象的实例. 在实际应用中不同数据库的连接方法有所不同, 它们需要建立不同的Connection, 但如果建立Connection 后, 使用Recordset 对象存取数据的方法却基本相似. 以Test.mdb 为例连接, 基本步骤如下:
 (1) 　创建数据库源　数据库源名, 即DSN (Data Source Name) 是连接ODBC 和数据库的桥梁,ODBC 通过DSN 来找到要访问的数据库. 可以通过“32 位ODBC”对其进行管理.
 (2)　创建数据库链接ASP文件中如果要访问数据, 必须首先创建与数据库的链接, 其语法如下:
set Tconn = Server createObject (“ ADOBD. CONN ECT ION ”).创建了链接对象TConn TConn. Open“dns”,“username”,“password”.打开链接。
 (3)　创建数据对象　RecordSet 保存的是数据库命令结果集, 并标有一个当前记录. sql=“SEL ECT 3 FROM test”.设SQL 语句Set RecordSet= TConn. Execute (sql).创建并打开了对象, TConn 是创建的链接对象Set RecordSet = TConn. Execute (sql).将表test 中的所有记录保存到RecordSet。
 (4)　操作数据库　可以利用Execute 方法执行数据插入、修改、删除等操作, 它的参数是一个标准的SQL 语句串, 如:
执行插入操作:Sql1=“INSERT INTO test (字符串行) 　　values (字符值串行)”.SQL 语句TConn. Execute (sql1).
执行修改操作:Sql2= “UPDATE test SET (字符串行)= (字符值串行)”.SQL 语句TConn. Execute (sql2).
◇关闭数据对象和链接　在使用了ADO 对象之后, 一定要记住关闭它, 因为它使用了服务器的资源. 通过调用方法close 实现关闭, 然后再释放它.
TConn. Close[5]
 考虑以上各方面因素，所以我选择了Dreamweaver结合ASP技术架构本网站。
2 网站结构设计
2.1页面布局
网站主页采用静、动相结合的方式，即静态的主画面和动态的图片相结合，体现班级的勃勃生气，网站布局应该以轻松、简洁的风格为主，同时使用一定的图形和多媒体元素，将整个网页分成四个部分（如图1）
 第一部分
            第二部分

第三部分 第四部分
图1   页面布局
 第一部分主要用来放置网站的标志图片；第二部分与第四部分主要用来放置一些功能链接；第三部分是主体部分，放置班级信息、留言、公告模块等[6]。
2.2网站结构及功能
 网站的具体结构如图2所示，在首页上共有7个大的功能菜单，每个菜单链接一个功能页面，每个页面实现不同功能。
 
                         

 图2
 充分利用ASP的强大功能，在网站中提供留言簿、公告栏等交流场所，为同学们展开信息交流提供方便。
2.3数据库设计
    本网站采用的数据库是Microsoft Access ，建立库文件，包含如下几个表文件：
claim        网站公告信息表
loginfo      来访登陆时间信息表
mssg         留言信息表；
photo        图片内容说明信息表
user         成员地址信息表[7]
3 详细设计
3.1统一规划网站的布局和格式
 首先要规划好网站的结构，对网站的网页大体布局有一个具体的轮廓。并且为网站的主页及二级页面确定一个共同的格式，包括整个页面的颜色，宽度，阴影，背景，字体的大小颜色这就需要我们制作一个超文本样式表.css文件，以供每个网页调用。本站具体的.css代码如下：
 body {
  SCROLLBAR-FACE-COLOR: #ffffff;
  SCROLLBAR-HIGHLIGHT-COLOR: #000000;
  SCROLLBAR-SHADOW-COLOR: #000000;
  SCROLLBAR-3DLIGHT-COLOR: #ffffff;
  SCROLLBAR-ARROW-COLOR: #666666;
  SCROLLBAR-TRACK-COLOR: #ffffff;
  SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
  background-image:url(../images/bg.gif); background-position:center
 }
 BODY {
  FONT-SIZE: 12px; FONT-FAMILY: "Verdana", "arial"
 }
 TABLE {
  FONT-SIZE: 12px; FONT-FAMILY: "Verdana", "arial"
 }
 TR {
  FONT-SIZE: 12px; FONT-FAMILY: "Verdana", "arial"
 }
 TD {
  FONT-SIZE: 12px; WORD-BREAK: break-all; FONT-FAMILY: "Verdana", "arial"
 }
 INPUT {
 BACKGROUND-COLOR: #ffffff; BORDER-BOTTOM: #0066cc 1px solid; BORDER-LEFT: #0066cc 1px solid; BORDER-RIGHT: #0066cc 1px solid; BORDER-TOP: #0066cc 1px solid; COLOR: #0066cc; FONT-SIZE: 9pt; HEIGHT: 16px
 }
 TEXTAREA {
 BORDER-TOP-WIDTH: 1px; PADDING-RIGHT: 1px; PADDING-LEFT: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 12px; BORDER-LEFT-COLOR: #cccccc; BACKGROUND: #fefefe; BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: #cccccc; PADDING-BOTTOM: 1px; BORDER-TOP-COLOR: #cccccc; PADDING-TOP: 1px; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: #cccccc
 }
 在每个网页的程序中加人如下的程序段:
<link href="css/class.css" type=text/css rel=stylesheet>。来实现调用已经编制好的超文本样式表文件class .css，这样就为网站中的每个网页设定一个共同的样式，如整个网页文字的大小、字体，还有活动超联接和已访问超联接的颜色以及菜单的一些属性等等。
 为网站设计一个主页面使用DreameWeaver MX来制作。还要用到HTML语言、VBScript、java script等。将前面说到的功能和内容以菜单的形式列出在主页上，级联菜单上是一些具体的功能和内容。当然，这个菜单是用java script编制出来的一个函数，然后，在每一个菜单文件的代码中再调用这个函数，其它的菜单也可以用同样的代码来实现。同样，对于二级页面的设计以及其它页面的设计也是与主页相同。如果这些页面的主要部分与先前设计的主页主体部分风格和布局以及菜单都相同，那么我们就可以先建立一个空的含菜单的文件作为模板，以后每建立一个类似的页面，就可以调用此模板文件，在此基础上再进行修改、补充[8]。
3.2注册和登录模块设计
 注册登录模块是系统的门户,在整个系统中占有重要的地位。它的主要功能是根据用户的录入信息进行身份识别,排除非法用户对本系统的使用,对合法用户则按照不同的级别分类处理，从而保证系统的运行安全，过程如图3所示[9]。

 
 
 
 
 
 
 
 
 
 
 
图3 过程图
 用户进入主页面后,要想法使用其他菜单的功能必须先进行注册,在将表单提交后,调用相应的程序进行处理。处理程序首先与数据库连接,查看是否存在同名和同密码的用户,若存在则显示提示信息,并重新返回注册表单,用户输入新的信息进行重新注册;若不存在同名且同密码的用户,则将注册信息写入数据库。在注册界面填写注册信息的时候，用下面的程序判断输入的信息是否正确：
 function checkform()
  {if  (adduser.username.value.length==0) {
  alert("用户名不得为空！");
  document.adduser.username.focus();
  return false;
  }
  if (document.adduser.passwd.value.length == 0) {
   alert("请输入您的密码！");
   document.adduser.passwd.focus();
   return false;
  }
   if (document.adduser.repasswd.value.length == 0) {
   alert("请确认您的密码！");
   document.adduser.repasswd.focus();
   return false;
  }
  if (document.adduser.passwd.value != document.adduser.repasswd.value) {
   alert("您两次输入的密码不一致！请重新输入。");
   document.adduser.passwd.focus();
   return false;
  } 
  if (document.adduser.email.value.length == 0 && !document.adduser.email.value.match( /^.+@.+$/ ) ) {
   alert("Email 错误！请重新输入");
   document.adduser.email.focus();
   return false;
  }
  if (document.adduser.realname.value.length==0){
   alert("请输入您的真实姓名！")
   document.adduser.realname.focus();
   return false}
  return true
  }
如若用户已经注册,则可输入名称和密码进入,在此过程中验证名称和密码是否相符以及在登录过程中用户的请求是否被允许从而显示不同的提示页面。用户登录的流程图如图4所示[10]。

通过在表单输入“用户名”和“密码”后点击“登录”提交表单,激活后台登录程序。如果“用户名”和“密码”匹配就可以进入,反之显示错误提醒页面。若登录成功,登录程序会把登录用户的信息写进Cookies,供以后各项功能实现时使用。
用户的登录程序如下：
<form name="form1" method="post" action="login.ASP?method=submit" onSubmit="return checkform()">
                    <table width="182" height="113" border="0" align="center" cellspacing="3">
                      <tr>
                        <td width="70">&nbsp;</td>
                        <td>&nbsp;</td>
                      </tr>
                      <tr>
                        <td> <div align="right">用 户：</div></td>
                        <td> <div align="left">
                            <input name="text1" type="text" id="text13" size="11" height="20">
                          </div></td>
                      </tr>
                      <tr>
                        <td><div align="right">密 码：</div></td>
                        <td> <div align="left">
                            <input name="text2" type="password" id="text2" size="11" height="20">
                          </div></td>
                      </tr>
                      <tr valign="top">
                        <td height="33" colspan="2">
                          <div align="center">
                            <input type="submit" name="Submit" value="登录">
                            &nbsp;&nbsp;
                            <input type="button" name="Submit2" value="注册" onClick="java script:window.open('register.ASP')">
                          </div></td>
                      </tr>
                    </table>
                  </form>
如果成功登录后将出现如图5的界面：

                             图5
这个界面的程序代码为：
<td>欢迎<font color="#FF0000"><%=rs4("loguser")%></font>回家！</td>
              </tr>
              <tr>
                <td>登陆次数：<font color="#FF0000"><%=rs4("logno")%></font>次</td>
              </tr>
              <tr>
                <td>你的身份：<font color="#FF0000"><%=usergroup%></font></td>
              </tr>
              <tr>
                <td>上次登陆时间：<br> <font color="#FF0000"><%=rs4("logtime")%></font></td>
              </tr>
              <%
strsql6="SELECT count(primsguser) as prino FROM primsg where primsgtype=1 and primsguser='"&session("username")&"'"
set rs6=conn.execute(strsql6)
%>
              <tr>
                <td>
                  <%
if rs6("prino")=0 then
 response.Write("你没有新的短消息")
 
else%>
              <bgsound src=images/notify.wav border=0 loop="1">    你现在有<a href="#" onClick="script:window.open('primsg.ASP','','width=480,height=240,left=300,top=200')"><font color="#FF0000"><%=rs6("prino")%></font></a>条新的短消息</td>
    到此，网站的用户注册登录界面就制作完了[11]。
3.3留言功能模块的设计
 Web留言板类似于BBS,但BBS的版面过多,不同的留言放在不同的主题中,由于庞大的信息量影响到网页信息搜索的速度,不适合应用于小型网站。本文所设计的是用于一个班级同学之间进行信息交流的场所,规模小、设计简单的Web留言版就可以实现信息交流的功能,而且它小巧简单,因此更易于实现,在速度上比BBS也占优。
 系统功能分析:(1)登录,已经注册的用户可以在登录界面输入正确的用户名和密码,就能够直接进入到留言板页面,同时不相关的信息写到Cookies数据集里,供以后各项功能实现时使用;(2)注册,如果是新用户,想进入留言板就必须通过注册,得到批准成为合法用户而取得留言及其权限;(3)留言,已经取得合法权限的用户可以在留言板里进行留言,或查看留言。
 动态网页要处理很多信息,这些庞大的信息一般交给后台数据库去处理。而Web数据库应用系统则通过Internet平台连接数据库,取得数据集,对其进行添加、修改、查询、删除等操作。对数据库进行的各种操作,可以通过使用SQL语言来实现。本文设计的留言板是以Access 2000作为后台数据库。以操作接口而论,具备方便、简易的特性,同时能完全利用Windows资源。ASP通过使用ADO所提供的对象及方法,能帮助用户建立各式各样,符合用户需求的Web数据库应用系统——OLEDB。OLEDB是连接数据库的新低层界面。它能处理任何类型的数据,无论它们的格式和保存方式是什么。程序开发者并不需要确切去了解其结构,只需要懂得如何利用它去连接数据库即可。
 在本留言板中,利用Microsoft Access2000建立了1个data.mdb数据库,而在其里面包含了2个表:user和mssg。整个留言板的所有信息交流都以这2个表为基础,所有数据的存取都通过对这2个表而进行操作。表user是用来存放注册用户的资料,表mssg是用来存放所有留言的信息。在完成数据库制作后,我们在对数据库进行存取前,必须要进行数据库的连接工作,进行数据库连接的方式有几种,其中1种是通过“控制面板”→“管理工具”→“数据源(ODBC)”来设置系统DSN。完成系统DSN设置后,就可以通过ADO对象对数据库进行存取操作了[12]。
3.3.1浏览留言
 用户可以在该页面浏览全部的留言,这些留言都存放在表mssg里,页面MSGBOARD.ASP中的显示留言,可通过对表mssg操作而显示到页面上。随着留言的增多,如果在一个页面里留言全部的留言,可想而知是非常不方便的,因此本设计为留言板提供了分页显示功能。通过ASP提供的Recordset的AbsolutePage就可以轻松的对数量繁多的留言进行有条理的分页显示。程序代码如下：
set rs=server.CreateObject("adodb.recordset")
sql="select * from mssg order by mssgtime desc"
rs.open sql,conn,1,1
if not rs.eof then
 rs.PageSize =10 '每页记录条数
 result_num=rs.RecordCount '记录总数
 maxpage=rs.PageCount
 page=request("page")
          
 if Not IsNumeric(page) or page="" then
  page=1
 else
  page=cint(page)
 end if
 if page<1 then
  page=1
 elseif  page>maxpage then
  page=maxpage
 end if
 rs.AbsolutePage=Page
else
 result_num=0
 maxpage=0
 page=0
end if
3.3.2发布留言
 任何的注册用户登录后都拥有发布留言的权利,在留言主页面提供了用来发布留言的输入框,用户可以通过表单发表留言,并选择留言主题的标志,发布留言是通过程序MSGADD.ASP来实现的。留言板的代码为：
添加，更新记录
if request.Form("method")="submit" then
 if session("usergroup")=0 then
   response.write"<script>alert('对不起，您还没有经过同学验证，无权发布消息！');location='"&request.ServerVariables("HTTP_REFERER")&"'</script>"
   response.end
  end if
  mssgid=request.Form("mssgid")
  mssguser=session("username")
  mssgcontent=HTMLEncode(replace(trim(request.Form("mssgcontent")),"'",""))
  
  set rs1=server.CreateObject("adodb.recordset")
  if mssgid="" then     '增加记录
   rs1.open "mssg",conn,2,3
   rs1.addnew
   rs1("mssguser")=session("username")
   rs1("mssgcontent")=mssgcontent
   rs1("mssgtime")=now()
   rs1.update
   rs1.close
   set rs1=nothing
   response.Redirect("msgboard.asp")
  else
   sql1="select mssgcontent from [mssg] where mssgid="&mssgid
   rs1.open sql1,conn,2,3
   rs1("mssgcontent")=mssgcontent
   rs1.update
   rs1.close
   set rs1=nothing
   response.Redirect("msgboard.asp")
  end if
 end if
 发布留言程序先以登录后写进Cookies数据集合中的用户名作为发布者的姓名,如果Cookies是空的话,就转到提示要先登录的页面。确认后接受表单提交来的信息写进表mssg中。然后转回到MSGBOARD.ASP留言页面,而MSGBOARD.ASP中的显示留言程序根据更新后的表mssg而重新分页显示留言。
3.4资料修改功能模块的设计
 用户在主页面上点击“修改资料”进入资料修改页面memberedit.ASP,通过这个功能模块来修改个人的注册信息,但用户名不能修改。修改之前用户必须要输入正确的密码。而修改密码的时候2次输入的密码要相同。修改资料功能是通过程序memberedit.ASP来实现,如果资料修改成功就转到提示修改成功的页面并修改表user的数据,如果不成功便转到相应提示错误的页面。通过下列程序实现：
function checkform1()
 {if  (form1.oldpasswd.value.length==0) {
 alert("请输入您原来帐号的密码！");
 form1.oldpasswd.focus();
 return false;
 }
 if  (form1.newpasswd.value.length==0) {
 alert("请输入您的新密码！");
 form1.newpasswd.focus();
 return false;
 }
 if  (form1.renewpasswd.value.length==0) {
 alert("请确认您的新密码！");
 form1.renewpasswd.focus();
 return false;
 }
 if  (form1.newpasswd.value != form1.renewpasswd.value) {
 alert("您两次输入的密码不一致！请重新输入！");
 form1.newpasswd.focus();
 return false;
 }
 return true
 }
 
 function checkform2(){
 if (document.form2.realname.value.length==0){
  alert("请输入您的真实姓名！")
  document.form2.realname.focus();
  return false;}
if(document.form2.email.value.length==0&& !document.form2.email.value.match( /^.+@.+$/ ) ) {
 alert("Email 错误！请重新输入");
  document.form2.email.focus();
  return false;
 }
 return true;
 }
3.5　相片上传与浏览的设计
 用户还可以将自己喜欢的相片上传供其他用户浏览。用户在主页面上点击“班级相册”进入页面photo.ASP。相片的上传：由于ASP使用基于开放设计环境的ActiveＸ技术,本留言板即利用ActiveＸ组件ASPSmartUpload来实现相片上传功能。该组件在下载并安装后方可使用。相片的上传是通过文件upload.ASP的上传程序up来实现的,并将上传相片的所有信息都存放在表upload里,包括相片的名称、说明、上传时间、上传人姓名等。而且对于上传的相片的类型和大小都有所限制,只能上传jpg和gif类型的相片,而且相片大小不能超过300Ｋ。如果用户上传的相片不符合要求,程序便进行判断,并显示错误原因,具体编码如下:
function checkform(){
if (document.form1.phototitle.value.length==0){
 alert("图片标题不能为空！");
 document.form1.phototitle.focus();
 return false;
 }
if (document.form1.photo.value.length==0){
 alert("图片地址不能为空！");
 document.form1.photo.focus();
 return false;
 }
if  (document.form1.photocomment.value.length>200) {
 alert("您发表的留言大于所规定字数！");
 document.form1.photocomment.focus();
 return false;
 }
 return true
 }
3.6相片的列表与显示
 该功能是把所有相片的相关信息如相片的说明、上传时间、上传人姓名等通过列表的方式显示出来,由于相片的数量可能很多,因此在这里也使用了分页显示,并在每张相片的说明文字上添加链接,用户通过点击链接就可以激活photo.ASP中的程序,实现浏览相片功能。
参考文献：
[1] 肖金秀等.Dreamweaver网页实例大制作[Ｍ].北京:冶金工业出版社,2001.
[2] 马照亭等.ASP Web编程实例教程[Ｍ].北京:北京希望电子出版社,2002.
[3] 肖金秀等.ASP网络编程技术[Ｍ].北京:清华大学出版社,2001.
[4] 云舟工作室.精通ASP网络编程[Ｍ].北京:人民邮电出版社,2001.
[5] 李志义,王志强.用ASP制作Web图书馆中的留言本[Ｍ].北京:人民邮电出版社, 2000.
[6] 张大斌. Web 上基于 ASP 的数据库应用研究[J ]. 计算机工程与科学 , 2001.
[7] 荣波. 利用 ASP 开发事务型 Web 应用软件[J ]. 电脑与信息技术 , 2000.
[8] 白以恩.计算机网络基础及应用[M].哈尔滨:哈尔滨工业大学出版社，2000.
[9] 沈文智. Microsoft IIS 网页技术[M]. 北京 :人民邮电出版社 ,1998.
[10] 林金霖. ASP 务实经典[M]. 北京 :中国铁道出版社 , 2000.
[11] 孙江宏.计算机网页制作与设计应用教程[M].北京：北京工业大学出版社。2000.
[12] 谭浩强,网页制作技术[M].北京：清华大学出版社。2000.
致    谢
 本论文从选题、初稿、修改、到最终出炉，都是在导师周淑琴老师的指导下完成的，在论文的各个理论环节和实验部分导师都投入了大量的精力给予指导。在本科学习的四年学习时间里，正是在各科老师的指导和帮助下，本人才能完成各项任务，顺利毕业，在此对各科老师表示感谢。对本人给予指导和帮助的还有许多其他朋友和同学。在此一并表示感谢。
 此外，对四年来资源环境学院给本人的辛勤培养和教育也表示感谢。

相关论文