打印本文 打印本文 关闭窗口 关闭窗口
asp.net高级教程(五)---实战篇(中)
作者:武汉SEO闵涛  文章来源:敏韬网  点击数1676  更新时间:2009/4/23 10:39:07  文章录入:mintao  责任编辑:mintao
做好准备工作,现在就要动真格的了,先让我们看看用户注册的实现。前边已经讲过,a
sp.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=''''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="预览" onclick="OnPreview()"><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="确认" onclick="OnSubmit"
runat=Server></asp:button>
</td>
</tr>
</table><br><br><br>
<!----------------------------------新用户注册结束---------------------->

<!-------------------右边竖线---------------------------------------------->
<td bgcolor=''''#0097c0'''' width=''''1''''>
<img src=''''images/Shim.gif'''' width=1>
</td>
<!-------------------右边竖线---------------------------------------------->
</tr>

<!-------------------下边横线---------------------------------------------->
<tr>
<td colspan=3 height=1 bgcolor=#0097c0><img src=''''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.We

[1] [2]  下一页

打印本文 打印本文 关闭窗口 关闭窗口