asp.net的页面代码组织模式

Asp.net 的页面代码组织模式

2005-09-15

从asp.net的页面代码组织的模式，可以窥得web页面代码组织模式的发展。

1、Code Inline：内含代码，即代码直接书写在aspx页面中，和html代码混排在一起。
script1: 代码包含在<script runat="server"></script>块内

 1 <%@ page language="C#" %>
 2 
 3  <script runat="server">
 4 
 5   void Button1_Click(object sender, EventArgs e)
 6   {
 7     Label1.Text = "Hello " + TextBox1.Text;
 8   }
 9  </script>
10 
11 <html>
12 <head>
13     <title>WebForm1</title>
14 </head>
15 <body>
16     <form id="Form1" runat="server">
17       <h1>Welcome to ASP.NET 2.0!</h1>
18       <b>Enter Your Name:</b>
19       <asp:TextBox ID="TextBox1" Runat="server"/>
20       <asp:Button ID="Button1" Text="Click Me" OnClick="Button1_Click" Runat="server"/>
21       <br />
22       <br />
23       <asp:Label ID="Label1" Text="Hello" Runat="server" />
24     </form>
25 </body>
26 </html>


虽然现在都提倡设计和逻辑分离，即html和cs代码分离，但在早期的web开发中，内含代码是唯一的方法，也带来了难以维护和代码可读性差的问题。

2、Code Behind：asp.net 1.x中采用的页面代码组织模式



上面的图来自msdn，从这张图可以看出来aspx继承自对应的CodeBehind类（明白每个aspx页面一开始就有Inherits的原因了把），在编译时，CodeBhind类编译到webui工程对应的dll中，而aspx页面中的内含代码和aspx一起编译到temporary.dll中，被客户端浏览器访问。

同时，不同的aspx页面可以继承自同一个CodeBehind类（修改Inherits即可），对于逻辑操作相同的页面不需要重复编码。但是，这样的代码组织模式也带来了一个问题：aspx与CodeBehind类的Server Control相关代码的同步问题。看看你有没有碰到一下的情况：
1、在aspx页面里面添加了一个控件，但是在CodeBehind类中并没有自动添加相应控件的数据成员；
2、原来添加的控件事件莫名奇妙丢失；
3、在aspx页面里删掉了某个控件，但是在CodeBehind类的InitializeComponent函数（一般由ide生成）中，还是保留相关的管线代码；
特别说明一下，对于第一个问题，只需要在CodeBehind代码中手工添加变量名为aspx中控件的id属性的，protected（public理论上也可以，but, 没试过）的控件数据成员即可。

为什么会出现这样的问题呢？为了实现asp.net 1.x的CodeBehind，在CodeBehind中实现对所添加的Server Control的访问，就必须在CodeBehind类中添加相应的控件成员，同时，对于控件的Event的设定。当在aspx中删除了该server control以后，CodeBehind中的相应控件成员和event设定的代码就成了无用代码，通常ide可以自动删除对应的控件成员，但是对管线代码就无能为力了。

3、Code Beside：基于不完全（partial）类的概念，原来的CodeBehind类摇身一变成了partial类，到底CodeBeside有什么优点呢？
首先，解决了CodeBehind模式中aspx和CodeBehind类间的ServerControl管线代码的同步问题。所有的管线代码在aspx 中编写，CodeBeside类作为aspx的partial类，可以自由访问aspx中的server control，不用在codebeside类中添加server control成员的定义。

其次，codebeside类较codebeside类更易于重用。

p.s.：如果不从重用的角度考虑，个人认为直接把CodeBeside代码作为script block写在aspx页面也一样，wait，这样不是回到code inline了吗？

posted @ 2005-09-15 22:15  海南K.K  阅读(1090)  评论(0)    收藏  举报