ASP 动态网页设计课件 第10章 使用ASP设计应用程序

ASP动态网页设计3.记忆力强计算机的存储器类似于人的大脑，可以“记忆”（存储）大量的数据和信息，在计算的同时，还可以把中间结果存储起来，供以后使用。第10章使用ASP设计应用程序学习目标1.通过对实例的剖析和演练，巩固掌握ASP程序设计的方法和技巧，加深理解前面各章节的知识。第10章使用ASP设计应用程序10.1会员注册、登录和管理系统10.2网络在线投票系统10.3留言本10.1会员注册、登录和管理系统10.1.1系统简介10.1.2数据库设计10.1.3系统文件构成10.1.4表单验证10.1.6会员登录模块10.1.7会员资料修改模块10.1.5会员注册模块10.1.8会员管理模块任务10.1【任务引入】在网站制作或者网络应用程序的开发中，会员注册、登录和管理这些功能都是非常普遍的。【任务目标】掌握会员注册、会员登录、会员修改资料、管理员删除会员的方法。【任务内容】来访者通过前台表单页面填写相关信息后完成注册，然后登录系统，并能修改自己的个人资料。管理员登录后，能删除会员。【任务分析】1.前台表单页面里包含有常见的一些表单域，需要搞清楚如何设置这些表单域。2.用户填写注册信息后，在提交到服务器处理之前，应对表单数据进行验证。3.注册成功之前，应按照用户名的唯一性查询数据库，确保当前用户名和已有用户名不会重复。4.登录系统后，应使用Session变量设置登录标志。5.会员登录后要利用权限控制，使用户只能修改自己的个人信息。6.管理员登录后，使用Session变量设置管理员登录标志，同时可删除会员。7.退出系统时，清理登录标志。

【程序代码】由于本任务涉及的文件和代码较多，在下面的学习中，我们将分步给出所有的模块代码。10.1.1系统简介字段数据类型是否主键说明ID自

动

编

号是编

号username文本会员用户名password文本会员密码sex文本会员性别personalinfo文本会员个人简介qq文本会员QQ号码mail文本会员电子邮件add文本会员地址ntime文本会员注册时间10.1.2数据库设计字段数据类型是否主键说明ID自

动

编

号是编

号username文本管理员用户名password文本管理员密码10.1.3系统文件构成本系统主要由以下文件构成：addnewdata.asp

在数据库中添加会员资料，完成会员注册。admin.asp

显示已注册会员列表，并可删除会员。adminlogin.asp

判断管理员用户名及密码是否正确。adminindex.asp

管理员登录界面。change.asp

修改会员注册资料。conn.asp

数据库连接。del.asp

删除选定会员。index.asp

系统首页，会员登录界面。login.asp

判断会员用户名及密码是否正确。logout.asp

注销登录。modifyinfo.asp

修改会员注册资料。reg.asp

会员注册界面。userinfo.mdb

数据库文件。10.1.4表单验证会员注册界面中的表单验证，主要是对会员是否填写了用户名、是否输入了至少6位的密码、两次输入的密码是否相同、电子邮件地址输入是否正确进行了验证。1．会员注册界面中的表单验证<SCRIPTLANGUAGE="JavaScript"><!--functionvalidata(){f=document.login_form;

if(f.username.value==""){alert("请输入用户名");

f.username.focus();returnfalse;}

if(f.password.value==""){alert("请输入密码");

f.password.focus();returnfalse;}}//--></SCRIPT>2．会员登录界面中的表单验证<SCRIPTLANGUAGE="JavaScript"><!--functionvalidata(){f=document.login_form;

if(f.username.value==""){alert("请输入用户名");

f.username.focus();returnfalse;}

if(f.password.value==""){alert("请输入密码");

f.password.focus();returnfalse;}}//--></SCRIPT>3．管理员登录界面中的表单验证10.1.5会员注册模块在首页点击链接“注册成为新会员”后，即可进入会员注册界面文件reg.asp。注册界面的设计如图10.2所示。各表单域的名称及类型如表

