ASP.NET在服务器端控制网页

asp.net|服务器|控制|网页

  使用.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控件。

  1、为HTML代码段获得Panel控件

  打开网页(.aspx)的设计视图,并选择“Webforms控件”工具箱,从工具箱中拖出一个Panel控件到HTML网页的设计视图上。这时就会看到一个矩形框,发改变它的大小,直到能够容下你想输入的HTML代码段。

  下面是HTML设计视图中Panel控件的定义:

<TABLE cellSpacing=0 cellPadding=0 width=600 bgColor=#ffffff border=0>
<?xml:namespace prefix = asp />
<asp:panel id=TestPanel Width="398px" Height="171px" runat="server">
HTML GOES HERE
</asp:panel>
</TABLE>

  2、将我们的HTML代码输入到Panel控件中

  在Panel控件中编写相关的HTML代码(或将HTML代码拖到Panel控件中),下面是一个例子:

<asp:panel id=TestPanel Width="398px" Height="171px" runat="server">
<H2>An example HTML segment that is going to disappear </H2>

An example drop down

<asp:DropDownList id=ADropDownListBox runat="server">
</asp:DropDownList>
</asp:panel>

  3、创建一个LinkButton控件

  我们需要对这一部分作一些解释。我们为什么会用LinkButton控件取代一个超级链接呢?超级链接意味着我们可以随意到包括当前的网页在内的任意网页上,但并不意味着我们要返回正在修改的网页。另外,也没有象OnClick这样能够处理超级链接的服务器端方法。

   LinkButton的外观和风格与hyperlink相同,但它还有另外二点好处,即:

  ·点击时能够返回同一个网页。
  ·便于使用的OnClick方法。

  下面是一个LinkButton控件定义的例子:

<asp:LinkButton id=ChangeAppearanceButton runat="server">
Change Appearance
</asp:LinkButton>

  4、提供onClick函数

  如果双击LinkButton控件,IDE就会自动地将我们引到服务器端该控件的OnClick方法处,在这里我们就可以编写隐藏Panel控件的代码。

  5、在按钮的OnClick方法中隐藏/显示Panel控件

  下面是OnClick方法的一个例子:

private void ChangeAppearanceButton_Click(object sender, System.EventArgs e)
{
this.TestPanel.Visible = this.TestPanel.Visible ? false : true;
}

  上面的代码是一个极好的知道如何维护自己状态的用品端编程模式的例子。当用户点击链接时,就会执行上面的代码,但开发人员并没有改变HTML网页的其他部分,控件本身知道如何刷新它们自己。

  结论

  下面是我从.NET模式中精选出来的非常有趣的特性:

  ·服务器端编程模式。
  ·Web表单的状态是自动维护的。
  ·高度一致的前、后端统一对象编程模式。
  ·用处很大的IDE能够提示每个方法和可能的参数。
  ·在网页的HTML视图中编写XML代码也有提示。
  ·配置所需要的统一的web.config。

  尽管本文中的例子相当简单,即使使用传统的方法也能够非常简单地实现,但这种服务器端的编程模式说明了NET的一个有趣的特性,即能够自动维护其状态的一致的统一服务器端编程模式。

时间: 2024-10-30 03:41:52

ASP.NET在服务器端控制网页的相关文章

ASP.NET实现在服务器端控制网页

asp.net|服务器|控制|网页     使用.Net和C#开发Web应用程序往往能给我们很大的启示,尤其在开发相对简单的例行任务时就更是如此.例如,在许多时候,我们都需要有条件地显示一个网页的一部分.需要这么做的原因有许多,例如,根据用户的角色,有一部分是它不应当看到的.或者,我们也可以考虑搜索功能,只有点击了一个链接后,搜索选项才是可用的. 我们先来解释一下解决这一问题的方法,然后再详细地解释所使用的代码.在.Net中开发Web应用程序,我们既可以使用服务器端的Web控件(Web表单)也可

在服务器端控制网页

 使用.Net和C#开发Web应用程序往往能给我们很大的启示,尤其在开发相对简单的例行任务时就更是如此.例如,在许多时候,我们都需要有条件地显示一个网页的一部分.需要这么做的原因有许多,例如,根据用户的角色,有一部分是它不应当看到的.或者,我们也可以考虑搜索功能,只有点击了一个链接后,搜索选项才是可用的. 我们先来解释一下解决这一问题的方法,然后再详细地解释所使用的代码.在.Net中开发Web应用程序,我们既可以使用服务器端的Web控件(Web表单)也可以使用HTML控件.使用.NET开发Web

