使用Net和C#开发Web应用程序往往能给我们很大的启示尤其在开发相对简单的例行任务时就更是如此例如在许多时候我们都需要有条件地显示一个网页的一部分需要这么做的原因有许多例如根据用户的角色有一部分是它不应当看到的或者我们也可以考虑搜索功能只有点击了一个链接后搜索选项才是可用的
我们先来解释一下解决这一问题的方法然后再详细地解释所使用的代码在Net中开发Web应用程序我们既可以使用服务器端的Web控件（Web表单）也可以使用HTML控件使用NET开发Web应用程序的重点是服务器端控件我们在本文中就使用了Web表单服务器端控件
Panel是一个服务器端的Web表单控件一个Panel控件就是HTML网页上的一个矩形区域它是否可见可以在服务器端进行控制因此首先我们可以从将HTML代码段放在一个Panel控件中HTML代码段可以由服务器端控件和客户端控件组成一旦我们将Panel控件的visibility属性设置为false则整个HTML代码段就成为不可见的了其次我们可以使用名字为LinkButton的另一个Web表单控件它本质上是一个超级链接但通过服务器端的OnClick方法它可以起到按钮的作用在这种方法中我们只要简单地访问Panel对象的C#语言表示并将其visibility属性设置为true或false网页就会自动地刷新自己
在NET中开发Web应用程序的一个重要差别是网页上的每个控件都被表示为服务器端的一个NET对象而且这些对象（控件）的状态通过与服务器间的多次交互来维护这就使我们能够对服务器端和客户端的事件作出反应响应服务器端的事件时百网页重新刷新时其内部的所有对象（控件）也都会得到刷新我们无需再绘制任何控件这一切都是自动完成的这种方法最有吸引力的是一个好的面向对象编程人员能够在一种编程语言模式中工作而且可以方便地使用JavaScript调试也非常简便这种方法的一个小问题就是它不能使用FrontPage或Dreamweaver等HTML代码编辑器一旦这个问题得到了解决服务器端的编程模式就更完善了
下面是编写本文中例子代码所需要的步骤
·为HTML代码段获得Panel控件
·将HTML代码置入Panel控件中
·创建一个LinkButton控件
·提供一个onClick函数
·在按钮的点击函数中隐藏/显示Panel控件
为HTML代码段获得Panel控件
打开网页（aspx）的设计视图并选择Webforms控件工具箱从工具箱中拖出一个Panel控件到HTML网页的设计视图上这时就会看到一个矩形框发改变它的大小直到能够容下你想输入的HTML代码段
下面是HTML设计视图中Panel控件的定义
＜TABLE cellSpacing= cellPadding= width= bgColor=#ffffff border=＞
＜?xml:namespace prefix = asp /＞
＜asp:panel id=TestPanel Width=px Height=px runat=server＞
HTML GOES HERE
＜/asp:panel＞
＜/TABLE＞
将我们的HTML代码输入到Panel控件中
在Panel控件中编写相关的HTML代码（或将HTML代码拖到Panel控件中）下面是一个例子
＜asp:panel id=TestPanel Width=px Height=px runat=server＞
＜H＞An example HTML segment that is going to disappear ＜/H＞
An example drop down
＜asp:DropDownList id=ADropDownListBox runat=server＞
＜/asp:DropDownList＞
＜/asp:panel＞
创建一个LinkButton控件
我们需要对这一部分作一些解释我们为什么会用LinkButton控件取代一个超级链接呢？超级链接意味着我们可以随意到包括当前的网页在内的任意网页上但并不意味着我们要返回正在修改的网页另外也没有象OnClick这样能够处理超级链接的服务器端方法
LinkButton的外观和风格与hyperlink相同但它还有另外二点好处即
·点击时能够返回同一个网页
·便于使用的OnClick方法
下面是一个LinkButton控件定义的例子
＜asp:LinkButton id=ChangeAppearanceButton runat=server＞
Change Appearance
＜/asp:LinkButton＞
提供onClick函数
如果双击LinkButton控件IDE就会自动地将我们引到服务器端该控件的OnClick方法处在这里我们就可以编写隐藏Panel控件的代码
在按钮的OnClick方法中隐藏/显示Panel控件
下面是OnClick方法的一个例子
private void ChangeAppearanceButton_Click(object sender SystemEventArgs e)
{
thisTestPanelVisible = thisTestPanelVisible ? false : true;
}
上面的代码是一个极好的知道如何维护自己状态的用品端编程模式的例子当用户点击链接时就会执行上面的代码但开发人员并没有改变HTML网页的其他部分控件本身知道如何刷新它们自己
结论
下面是我从NET模式中精选出来的非常有趣的特性
·服务器端编程模式
·Web表单的状态是自动维护的
·高度一致的前后端统一对象编程模式
·用处很大的IDE能够提示每个方法和可能的参数
·在网页的HTML视图中编写XML代码也有提示
·配置所需要的统一的webconfig
尽管本文中的例子相当简单即使使用传统的方法也能够非常简单地实现但这种服务器端的编程模式说明了NET的一个有趣的特性即能够自动维护其状态的一致的统一服务器端编程模式