表单域含义表单域类型表单域名称用户名文本域(单行)username密码文本域(密码)password确认密码文本域(密码)password2表单域含义表单域类型表单域名称性别文本域(单行)SexQQ文本域(单行)QQEmail文本域(单行)Mail地址文本域(单行)Add个人介绍文本区域Personalinfo提交按钮(提交表单)Submit重置按钮(重设表单)Submit210.1.6会员登录模块进入本系统首页，即可进行会员登录。会员登录界面的设计如图10.3所示。会员登录界面中的表单设置如表表单域含义表单域类型表单域名称用户名文本域(单行)username密码文本域(密码)password确定按钮(提交表单)Submit取消按钮(重设表单)Submit210.1.7会员资料修改模块当会员正确输入用户名及密码后，系统会转至会员资料修改页面。会员资料修改页面的设计如图10.4所示。修改会员注册信息界面中的表单设置如表表单域含义表单域类型表单域名称用户名文本域(单行)username密码文本域(密码)password性别文本域(单行)sexQQ文本域(单行)qqEmail文本域(单行)mail地址文本域(单行)add个人介绍文本区域personalinfo修改按钮(提交表单)Submit10.1.8会员管理模块在首页点击“管理员登录”链接即可进入管理员登录界面，界面的设计如图10.5所示。管理员登录界面中的表单设置如表表单域含义表单域类型表单域名称用户名文本域(单行)username密码文本域(密码)password确定按钮(提交表单)Submit取消按钮(重设表单)Submit210.2网络在线投票系统10.2.1系统简介10.2.2数据库设计10.2.4在线投票模块10.2.5查看投票结果模块10.2.6管理投票模块10.2.3系统文件构成任务10.2【任务引入】网络在线投票的应用非常广泛。比如，很多网站推出一些调查活动，调查来访者对一些热点话题等的看法，了解需求等。基于网络在线投票系统使用广泛，本节将推出一个功能相对比较完善的网络在线投票系统。【任务目标】实现投票功能、防止重复投票、管理员登录、管理员修改投票主题和投票内容、显示各个选项的投票结果，并能用图形化的方式显示出来。【任务内容】来访者通过前台表单页面勾选不同的选项后，提交数据到服务器。服务器端首先判断用户是否已经投过票。如果是第一次投票，则给相应的选项次数里增加1次。判断重复的方法是利用Cookies来实现的，期限为1天。管理员登录后台后，可修改投票标题和投票内容。【任务分析】1.前台表单页面里包含有常见的一些表单域，需要搞清楚如何设置这些表单域。2.用户填写注册信息后，在提交到服务器处理之前，应对表单数据进行验证。3.注册成功之前，应按照用户名的唯一性查询数据库，确保当前用户名和已有用户名不会重复。4.登录系统后，应使用Session变量设置登录标志。5.会员登录后要利用权限控制，使用户只能修改自己的个人信息。6.管理员登录后，使用Session变量设置管理员登录标志，同时可删除会员。7.退出系统时，清理登录标志。

【程序代码】由于本任务涉及的文件和代码较多，在下面的学习中，我们将分步给出所有的模块代码。10.2.1系统简介字段数据类型是否主键说明ID自

动

编

号是编

号adminname文本管理员用户名password文本管理员密码10.2.2数据库设计字段数据类型是否主键说明ID自

动

编

号是编

号question文本投票选项ps数字票数admin表的具体结构如表question表的具体结构如表字段数据类型是否主键说明ID自

动

编

号是编

号subject文本投票系统名称字段数据类型是否主键说明ID自

动

编

号是编

号title文本投票主题title表的具体结构如表subject表的具体结构如表10.2.3系统文件构成本系统由以下文件构成：admin.asp

管理员界面。conn.asp

数据库连接文件。css.css

系统CSS样式表文件。index.asp

系统首页，投票界面。login.asp

管理员登录界面。logout.asp

管理员注销。md5.aspMD5加密函数。modifyquestion.asp

管理员修改投票选项、删除投票选项、增加投票选项。settitle.asp

管理员设置投票主题。view.asp

查看投票结果。vote.asp

实现投票。vote.mdb

系统数据库。10.2.4在线投票模块10.2.5查看投票结果模块在查看投票结果模块里，有一个图形化显示百分比的应用。这里实际上是用了一个表格，表格只有一行一列，单元格里并无内容，然后给表格设置一个背景颜色，通过控制表格的宽度就能用柱状图显示投票票数的百分比。这个宽度由当前选项得票数占总票数的百分比来确定。具体代码为：<%DimwidthIftotal<>0Thenwidth=80*formatNumber((rsq("ps")/total),3)%><tableborder="0"width="<%=width%>"cellspacing="0"cellpadding="0"height="5"bgcolor="#CC99FF"><tr><td></td></tr></table><%EndIf%>10.2.6管理投票模块10.3留言本10.3.1系统简介10.3.2数据库设计10.3.4用户注册、登录模块10.3.5用户发表留言模块10.3.6管理员模块10.3.3系统文件构成任务10.3【任务引入】绝大多数网站都会有一个留言本，便于来访者和站长交流信息。本节将教会大家如何制作一个实用的留言本。【任务目标】实现用户注册、用户登录、用户留言、管理员登录、管理员设置系统信息、管理员回复留言、管理员删除留言的功能。【任务内容】来访者进入系统后，将能查看以往的所有留言和管理员的回复。用户没有登录之前，不能发表新的留言。用户登录后，可直接发表留言。管理员登录后，可设置系统信息，以及回复留言、删除留言。管理员在设置系统信息时，可设置每页显示多少条留言、可屏蔽一些非法的关键词，可修改管理员用户名及密码。【任务分析】1.用户未登录前，无法发表留言。判断用户是否登录，可用session变量来判断。2.通过session变量判断管理员登录后，系统会显示出删除留言和回复留言的图标。3.管理员登录后，可设置屏蔽某些关键词。系统在处理用户留言时，会依次判断用户留言中是否有这些被屏蔽的关键词。4.管理员密码使用了MD5加密技术。【程序代码】由于本任务涉及到的文件和代码较多，在下面的学习中，我们将分步给出所有的模块代码。10.3.1系统简介10.3.2数据库设计about表的具体结构如表admin表的具体结构如表字

段数

据

类

型是

否

主

键说

明ID自

动

编

号是编

号num文本每页显示留言的条数badwords文本屏蔽的关键词字

段数

据

类

型是

否

主

键说

明ID自

动

编

号是编

号username文本管理员用户名userpass文本管理员密码userinfo表的具体结构如表guestbook表的具体结构如表字段数据类型是否主键说明gbookid自

动

编

号是编

号name文本用户名email文本用户信箱head文本用户头像content备注留言内容ip文本用户IPdateandtime日期/时间用户留言时间reply备注管理员回复字段数据类型是否