asp.net高级教程(五)---实战篇(中)

asp.net高级教程(五)---实战篇(中)


作者: 北国蓑衣  &;nbsp来自:网络


                asp.net高级教程(五)---实战篇(结合论坛用户操作谈asp.net表单验证)(中)
 
  做好准备工作,现在就要动真格的了,先让我们看看用户注册的实现。前边已经讲过,asp.net可以实现业务逻辑和html代码分离,那么让我们来看看到底是如何实现的,下面这个文件是用户注册的页面部分,原型是根据我站点的风格制作的:
 
  <%@Page language="c#" Codebehind="Register.cs" AutoEventWireup="false" Inherits="bbs.Register" %>
  <%@Register Tagprefix="My" Namespace="bbs.uctrl"%>
  <html><head>
  <TITLE>新用户注册</TITLE>
  <meta name=vs_targetSchema content="HTML 4.0">
  <link rel="stylesheet" href="images/style.css">
  <META http-equiv=Content-Type content="text/html; charset=gb2312">
  <meta name="GENERATOR" Content="Microsoft Visual Studio 7.0">
  <meta name="CODE_LANGUAGE" Content="C#"></head>
  <script language=javascript>
  function OnPreview()
  {
  divPreview.innerHTML = Form1.txtSignature.value ;
  }
  </script>
  <body>
 
  <form method="post" runat="server" ID=Form1>
 
  <My:MyHead id="myHead1" runat="server"></MY:MYHEAD>
 
  <!----------------------外面表格形成边框-------------------------------------->
  <table width='722' border='0' cellspacing=0
  cellpadding='0' align='center'>
  <TBODY>
  <tr>
  <!-------------------左边竖线---------------------------------------------->
  <td bgcolor='#0097c0' width='1'>
  <img src='http://www.aspxboy.com/private/620/images/Shim.gif' width=1>
  </td>
  <td width=720 align=middle><br><br><br>
  <!-------------------左边竖线---------------------------------------------->
 
 
  <!--------------新用户注册开始---------------------------------------------->
  <table width=600 align=center border=0 cellpadding=4 cellspacing=1
  id="tblRegister" class=cn bgcolor=#000000 runat=server>
  <TBODY>
  <tr bgcolor=#ffffff>
  <td colspan=3>
  <p align=center>新用户注册</p>
  </td>
  </tr>
  <!--------------用户名开始-------------------------------------------------------->
  <tr bgcolor=#ffffff>
  <td width=60>
  用户名
  </td>
  <td width=300>
  <asp:TextBox id="txtUserName" maxlength=20 columns=20 runat="server"></asp:TextBox>
  <font color=red>*</font>
  </td>
  <td width=240>
  用户笔名,4-20字符
  <asp:requiredfieldvalidator id="reqUserName" display=Dynamic
  controltovalidate="txtUserName" runat=Server>
  不能为空!
  </asp:requiredfieldvalidator>
  <asp:regularexpressionvalidator id="regUserName" display=Dynamic
  controltovalidate="txtUserName" runat=Server validationexpression="[^']{4,20}">
  用户名非法!
  </asp:regularexpressionvalidator>
  <asp:customvalidator id="cusUserName" controltovalidate="txtUserName"
  onservervalidate="ValidUser" display=Dynamic runat=Server>
  该用户已存在。
  </asp:customvalidator>
  </td>
  </tr>
  <!--------------用户名结束-------------------------------------------------------->
 
  <!--------------用户密码开始-------------------------------------------------------->
  <tr bgcolor=#ffffff>
  <td width=60>
  密码
  </td>
  <td width=300>
  <asp:TextBox id="txtPassword" maxlength=10 columns=10
  textmode=Password runat=server></asp:TextBox>
  <font color=red>*</font>
  </td>
  <td width=240>
  用户密码,4-10字符
  <asp:requiredfieldvalidator id=Requiredfieldvalidator1 display=Dynamic
  controltovalidate="txtPassword" runat=Server>
  不能为空!
  </asp:requiredfieldvalidator>
  <asp:regularexpressionvalidator id=Regularexpressionvalidator1 display=Dynamic
  controltovalidate="txtPassword" runat=Server validationexpression="[^']{4,10}">
  密码非法!
  </asp:regularexpressionvalidator>
  </td>
  </tr>
  <!--------------用户密码结束-------------------------------------------------------->
 
  <!--------------验证密码开始-------------------------------------------------------->
  <tr bgcolor=#ffffff>
  <td width=60>
  验证密码
  </td>
  <td width=300>
  <asp:TextBox id=txtPassword1 maxlength=10 columns=10
  textmode=Password runat=server></asp:TextBox>
  <font color=red>*</font>
  </td>
  <td width=240>
  再次输入密码。
  <asp:comparevalidator id="comPassword" display=Dynamic
  controltocompare="txtPassword" controltovalidate="txtPassword1" runat=Server>
  两次录入的密码不同!
  </asp:comparevalidator>
  </td>
  </tr>
  <!--------------验证密码结束-------------------------------------------------------->
 
  <!--------------email开始-------------------------------------------------------->
  <tr bgcolor=#ffffff>
  <td width=60>
  Email
  </td>
  <td width=300>
  <asp:TextBox id="txtEmail" maxlength=100 columns=30 runat=server></asp:TextBox>
  </td>
  <td width=240>
  您的电子邮件地址,您可以不填,但请不要胡填。
  <asp:regularexpressionvalidator id="regEmail" display=Dynamic
  controltovalidate="txtEmail" validationexpression="[^']*" runat=Server>
  非法字符
  </asp:regularexpressionvalidator>
  </td>
  </tr>
  <!--------------email结束-------------------------------------------------------->
 
  <!--------------个人主页开始-------------------------------------------------------->
  <tr bgcolor=#ffffff>
  <td width=60>
  个人主页
  </td>
  <td width=300>
  <asp:TextBox id="txtHomepage" maxlength=150 columns=30 runat=server></asp:TextBox>
  </td>
  <td width=240>
  您的主页,您可以不填,但请不要胡填。
  <asp:regularexpressionvalidator id="regHomepage" display=Dynamic
  controltovalidate="txtHomepage" validationexpression="[^']*" runat=Server>
  非法字符。
  </asp:regularexpressionvalidator>
  </td>
  </tr>
  <!--------------个人主页结束-------------------------------------------------------->
 
  <!--------------签名开始-------------------------------------------------------->
  <tr bgcolor=#ffffff>
  <td width=60>
  签名
  </td>
  <td width=300>
  <asp:TextBox id="txtSignature" maxlength=150 columns=30 rows=6 textmode=MultiLine runat=server></asp:TextBox>
  </td>
  <td width=240 valign=top>
  <div id="divPreview">
  你可以制作自己的签名,不超过255个字符,不能用script。<br><br>
  </div><br>
 
  <input type=button id="btnPreview" value="预览" ><br>
  <asp:regularexpressionvalidator id=Regularexpressionvalidator2 display=Dynamic
  controltovalidate="txtSignature" validationexpression="[^']{0,255}" runat=Server>
  使用非法字符或超过255个字符。
  </asp:regularexpressionvalidator>
  </td>
  </tr>
  <!--------------签名结束-------------------------------------------------------->
 
  <tr bgcolor=#ffffff>
  <td colspan=3 align=center>
  <asp:button id="btnSubmit" text="确认"  runat=Server></asp:button>
  </td>
  </tr>
  </table><br><br><br>
  <!----------------------------------新用户注册结束---------------------->
 
  <!-------------------右边竖线---------------------------------------------->
  <td bgcolor='#0097c0' width='1'>
  <img src='http://www.aspxboy.com/private/620/images/Shim.gif' width=1>
  </td>
  <!-------------------右边竖线---------------------------------------------->
  </tr>
 
  <!-------------------下边横线---------------------------------------------->
  <tr>
  <td colspan=3 height=1 bgcolor=#0097c0><img src='http://www.aspxboy.com/private/620/images/shim.gif'width=1 height=1></td>
  </tr>
  <!-------------------下边横线---------------------------------------------->
  </table>
 
  <My:bottom id="myBottom" runat="server"></My:bottom>
  </form>
  </BODY></HTML>
 
  <!--------------------文件结束--------------------------------->
 
  怎么样,看上去很熟悉吧,除了页首两句及下面webform中带runat=server的webcontrol,是不是和普通的html一样?注意到页首第一句中的Codebehind="Register.cs"吗,它指定本页后面的代码文件是register.cs,这是asp.net提供的一种机制,它可以将业务逻辑隐藏在与.aspx同名的cs文件中,而运行时先把这个cs文件编译,这样不但可以提高运行效率,也使代码隐藏起来,避免了asp中由于系统漏洞而造成源码泄漏所造成的问题。那么,这个包含业务逻辑的代码文件是怎样的呢?下面是这个文件:
  namespace bbs
  {
  using System;
  using System.Collections;
  using System.ComponentModel;
  using System.Data.SQL;
  using System.Drawing;
  using System.Web;
  using System.Web.SessionState;
  using System.Web.UI;
  using System.Web.UI.WebControls;
  using System.Web.UI.HtmlControls;
  using bbs.uctrl ;
  //using bbs.MyClass ;
  using MyOwnClass ;
 
  /// <summary>
  /// Summary description for Register.
  /// </summary>
  public class Register : System.Web.UI.Page
  {
  protected System.Web.UI.WebControls.Button btnSubmit;
  protected System.Web.UI.WebControls.TextBox txtHomepage;
  protected System.Web.UI.WebControls.TextBox txtEmail;
  protected System.Web.UI.WebControls.CompareValidator comPassword;
  protected System.Web.UI.WebControls.TextBox txtPassword1;
  protected System.Web.UI.WebControls.RegularExpressionValidator Regularexpressionvalidator1;
  protected System.Web.UI.WebControls.RequiredFieldValidator Requiredfieldvalidator1;
  protected System.Web.UI.WebControls.TextBox txtPassword;
  protected System.Web.UI.WebControls.CustomValidator cusUserName;
  protected System.Web.UI.WebControls.RegularExpressionValidator regUserName;
  protected System.Web.UI.WebControls.RequiredFieldValidator reqUserName;
  protected System.Web.UI.WebControls.Label lblMessage;
  protected System.Web.UI.WebControls.TextBox txtUserName;
  public MyHead myHead1 ;
 
  //构造函数
  public Register()
  {
  Page.Init  = new System.EventHandler(Page_Init);
  }
 
  protected void Page_Load(object sender, EventArgs e)
  {
  if (!IsPostBack)
  {
  //
  // Evals true first time browser hits the page
  //
  }
  }
 
  protected void Page_Init(object sender, EventArgs e)
  {
  //
  // CODEGEN: This call is required by the ASP  Windows Form Designer.
  //
  InitializeComponent();
  this.myHead1.Position = 2 ;
  }
 
  /// <summary>
  /// Required method for Designer support - do not modify
  /// the contents of this method with the code editor.
  /// </summary>
  private void InitializeComponent()
  {
  this.Load  = new System.EventHandler (this.Page_Load);
  }
 
  //监测用户是否存在
  public bool ValidUser(Object sender , string value)
  {
  BBSUser myUser = new BBSUser() ;
  bool bExists ;
  try
  {
  bExists = myUser.GetUser(this.txtUserName.Text) ;
  }
  catch(Exception e) //如果出现异常
  {
  #if DEBUG
  Response.Write (e.Message) ;
  return false ;
  #endif
  Server.Transfer("error.aspx") ;
 
  }
 
  return !bExists ;
  }
 
  //提交按钮点击
  public void OnSubmit(Object sender , EventArgs e)
  {
  if (Page.IsValid)
  {
  //数据入库
  try
  {
  BBSUser myUser = new BBSUser() ;
  if(!myUser.GetUser(txtUserName.Text))
  {
  myUser.CreateUser(BBSUser.CreateType.Create , txtUserName.Text , txtPassword.Text ,
  txtEmail.Text , txtHomepage.Text , "") ;
  }
  }
  catch(Exception exp)
  {
  #if DEBUG
  Response.Write ("出现异常:"  exp.Message) ;
  return ;
  #endif//DEBUG
  Server.Transfer("error.aspx") ;
  }
  }
  }
 
 
  }
 
  }
 
  什么?还是看着眼熟?没错,是不是和前边我定义的那个类差不多?是,本来asp.net就是把这个页当作一个对象,注意类定义的那行代码:public class Register : System.Web.UI.Page , 前面你可以理解,是定义一个Register对象,那:号后面的System.Web.UI.Page是什么意思呢?它说明这个Regsiter类是System.Web.UI.Page类的派生类(子类),也就是说Register类除了自己成员变量、属性、方法外,还继承System.Web.UI.Page类的所有公共(public)或保护(protected)成员变量、属性和方法。
 
    (2005-8-11:04:17)

 感谢原创者的辛勤劳动,希望对您有所帮助,转载请注明原出处。
 您可能对 [Asp.Net] 的这些文章也感兴趣:

利用BasePage实现WEB窗体权限控制
ASP.NET MVC,深入浅出IModelBinder,在Post方式下慎用HtmlHelper
Retrieving HTTP content in .NET
ASP.NET中Cookie编程的基础知识(5)
如何让一个函数返回多个值(C#)
ASP.NET实现伪静态技术
在ASP.NET中实现多文件上传
HTML服务器控件
MIS开发中.net Framework的打印功能
实现 Asp.Net 2.0 的 TreeView 客户端个性化控制