asp+中文教程(三)-- 服务器端控制(一)

asp+|服务器|教程|控制|中文  上次讲了一些有关ASP + 服务器端控制的内容,现在来详细讲一下.Asp + 服务器端控制是微软新提出的概念,它的实现是基于微软的.NET框架,它实际上是一种特殊的HTML元素,服务器端与它是交互的关系,在生成这些元素后不但能接受它们的值,还可以动态控制它们,以完成一些很COOL的功能.下面列出所有ASP + 目前支持的所有28个服务器端控制及其具体用法. 1.    Adrotator : 广告轮换服务器端控制,它的具体行为是在指定的XML文件里定义的,如

asp+中文教程(四)-- 服务器端控制(二)

asp+|服务器|教程|控制|中文 8.    DropDownList : 单选下拉框,你有两种方法可以增加下拉框中的选择项,一种和传统的select一样,把option项列出来,象下面这样:             <asp:DropDownList id=DropDown1 runat="server">            <asp:ListItem>Item 1</asp:ListItem>            <asp:List

Asp.net中实现HtmlButton客户端控制网页提交实现

asp.net|客户端|控制|网页 我们知道,在Asp.net中适当的使用Html控件有许多方便之处,Html控件既能在客户端进行脚本处理,又能在网页提交至服务器后在cs文件中控制,如果用单独的Web服务器控件则不能做到这一点,限制了我们开发的灵活性.因此我们会在好多地方会使用到HtmlButton控件.下面就谈谈该控件一个使用的小技巧:如果要点击HtmlButton后使网页提交,我们会选择将该HtmlButton作为服务器控件运行.这样做每次点击HtmlButton都会使页面提交至服务器,但如

APS + 中文教程(三)--服务器端控制(一)

服务器|教程|控制|中文|服务器 三.Asp+ 服务器端控制 (Asp+ Server Control) 上次讲了一些有关ASP + 服务器端控制的内容,现在来详细讲一下.Asp + 服务器端控制是微软新提出的概念,它的实现是基于微软的.NET框架,它实际上是一种特殊的HTML元素,服务器端与它是交互的关系,在生成这些元素后不但能接受它们的值,还可以动态控制它们,以完成一些很COOL的功能.下面列出所有ASP + 目前支持的所有28个服务器端控制及其具体用法. 1. Adrotator : 广告

CSS样式表来控制网页字体的显示样式

css|控制|网页|显示|样式表 HTML对于<font>内容</font>卷标只有: <font color=colorvalue size=fontsize face=字型></font>这3种设定,而关于CSS对于<font>内容</font>的延伸规格让我们可以对字型的有更详细的设定.对于字型的设定: font-family:字型名称1,字型名称3,字型名称3等等.显示字型的优先级,若计算机中有安装该字型,便以该字型显示.如果

用ASP技术实现在WEB网页上浏览目录及文件

web|网页 用ASP技术实现在WEB网页上浏览目录及文件 周仰平 摘要  目前在许多单位里,象WORD.EXCEL或WPS该类文档文件已成为重要的数据信息资源,在INTRANET WEB平台上如何高效率地管理这些信息资源是一个需要解决的问题.本文是利用ASP技术开发一个基于WEB的应用程序,实现在WEB页面上浏览目录文件,很轻易地做到诸如WORD.EXCEL和WPS等文档文件的查阅和下载,大大地减少信息维护的工作量. 关键词  ASP  WEB  文档文件   前言:在INTRANET平台上,

使用脚本控制网页Table的显示隐藏(全代码)

脚本|控制|网页|显示 [需求]如果大家登录过我傲:http://www.woall.com新浪博客等就会发现可以点击栏目标题,就会发现栏目可以展开和收起,非常好用!其实这个功能实现起来很简单.重点就是要找到要隐藏的Table行,对它的display属性进行控制. 强烈建议大家登录:http://www.woall.com亲身体验一下! [另]网址怎么加链接啊??? [源码]使用方法:把文件考下来,保存为htm类型的文件即可!<!DOCTYPE html PUBLIC "-//W3C//D