(精品论文)论文 江西省希望工程网站的设计与实现

摘 要在最早的网站建设中WEB都是完全静态的，其页面的核心是一种标记语言即HTML，该标记语言编写简单，不需要有特定的语言编写环境，任何一种编译器即可实现其编写，然后使用浏览器即可观看到其运行的结果。由于其完全的静态所以若网站的维护者需要更新WEB中的内容时都须手动操作更改所有的HTML文档，这对于小型的个人网站还不构成问题，但对于大型的商业网站来说那就是一件让人烦躁的事，所以被新的技术所取代也成了一种必定发展的趋势了，DHTML为HTML带来了崭新的面孔，CGI、ASP把WEB带进了一个新的领域。ASP（Active Server Pages）是Microsoft公司开发的一种开放式的非编辑应用环境，我们能够组合HTML，Scripts和可重用的ActiveX服务器来建立动态的，强大的基于WEB的商业应用。ASP得以生存是因为它有意义，它属于一种“开放技术框架”，意思是您无须使用微软的产品就能编写它的代码。如今越来越多的人开始选择ASP，因为所有这些相应的微软开发工具都很好，能节省开发者的大量的时间，ASP以最小的代价利用COM和DCOM（组件对象模型和分布式组件模型）对象的优势。本文简要介绍了希望工程-江西在线网站的开发过程，该网站主要基于ASP一技术来开发建设的，其完整的后台管理功能实现了新闻发布、在线捐款、在线留言等各种动态系统。关键字：ASP、数据库、HTML计算机科学与技术（师范）毕业论文 江西省希望工程网站的设计与实现AbstractAt the beginning of websites construction,the websites all static,the kernel of the web page is a markup language which called HTML,the language written easyly,it doesnt need the special environment to compile,it can be compiled in every compiler,and then we can see the result when it runs in the browser.Because of static property,if stationmaster of website need to update the informations of the website,then that he must manual to update the whole HTML document,if its a personal website,its not a problem to the owner,but if its a large commercial website it must be a bothers thing,so it must be replaced by a new technology,DHTML take a new face for HTML,and CGI.ASP take the web to a new field.ASP(Active Server Pages) is Microsofts product that is a application environment,opening and none compile,we can construct a commercial website that active,huge and base on the web with HTML Scripts and ActiveX server.The reason why ASP can live to today is that it has its own significance,it belong to opening technology frame,it means you dont need to use the product of Microsoft to compile the code.Day after day ,more and more people choice ASP begin,because the product of Microsoft which correspond to ASP be used well,it can save a lot of time for the developer,and ASP can make use of COM and DCOM (Component Object Model and Distributed Component Object Model ) with the least of cost.This article main to introduces the course of Project Hope-Jiangxi Online websites exploitation,this website main bases on ASP, it has a integrated background manage system what imples news issue,donate online,leaveword and more active system.Keywords: ASP , DataBase , HTML目 录13334445666789999101111121213141414151516161616目 录 . 引 言 . 1、网站的开发背景. 2、开发工作的思路.第一章 ASP技术的论述1.1 HTML语言简述1.2 Active Server Pages简述1.3 Active Server Pages特点第二章 后台系统及目标设计分析2.1 网站功能分析与目标设计2.2 测试服务器MS IIS的安装与配置2.3 网站导航地图的定制2.4 整站外观风格的统一与设计第三章 “新闻动态”的实现3.1 数据库的创建与链接.3.2 后台管理员登陆页面（login.html）3.3 管理员身份确认（check.asp）3.4 后台控制（含管理员修改密码）（administrator.asp）3.5 “新闻报道” 3.5.1 目标设计与功能设计思路 3.5.2 数据库的设计与实现. 3.5.3 前台新闻列表页面（news.asp）. 3.5.4 前台详细内容显示页面（news_view.asp） 3.5.5 后台新闻添加页面（news_add.asp） 3.5.6 后台新闻编辑页面（new_edit.asp） 3.5.7 后台图片上传页面（fileupload.asp）3.6 机构动态3.7 爱心公告第四章 “爱心超市”的实现4.1 目标设计与功能设计思路4.2 数据库的设计与实现4.3 用户注册页面（club_reg.asp）.17181919202020212122222222222223242526264.4 保存用户注册信息（save_reg.asp）4.5 注册用户登陆和密码的修改第五章 “救助档案”的实现5.1 目标设计与功能设计思路5.2 数据库的设计与实现5.3 贫困学生档案查询实现5.4 捐助人填写个人信息（donate.asp）5.5 保存捐助人信息（save_donate.asp）5.6 个人捐款历史查询实现第六章 在线留言系统的实现6.1 目标设计与功能设计思路6.2 数据库的设计与实现6.3 留言内容显示页面（guestbook.asp）6.4 用户发布留言内容页面（leaw.asp）6.5 留言内容确认和保存（handle.asp）6.5 留言内容的编辑（editgbook.asp）第七章 其他静态信息的建立及网站的发布第八章 总结与讨论参考文献致谢2001级计算机教育（1）班 蔡浩 第29页 共29页引 言1、网站的开发背景江西省青少年发展基金会是1991年8月由共青团江西省委创办的，具有独立法人地位的非营利性社会团体，为得到更多海内外关心江西青少年事业的团体、人士的支持和赞助，促进江西省青少年工作、社会教育、科技、文化和福利事业的发展，为青少年成长、成才更好的服务，所以基金会特策划“希望工程江西在线”网站的开通并与江西师范大学建立友好合作关系。2、开发工作的思路 江西省希望工程网站站名：希望工程江西在线，英文名：Project Hope Jiangxi Online，属于政府官方型网站，所以在外观的设计上一定要以正规明朗的思路来引导建设过程，切不可过于创意和花哨。明确了网站的性质后，建设过程就有了一条较为明朗的引导思路，首先我们需要构思好网页的大致布局，以及主色调，这些都会直接影响访问者在浏览时的情绪。大致网页框架布局好后就是动态系统的制作了，首先是新闻相关频道，由于新闻更新的时时性，我们可以采用后台更新的方式来制作，即实现新闻在线发布系统，该系统除了适用于新闻发布，也适用于“爱心公告”频道中发布已向希望工程捐款的爱心人士相关信息，以及“救助档案”频道中发布需救助的贫困学生的档案资料。为强大江西希望工程事业的团体队伍，特设“爱心超市”频道，该频道用来收集愿为江西希望工程事业做贡献的青年志愿者的个人资料，于是就需要一个注册系统提供给志愿者提交个人信息，以及可以修改登陆密码功能，和其他网站一样该网站也需要一个可以实现访问者在访问过网站后提交个人对网站的一些提议或给主办单位的留言和建议。为方便操作和编辑发布的信息，还需要一个后台，该后台只有指定的管理员才可以进行操作，所以需要创建一个登陆系统来确认身份，而且后台内的每个发布系统都需要有确认身份的代码。此外，为避免数据库的数据量过大而导致网站访问速度的缓慢，我们可以建立一些静态页面来发布不需常更新的信息，比如“美好江西”、“关于我们”，这些栏目的信息数据量偏大但却不需要常常更新，所以我们可以使用html超文本标记语言排版发布这些信息。为减少一些重复的工作，我们还可以建立一些特殊的文件，比如头顶的菜单部分，还有底端的版权信息部分，然后使用调用的方式将其直接置入当前页面。在开发过程前我们可以先准备好一些特别的文件夹，用来分类存放不同类型的文件，以便在日后维护时能快速的检索出需要修改更新的文件，比如建立images文件夹来存放图片、database存放数据库文件，还有文件和参数我们也要准备好使用一种容易辩识的名字来命名和定义，这些看似细小的环节最好不要忽视了，如果对这些小细节采取粗略态度的话，将会给自己在建站时增加不必要的麻烦，大大降低效率。为加大开发网站的效率以及增加网站的可看性，我们可以准备一些辅助工具，比如Macromedia 的产品DreamWeaver、Flash、FireWorks，还有Flashftp等等第一章 ASP技术的论述1.1 HTML语言的简述 自1990年HTML就开始成为World Wide Web上发布信息的表示语言，但由于其完全的静态特征，所以仅能提供大量的文字信息服务，当网站内容需要更新时，维护者就必须手动更改所需要更新的文档，若所须更新的文档量较大时，网站的更新就成为一个烦琐的事了。 HTML是一种为普通文件中某些字句加上标记的语言，其目的在于运用标记使文件达到预期的效果，其英文全称：Hyper Text Markup Language，中文全称：超文本标记语言。HTML为编写者提供了以下功能：（1）编写在线的文档，包括标题、文本、表格、列表以及图片等内容；（2）通过超级链接可以在线查阅检索信息；（3）可以直接在文档中插入电子表格、视频音频剪辑、以及其他的一些应用；（4）为获得远程服务而设计的表单，可以用于检索信、定购产品等。HTML格式简单，易于编写，使用任何文字编辑器即可编写HTML文档，用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台（如UNIX，WINDOWS等）。1.2 ASP简述ASP是微软公司开发的一套服务器端的脚本环境，基于服务器端的支持下，用于创建运行交互式的动态网页，它拜托了之前所有动态页面的局限性，以简单易学的特征、良好的数据库操作功能，成了目前国内主流动态网页技术。ASP英文全称：Active Server Pages，在微软的官方站点上对ASP权威定义是：Active Server Pages是一种开放式的非编译应用环境，使您能够组合HTML、Scripts和可重用的ActiveX服务器组件来建立动态的，强大的基于Web的商业应用。Active Server Pages支持基于IIS上的服务器端脚本并且完全支持VBScript和Jscript。Active Server Pages的发展经历了以下几个阶段：静态HTMLDHTML（动态HTML）CGI（公共网关接口）Active Server PagesASP得以生存是因为它有意义，它属于一种“开放技术框架”，意思是您无须使用微软的产品就能编写它的代码。如今越来越多的人开始选择ASP，因为所有这些相应的微软开发工具都很好，能节省开发者的大量的时间 ASP以最小的代价利用COM和DCOM（组件对象模型和分布式组件模型）对象的优势。1.3 ASP特点 ASP 内含于 IIS 3.0以上版本中 , 通过 ASP 我们可以结合 HTML 网页、 ASP 指令和 ActiveX 元件建立动态、交互且高效的 WEB 服务器应用程序。有了 ASP 你就不必担心客户的浏览器是否能运行你所编写的代码，因为所有的程序都将在服务器端执行，包括所有嵌在普通 HTML 中的脚本程序。当程序执行完毕后，服务器仅将执行的结果返回给客户浏览器，这样也就减轻了客户端浏览器的负担，大大提高了交互的速度。 以下罗列了 Active Server Pages 所独具的一些特点： 1. 使用 VBScript 、 JScript 等简单易懂的脚本语言，结合 HTML 代码，即可快速地完成网站的应用程序。 2. 无须 compile 编译，容易编写，可在服务器端直接执行。 3. 使用普通的文本编辑器，如 Windows 的记事本，即可进行编辑设计。 4. 与浏览器无关 (Browser Independence), 用户端只要使用可执行 HTML 码的浏览器，即可浏览 Active Server Pages 所设计的网页内容。 Active Server Pages 所使用的脚本语言 (VBScript 、 Jscript) 均在 WEB 服务器端执行，用户端的浏览器不需要能够执行这些脚本语言。 5.Active Server Pages 能与任何 ActiveX scripting 语言相容。除了可使用 VBScript 或 JScript 语言来设计外，还通过 plug-in 的方式，使用由第三方所提供的其他脚本语言，譬如 REXX 、 Perl 、 Tcl 等。脚本引擎是处理脚本程序的 COM(Component Object Model) 物件。 6.Active Server Pages 的源程序，不会被传到客户浏览器，因而可以避免所写的源程序被他人剽窃，也提高了程序的安全性。 7. 可使用服务器端的脚本来产生客户端的脚本。 8. 物件导向（ Object-oriented ）。 9.ActiveX Server Components(ActiveX 服务器元件 ) 具有无限可扩充性。可以使用 Visual Basic 、 Java 、 Visual C+ 、 COBOL 等编程语言来编写你所需要的 ActiveX Server Component 。 第二章 后台系统及目标设计分析2.1 网站功能分析与目标设计江西希望工程网为江西省青少年发展基金会为救助失学青少年儿童而设立的慈善捐助网站，其功能主要如下：1. 发布希望工程及主办单位内部的最新动态；2. 发布捐献人的名单和希望工程里发生的感人故事3. 发布急需救助的贫困学生的档案和资金贫乏的学校的信息4. 实现在线通过网络直接为所指定的贫困学生捐款5. 实现过客在线留言6. 实现用户注册登陆7. 宣传希望工程的上级政策和人文精神8. 宣传江西的人文和地理风景9. 宣传主办单位的资料和发展历程此外还需要增加一个后台管理，实现在线更新前台内容，比如第1点功能需实现后台增加新闻，并可以随时更改或删除已增加的内容，后几个内容也相类似。2.2 测试服务器MS IIS的安装与配置为方便预览和测试动态页面的运行效果，我使用了本地的Microsoft IIS 5.1作为测试服务器。安装MS IIS非常简单，只需要打开“控制面板”里面的“添加/删除程序”选项”，如下图所示，然后按照系统的提示进行安装即可。安装成功后，IIS在系统目录下创建了一个名为Inetpub的文件夹，Inetpub下有个wwwroot文件夹，新建的网页放在此目录下即可使用浏览器查看，测试方法也很简单只要在浏览器的地址栏中输入/*（需要测试的文件名）即可。打开控制面扳中的“Internet 信息服务”，在左边的树型菜单中，依次展开菜单可以看到“默认网站”一栏，右键点击“默认网站”，选择“属性”，即可对IIS服务器进行配置，由于我只是将该服务器做为测试，并非用于发布，所以在即将开发的网站中基本不需要对IIS的属性做任何改动。该网站的开发及测试环境：Microsoft Windows XP professional 2002 SP1 Microsoft IIS 5.1 、Intetnet Explor 6.0 显示屏分辨率:1024*768 2.3 网站导航地图的定制网站地图请您留言加入收藏设为首页联系我们真实瞬间机构简介组织机构工作人员机构荣誉榜我们的位置事业的回眸历年审计报告在线捐款捐款方法政策导航希望工程简介希望工程助学希望工程建校希望电脑室感人故事希望工程简介希望工程助学希望工程建校希望电脑室希望工程简介希望工程助学希望工程建校希望电脑室希望图书室希望之星新闻报道新闻动态爱心公告在线捐助关于我们捐款方法爱心超市救助档案捐助项目美好江西新闻动态欢迎页面首页2.4 整站外观风格的统一与设计江西省希望工程网属于政府官方型网站，所以在选择风格颜色和外观布局上还是一个不容忽视的环节，通过和相关专业人士探讨后，我选用了绿、橙黄做为网站的主色调，绿色象征健康和希望，橙色代表幸福，而且绿色是环保色，对人的眼睛有好处，橙色则能让人有种温暖的感受，所以网站大体视觉为这两种色调。在布局上我最后还是选用了一种较为正规且常用的网页布局方案，其大致结构见下：各栏目标题显示页面 详细内容显示页面顶部（head.asp）详细内容显示部分底部（foot.asp）顶部（head.asp）子栏目标题导航子栏目标题列表底部（foot.asp）确定了主体布局后，下面就是首页的排版，由于一个网站给访问者的第一印象就是首页，所以首页的布局非常重要，除了需要明朗美观的结构，还要能准确提供访问者最想从网站中提取的资料信息，下面就是我给江西希望工程首页定的最终布局：顶部最新捐款人和捐款金额新闻报道每月公告救助档案查询机构动态Flash宣传动画会员登陆真实瞬间（照片）政策导航美好江西我们的位置感人故事在线捐助友情链接版权、地图导航等底部第三章 “新闻动态”的实现3.1 数据库的创建与链接该网站没有使用到ODBC这种形式的数据库，而是直接采用了Access文件的相对路径来实现读取数据库的功能，代码见下： 定义连接字符串 dim conn,connstr on error resume next 定义数据库相对网站根目录路径，数据库的驱动为微软公司的Access connstr=DBQ=+server.mappath(database/data.mdb)+;DefaultDir=;DRIVER=Microsoft Access Driver (*.mdb);将该代码保存为conn.asp，放进根目录下，并在根目录下的database（需新建）内新建一个data.mdb文件。3.2 后台管理员登陆页面（login.html） 该页面主要涉及到一个提交表单，表单内主要有两个表单元素，见下：名称表单数据类型含义idtext管理员帐号passwordpassword登陆密码当表单被提交时，表单内的信息将会被“post”到check.asp进行处理。为此先创建一个名为login的表，其结构很简单，只有两个字段，分别为id（管理员帐号）和password（登陆密码），数据类型都为文本。3.3 管理员身份确认（check.asp）首先连接数据库，md5.asp为对密码加密文件，可以对管理员的登陆密码加密，增加网站后台的安全性：然后对所输入的帐号和密码进行核对，代码及功能注释见下： 如果表单中name为id和password的值为空则警告，并退回上一页dim id,passwordid=Request.Form(id)Password=Request.Form(password)If(id=Or Password=)Thenresponse.writealert(用户名或密码不能为空，请重新输入！);history.back();Response.EndEnd If 从login表中提取出所有id、password和表单提交的id、password值，创建记录集strsql=Select * From login Where id=& id & And password =&Password & Set rs= Server.CreateObject(ADODB.Recordset)rs.open strsql,conn,1,1 如果记录为空则警告，并退回上一页If rs.EOF Thenresponse.writealert(用户名或密码有误，请重新输入！);history.back();Response.EndElse 否则若id符合，则跳进administrator.asp页面session(id)=idResponse.Redirect administrator.aspResponse.EndEnd If3.4 后台控制（含管理员修改密码）（administrator.asp）我们将管理的主要控制菜单放在该页面的左侧，右侧主要做了一个表单，该表单为管理员修改密码的表单，其所有表单元素见下：名称表单数据类型含义pwd2password新密码pwd1password新密码确认sumbitsumbit提交表单表单将post给changepassword.asp，changepassword.asp是确认管理员两次输入密码相同性： 如果表单中的pwd1或pwd2的值为空则警告，退回前一页dim pwd1,pwd2pwd1=md5(Request.Form(pwd1)pwd2=md5(Request.Form(pwd2)If(pwd1=Or pwd2=)Thenresponse.writealert(输入错误，请重新输入！);history.back();Response.EndEnd If 如果两次密码输入不同则警告if(pwd1pwd2) thenresponse.writealert(输入错误，请重新输入！);history.back();Response.EndElse 创建记录集对象，执行sql语句sql=select password from loginSet rs= Server.CreateObject(ADODB.Recordset)rs.open sql,conn,1,3 更新数据库，提示成功，页面转入administrator.asprs(password)=pwd1rs.updateresponse.writealert(恭喜，密码修改成功！);location.href=administrator.asp;End If %3.5 “新闻报道”3.5.1 目标设计与功能设计思路 该栏目主要用来发布国际国内希望工程的最新动态，首先新闻需包括标题、新闻内容和发布时间也可以加入信息发布者的信息等内容。由于新闻的数量问题，所以需要一个专门列出新闻标题的页面（news.asp），当浏览者点击标题时就可以进入相应的新闻详细内容（news_views.asp），这两个页面基本能满足了新闻的浏览功能。新闻列表（news.asp）新闻内容显示（news_view.asp）为了方便发布新闻，管理员可以通过login.html登陆进后台，然后使用news_add.asp来添加新闻，添加的新闻将显示到前台news.asp的新闻列表内，也可以使用news_edit.asp来修改或删除已添加的新闻，其系统的功能结构如下图：后台控制页面(administrator.asp)管理员确认（check.asp）后台管理登陆（login.html）添加新闻（news_add.asp）删除、修改新闻（news_edit.asp）3.5.2 数据库的设计与实现根据功能设计的要求，可以列出以下 数据项：新闻ID（自动编号）、新闻标题tittle、新闻详细内容content、新闻发布时间times、新闻编写者writer、新闻相关图片pic。由此该栏目的信息表（news表），其结构如下所示：3.5.3 前台新闻列表页面（news.asp）该页面主要显示新闻列表，它将把所有最新的新闻以列表的形式根据更新时间来排列，更新时间越近的排在越前，当每页的新闻条数超过10条时自动分页。我使用JavaScript来实现当用户点击新闻标题时弹出窗口显示新闻的详细内容：function NewsWindow(id)window.open(news_view.asp?id=+id,infoWin,height=500,width=800,scrollbars=yes,resizable=yes,toolbar=yes,location=yes,menubar=yes,status=yes);/ 定义弹出的窗口长500，宽800，带有滚动条，可以调整窗口大小，显示工具栏，显示地址栏，显示菜单栏，显示状态栏 创建记录集对象对所检索数据空做处理 建立记录集对象set rs=server.createobject(adodb.recordset) 执行sql语句，检索news表内的数据集，将其按新闻的ID做降序排列sql=SELECT * from news order by ID descrs.open sql,conn,1,1 如果数据集为空，则页面显示提示“还没有任何内容”if rs.eof and rs.bof thenresponse.write 还 没 有 任 何 内 容else%为方便访问者的浏览以及检索数据库的数据量过大而造成的访问速度降低，我们采用分页的形式来分成多页显示。显示新闻标题及发布时间 执行脚本newswindow，为变量，给创建超级链接a href=javascript:NewsWindow() 显示发布时间 t=rs(times) t1=split(t, )(0) response.write t1记录指向下一个rs.movenextNext对分页后显示的导航连接的判断和显示： 如果当前页数大于1，无论何时都应显示首页和上一页的连接if rs.PageCount1 Then If pagecount1 Then Response.Write 首页 Response.Write 上一页 End If 如果当前页数大于总页面数时，显示出尾页和下一页的连接 If pagecountrs.PageCount Then Response.Write 下一页 Response.Write 尾页 End If执行更新操作后，关闭释放数据库连接rs.closeset rs=nothingconn.closeset conn=nothing3.5.4 前台详细内容显示页面（news_view.asp）当浏览者点击新闻标题时，将弹出相应标题的新闻，这时就需要一个页面来显示新闻的详细内容： 如果游标到了记录的尾端，则提示错误，并关闭对象释放资源if rs.eof thenresponse.write 错误的ID号3.5.5 后台新闻添加页面（news_add.asp）管理员可以通过后台发布新闻，该页面即可实现，首先调用conn.asp文件连接数据库，然后对管理员身份进行验证： 如果用户提交的id为空，页面则转入login.html即管理员登陆页面if session(id)= then response.redirect(login.html)确认管理员身份，判断所填入的资料是否为空，为空则警告，否则将表单中的数据保存数据库：if rs.eof or rs.bof then rs.addnew end if3.5.6 后台新闻编辑页面（new_edit.asp）如果del参数不为空则执行sql语句，将字段中相应del参数的ID删除：if request(del) then conn.Execute(delete * from news where id=&request(del)给各新闻加上删除连接：a href=newsedit.asp?del=删除3.5.7 后台图片上传页面（fileupload.asp）调用化境ASP无组件上传类文件，该文件为网络资源：保存文件asp代码： 建立上传对象set upload=new upload_5xsoftfor each formName in upload.objForm nextfor each formName in upload.objFile 生成一个文件对象 set file=upload.objFile(formName) 如果文件大小不为0则将该文件保存进服务器路径“image/&file.FileName” if file.FileSize0 then file.SaveAs Server.mappath(image/&file.FileName) 建立记录对象集，执行sql语句 sql=select * from news order by id set rs=Server.CreateObject(ADODB.recordset) rs.open sql,conn,1,3 指向最后一条记录，将文件 rs.MoveLast rs(pic)=file.Filename 提示成功，退回前一页（发布新闻页面） response.writealert(添加图片成功!);history.back(); end if建立上传表单，action事件为本身，enctype=multipart/form-data表示这个表单的MIME编码为multipart/form-data，以确保匿名上载文件的正确编码，默认时是 application/x-www-form-urlencoded：3.6 “机构动态”该栏目的设计思想和上一节的道理一样，也是实现一个新闻发布系统，只不过在发布的内容有所不同，所以我们可以将第一节的所有程序copy一份，将copy后的文件进行相应重新命名即可。最后还需要做的就是在数据库内增加一个名为jgdt的表，创建六个字段，同上一节，这里就不重复了。3.7 “爱心公告”“爱心公告”是主办单位用来发布已经向江西希望工程捐款的爱心人士的名单和信息。该栏目思想同新闻发布系统，但它不需要图片上传系统，也不需要专门的页面来显示捐款人的信息，比新闻系统还要简易。 “爱心公告”的数据表（aixin表）主要涉及到七个数据项：捐款人ID（自动编号），捐款人姓名（name），捐款项目（xiangmu），捐款对象（number），捐款金额（total），捐款途径（fangshi），捐款人留言（liuyan）。其结构见下：在以上这些数据项里，基本都是由捐款人在捐款时自己提交的信息，管理员在确认其真实姓名后将其从后台发布，最后显示在前台的列表内。第四章 “爱心超市”的实现4.1 目标设计与功能设计思路“爱心超市”是青年志愿者提交自己信息的栏目，为实现这个栏目，就需要一个页面club_reg.asp来提供给志愿者注册个人信息，然后在club.asp页面输入自己的登陆帐号和密码进入自己的管理页面club_manage.asp，出于安全考虑，还需要一个可以修改登陆密码的页面club_cpass.asp，该栏目对功能要求不大，所以其结构不复杂，实现简单。4.2 数据库的设计与实现该栏目的数据表（vip表）主要涉及到数据项有：会员ID（自动编号）、会员姓名name、联系地址address、联系电话phone、留言content、地址邮编code、注册时间time、登陆名user、登陆密码password，其结构见下：4.3 用户注册页面（club_reg.asp）该页面主要就一个注册信息填写表单，表单action事件为save_reg.asp该表单元素见下：名称表单元素类型含义usertext登陆帐号Password1password登陆密码Password2password确认密码nametext志愿者真实姓名addresstext联系地址codetext邮编phonetext联系电话contenttext留言内容submitsubmit提交表单resetreset重设表单4.4 保存用户注册信息（save_reg.asp）当志愿者提交表单后，所填写的数据将被post到save_reg.asp处理，首先调用两文件，数据库连接文件和md5密码加密文件。 检测用户名是否被使用： 如果记录不为空，则警告并退回前一页if not(rsReg.bof and rsReg.eof) thenresponse.writealert(此用户名已经注册，请选择另外一用户名！);history.back();确认密码和用户名的合法性： 如果密码字符多于8或少于4则警告，退回前一页if passwordlength8 or passwordlength4 thenresponse.writealert(密码长度不对！);history.back();else 如果用户名长度多于10，则警告，退回前一页if