ASP.Net中程序构架与程序代码的分离
2008-02-23 05:06:39来源:互联网 阅读 ()
TWIG程序对我此后的编程有着很大的影响,但是即使这样的作品,依然没有摆脱程序代码与HTML代码混杂的局面。
程序代码与页面构架的分离是WEB程序员多年的梦想。在ASP.Net出现之前,无论是ASP、PHP还是JSP,程序代码与HTML代码都是混杂在一起的,这种做法,虽然在WEB技术初期受到赞扬,但是随着时间的的推移,它的弊端是越来越明显,当程序代码很长时,HTML代码与其混杂,程序的可读性变得很差,让人无法分清程序真正要表示的页面构架。
而新技术ASP.Net则通过Codebehind、用户控件(User Control)以及自定义控件(Custom Control)等方法真正做到了代码的分离。这是一个了不起的进步,大家可以在本文中看到分离代码后的ASP.Net程序的结构是多么的清晰。
飞刀借此地向大家演示一下它们的具体实现方法,我们先看看要实现的功能。
为了便于理解,这里设计的页面比较简单,页面分为三个主要的部分,头部包含一个AdRotator控件(用于显示广告)与一个Label控件(用于显示当前广告链接地址);中部是一个登陆页面,包括两个TextBox控件(分别用于输入用户名与密码)、一个Label控件(显示登陆是否成功)与一个Button控件(作为提交按钮);底部包含两个Label控件(分别显示当前用户名与用户权限)。
熟悉ASP.Net的朋友,马上就会意识到头部由于使用了AdRotator控件,所以必定存在OnAdCreated事件以便在Label控件显示相应链接;而中部由于使用Button控件做为提交按钮,所以必定有一个OnClick事件处理。
1 CodeBehind
首先我们就看看如何使用CodeBehind方法来实现代码与页面构架的分离,下面给出的源程序是主ASP.Net程序--Example1.aspx:
<% @ Page Src="cs\EventHandle.cs" Inherits="Aspcn" %>
<html>
<head>
<title></title>
</head>
<body>
<form runat="server">
<asp:Panel id="Header" runat="server">
<asp:AdRotator id="ad" AdvertisementFile="AdBanners\ad.xml" BorderWidth="0" OnAdCreated="AdCreated" runat="server" /><br>
当前广告链接:<asp:Label id="lblAdText" ForeColor="red" runat="server" />
</asp:Panel>
<asp:Panel id="Logon" runat="server">
<table>
<tr><td colspan="2" align="center"><b>登陆窗口</b></td></tr>
<tr><td colspan="2" align="center"><asp:Label id="lblMsgShow" ForeColor="red" runat="server" /></td></tr>
<tr><td>用户名:</td><td><asp:TextBox id="tbUserName" runat="server" /></td></tr>
<tr><td>密码:</td><td><asp:TextBox id="tbPasswd" TextMode="Password" runat="server" /></td></tr>
<tr><td><asp:Button id="btnSubmit" Text="登陆" OnClick="Submit_Click" runat="server" /></td></tr>
</table>
</asp:Panel>
<asp:Panel id="Footer" runat="server">
用户名:<asp:Label id="lblUserName" Font-Name="Arial" ForeColor="red" Text="游客" runat="server" />
权限:<asp:Label id="lblPurview" Font-Name="Arial" Text="无" ForeColor="red" runat="server" />
</asp:Panel>
</form>
</body>
</html>
例程中,大家可以清楚地看到程序中不包含任何C#、VB、JavaScript来处理OnAdCreated与OnClick事件,但是执行本程序,程序能够正常使用(如图2-1与图2-2)。这便是使用CodeBehinde的结果,事件处理已经被转移到其它程序中定义执行。请大家注意本例中第一行的信息:
<% @ Page Src="cs\EventHandle.cs" Inherits="Aspcn" %>
一般在ASP.Net程序中,Page指令都在设定本程序应当使用什么语言(使用Language属性),而本例中没有出现Language属性,而是出现了两个新的Page属性:Src与Inherits。Src属性设定事件处理真正的代码位置,Inherits属性则设定需要引入的类名。可以看到本例中定义事件处理的文件是EventHandle.cs,我们来看看它的具体内容:
using System;
using System.Data;
using System.Data.SqlClient;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
public class Aspcn : Page
{
//声明Web Form中出现的控件
public Label lblAdText,lblUserName,lblPurview,lblMsgShow;
public TextBox tbUserName,tbPasswd;
public Button btnSubmit;
public AdRotator ad;
private string strConnString = "server=(local)\\Feidao;database=aspcn;Trusted_Connection=yes";
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
上一篇:提高ASP页面的执行效率(下)
下一篇:如何用checkbox做多选删除
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash