热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

创建Web部件页--msdn

本演练中的演示让您亲身体验用于创建使用Web部件控件的网页的基本组件和任务。在许多Web应用程序中,可以更改内容的外观并允许用户选择和排列他们想要看到的内容,这一点十分有用。ASP.NET

本演练中的演示让您亲身体验用于创建使用 Web 部件控件的网页的基本组件和任务。

在许多 Web 应用程序中,可以更改内容的外观并允许用户选择和排列他们想要看到的内容,这一点十分有用。ASP.NET Web 部件功能由一组用于创建网页的控件构成,这些控件将显示模块化内容并使用户能够根据喜好更改外观和内容。有关 Web 部件的一般介绍,请参见 ASP.NET Web 部件概述。有关 Web 部件控件集内主要组件(本演练中使用了其中几个组件)的说明,请参见 Web 部件控件集概述。

在本演练中,您将创建一个页面,该页面使用 Web 部件控件集创建用户可以修改或个性化设置的网页。本演练中阐释的任务包括:

  • 将 Web 部件控件添加到页面。

  • 创建自定义用户控件并将其用作 Web 部件控件。

  • 允许用户个性化设置页面上 Web 部件控件的布局。

  • 允许用户编辑 Web 部件控件的外观。

  • 允许用户从可用 Web 部件控件的目录中进行选择。

Collapse 图像先决条件

若要完成本演练,您需要:

  • 已在将承载该站点的计算机上安装和配置的 Internet 信息服务 (IIS)。有关安装和配置 IIS 的详细信息,请参见安装中包含的 IIS 帮助文档,或者参见 Microsoft TechNet 站点( Internet 信息服务 6.0 技术资源 )上的联机 IIS 文档。

  • 可识别个别用户的 ASP.NET 网站。如果已经配置了这样的站点,则可以将该站点用作本演练的起始点。否则,若要查看有关创建虚拟目录或站点的详细信息,请参见 如何:在 IIS 中创建和配置虚拟目录 如何:在 IIS 中创建并配置本地 ASP.NET 网站

  • 已配置的个性化设置提供程序和数据库。默认情况下启用 Web 部件个性化设置,而且它使用 SQL 个性化设置提供程序 ( SqlPersonalizationProvider ) 和 Microsoft SQL Server Standard Edition 来存储个性化设置数据。本演练使用 SSE 和默认的 SQL 提供程序。如果安装了 SSE,则不需要进行任何配置。SSE 是作为 Microsoft Visual Studio 2005 安装的可选部分提供的,也可以从 Microsoft.com 免费下载。若要使用 SQL Server 的一个完整版本,必须安装和配置一个 ASP.NET 应用程序服务数据库,并将 SQL 个性化设置提供程序配置为连接到该数据库。有关详细信息,请参见 为 SQL Server 创建和配置应用程序服务数据库 。还可以创建和配置自定义提供程序来使用其他非 SQL 数据库或存储解决方案。有关详细信息和代码示例,请参见实现成员资格提供程序。

Collapse 图像创建使用 Web 部件的简单页面

在演练的本部分中,将创建使用 Web 部件显示静态内容的页面。使用 Web 部件的第一步是创建一个页面结构,以包含 Web 部件控件。

Note注意

不需要执行任何操作即可启用 Web 部件个性化设置;默认情况下为 Web 部件控件集启用该功能。当第一次在某个站点上运行 Web 部件页时,ASP.NET 将设置一个默认的个性化设置提供程序来存储用户个性化设置。默认提供程序使用在站点目录的子目录中创建的数据库。有关个性化设置的更多信息,请参见 Web 部件个性化概述。

创建网页

  1. 在文本编辑器中,创建新的文件并将下面的页声明添加到该文件的开头。

    Visual Basic 
    <%@ page language="VB" %>

    C# 
    <%@ page language="C#" %>
  2. 在页声明的下方输入标记以创建一个完整的页结构,如下面的代码示例所示。请注意,该页包含一个空表,其中有一行、三列。该表将包含稍后添加的 Web 部件控件。

     
                    
                    
                    
                    
                    

    Web Parts Demonstration Page


  3. 将该文件命名为 WebPartsDemo.aspx,并保存在您的网站的目录中。

下一步是设置区域。区域是复合控件,它们占用页面的指定区域并包含 Web 部件控件。

将区域添加到页面

  1. 在页面中 元素的紧下面,添加一个 元素,如下例所示。

     

    在使用 Web 部件控件的每个页面中都必须使用 WebPartManager 控件。

  2. 在表中第一个 元素的内部添加一个 元素,并如下面的代码示例所示指定其属性值。请注意, 元素还包含一个 元素;Web 部件控件放置在 中。

     
  3. 在表中第二个

  4. 元素的内部添加一个 元素,并如下面的代码示例所示指定其属性值。

     
  5. 保存 WebPartsDemo.aspx 文件。

  6. 此时,页面包含两个不同的区域,您可以分别控制这两个区域。但是,两个区域中都没有包含任何内容,因此下一步是创建内容。对于本演练,将使用只显示静态内容的 Web 部件控件。

    Web 部件区域的布局将由 元素指定。在区域模板中,您可以添加任何 Web 服务器控件,无论它是自定义 Web 部件控件、用户控件还是现有的服务器控件。请注意,在本演练中,您将使用 Label 服务器控件,并且只将静态文本添加到该控件中。当您将常规 ASP.NET 服务器控件放入 WebPartZone 区域时,ASP.NET 会在运行时将其视为 Web 部件控件,这样您便可以使用标准服务器控件上的大部分 Web 部件功能。

    为区域创建内容

    1. 在 Main 区域的 元素内,添加一个具有某些内容的 元素,如下面的代码示例所示。

       
      
                      
                      
                      

      Welcome to My Home Page

      Use links to visit my favorite sites!

    2. 保存 WebPartsDemo.aspx 文件。

    3. 在文本编辑器中创建一个新文件。此文件将包含也可以作为 Web 部件控件添加到页面的用户控件。

      Note注意

      本演练的搜索控件并不实现实际的搜索功能;它只用于演示 Web 部件功能。

    4. 在新文件的顶部,如下例中所示添加控件声明。

      Visual Basic 
      <%@ control language="VB" classname="SearchUserControl" %>

      C# 
      <%@ control language="C#" classname="SearchUserControl" %>
    5. 在控件声明的下面,添加一对

    C# 
    <%@ control language="C#" classname="SearchUserControl" %>
                    

C# 
<%@ control language="C#" classname="DisplayModeMenuCS"%>
                
                
  • 将文件命名为 Displaymodemenu.ascx,并将其保存到之前保存的页面所在的同一目录中。

  • 使用户能够更改布局

    1. 在 WebPartsDemo.aspx 页中,添加一条 指令,以便将新的用户控件注册到页面上。

      Visual Basic 
      <%@ register TagPrefix="uc2"
                      TagName="DisplayModeMenuVB"
                      Src="DisplayModeMenu.ascx" %>

      C# 
      <%@ register TagPrefix="uc2"
                      TagName="DisplayModeMenuCS"
                      Src="DisplayModeMenu.ascx" %>
    2. 在 WebPartsDemo.aspx 页中,在 元素的紧下面添加对用户控件的声明性引用。

      Visual Basic 

      C# 
    3. 在表中的第三个 元素内添加一个 元素。添加一个 元素、一个 元素和一个 元素。这些代码看起来应当类似于下面的示例。

       
      Note注意

      虽然在本演练中使用了 AppearanceEditorPart LayoutEditorPart 控件,但是没有使用 BehaviorEditorPart PropertyGridEditorPart 控件,因为它们需要在本演练的范围之外设置。

    4. 保存 WebPartsDemo.aspx 文件。您已创建一个允许您更改显示模式和页面布局的用户控件,并且已在主网页上引用该控件。

    现在可以测试编辑页面和更改布局的功能。

    测试布局更改

    1. 在浏览器中加载页。

    2. 单击“显示模式”下拉菜单,然后选择“编辑”。将显示区域标题。

    3. 拖动“链接”控件的标题栏将该控件从 Sidebar 区域拖动到 Main 区域的底部。您的页面看起来应当类似于下面的屏幕快照。

      编辑后的 Web 部件页面

      Web 部件页图像 2
    4. 单击“显示模式”下拉菜单,然后选择“浏览”。此页被刷新,区域名称消失,而且“链接”控件保持在您将其定位到的位置。

    5. 若要证实个性化设置已生效,可关闭浏览器,然后重新加载页面。您所做的更改将被保存用于将来的浏览器会话。

    6. 从“显示模式”菜单中选择“编辑”。

    7. 单击箭头以显示“链接”控件上的谓词菜单。单击“编辑”谓词。

      将显示 EditorZone 控件,同时显示您添加的 EditorPart 控件。

    8. 在编辑控件的“外观”部分中,将“标题”更改为“收藏夹”,使用“镶边类型”下拉列表选择“只有标题”,然后单击“应用”。下面的屏幕快照显示仍然处于编辑模式的修订页面。

      显示有 EditorZone 控件的修订页面

      IIS Web 部件页图像 3
    9. 单击“显示模式”菜单,然后选择“浏览”返回到浏览模式。

      此时,控件包含更新后的标题,并且没有边框,如下面的屏幕快照所示。

      包含更新后的“链接”控件的修订页面

      IIS Web 部件页图像 4
    Collapse 图像在运行时添加 Web 部件

    还可以允许用户在运行时向他们的页面添加 Web 部件控件。为此,请使用 Web 部件目录配置页面,该目录包含您希望用户可以使用的 Web 部件控件的列表。

    Note注意

    在本演练中,您将创建一个包含 FileUpload Calendar 控件的模板。这将允许您测试目录的基本功能,但是得到的 Web 部件控件不包含任何实际的功能。如果您有自定义 Web 控件或用户控件,则可以使用该控件替代静态内容。

    允许用户在运行时添加 Web 部件

    1. 在 WebPartsDemo.aspx 文件中,将 元素添加到表的第三列中,并正好位于 元素的下面。添加一个 元素,并在该元素中添加一个 元素和一个 元素。最后,添加 元素。您的代码看起来应当类似于下面的代码示例。

       
      
                      
                      
                      
                      
                      
                      
                      
                      
                      
      Note注意

      EditorZone 和 CatalogZone 控件可以同时位于同一个表单元格中,因为它们并不同时显示。

    2. 保存 WebPartsDemo.aspx 文件。

    现在可以测试目录。

    测试 Web 部件目录

    1. 在浏览器中加载页。

    2. 单击“显示模式”下拉菜单,然后选择“目录”。

      将显示名为“添加 Web 部件”的目录。

    3. 将“收藏夹”控件从 Main 区域拖回 Sidebar 区域的顶部。

    4. 在“添加 Web 部件”目录中,全部选中两个复选框,然后从“添加到”下拉列表中选择“主”。

    5. 在目录中单击“添加”。控件将被添加到 Main 区域。如果您愿意,可以将控件的多个实例从目录添加到页面。

      下面的屏幕快照显示了在 Main 区域中包含文件上载控件和日历的页面。

      控件已添加到主区域

      IIS Web 部件页图像 5
    6. 单击“显示模式”下拉菜单,然后选择“浏览”。目录消失,并且页面被刷新。

    7. 关闭浏览器。重新加载页面。您所做的更改将保持不变。

    Collapse 图像后续步骤

    本演练已阐释在 ASP.NET 网页上使用非常简单的 Web 部件控件的基本原理。您可能希望试用其他更为复杂的 Web 部件功能。对进一步研究的建议包括:

    • 创建比本演练中的静态 Web 部件控件提供更复杂功能的 Web 部件控件。您可以创建 Web 部件控件作为用户控件或自定义控件。有关详细信息,请参见 WebPart 类的文档。


    推荐阅读
    • 解决.net项目中未注册“microsoft.ACE.oledb.12.0”提供程序的方法
      在开发.net项目中,通过microsoft.ACE.oledb读取excel文件信息时,报错“未在本地计算机上注册“microsoft.ACE.oledb.12.0”提供程序”。本文提供了解决这个问题的方法,包括错误描述和代码示例。通过注册提供程序和修改连接字符串,可以成功读取excel文件信息。 ... [详细]
    • CSS3选择器的使用方法详解,提高Web开发效率和精准度
      本文详细介绍了CSS3新增的选择器方法,包括属性选择器的使用。通过CSS3选择器,可以提高Web开发的效率和精准度,使得查找元素更加方便和快捷。同时,本文还对属性选择器的各种用法进行了详细解释,并给出了相应的代码示例。通过学习本文,读者可以更好地掌握CSS3选择器的使用方法,提升自己的Web开发能力。 ... [详细]
    • 本文介绍了关于Java异常的八大常见问题,包括异常管理的最佳做法、在try块中定义的变量不能用于catch或finally的原因以及为什么Double.parseDouble(null)和Integer.parseInt(null)会抛出不同的异常。同时指出这些问题是由于不同的开发人员开发所导致的,不值得过多思考。 ... [详细]
    • asp中如何嵌入python的简单介绍
      本文目录一览:1、如何在IIS中执行Python脚本 ... [详细]
    • Iamtryingtomakeaclassthatwillreadatextfileofnamesintoanarray,thenreturnthatarra ... [详细]
    • 本文介绍了在开发Android新闻App时,搭建本地服务器的步骤。通过使用XAMPP软件,可以一键式搭建起开发环境,包括Apache、MySQL、PHP、PERL。在本地服务器上新建数据库和表,并设置相应的属性。最后,给出了创建new表的SQL语句。这个教程适合初学者参考。 ... [详细]
    • android listview OnItemClickListener失效原因
      最近在做listview时发现OnItemClickListener失效的问题,经过查找发现是因为button的原因。不仅listitem中存在button会影响OnItemClickListener事件的失效,还会导致单击后listview每个item的背景改变,使得item中的所有有关焦点的事件都失效。本文给出了一个范例来说明这种情况,并提供了解决方法。 ... [详细]
    • Spring特性实现接口多类的动态调用详解
      本文详细介绍了如何使用Spring特性实现接口多类的动态调用。通过对Spring IoC容器的基础类BeanFactory和ApplicationContext的介绍,以及getBeansOfType方法的应用,解决了在实际工作中遇到的接口及多个实现类的问题。同时,文章还提到了SPI使用的不便之处,并介绍了借助ApplicationContext实现需求的方法。阅读本文,你将了解到Spring特性的实现原理和实际应用方式。 ... [详细]
    • 本文讨论了一个关于cuowu类的问题,作者在使用cuowu类时遇到了错误提示和使用AdjustmentListener的问题。文章提供了16个解决方案,并给出了两个可能导致错误的原因。 ... [详细]
    • 本文详细介绍了在ASP.NET中获取插入记录的ID的几种方法,包括使用SCOPE_IDENTITY()和IDENT_CURRENT()函数,以及通过ExecuteReader方法执行SQL语句获取ID的步骤。同时,还提供了使用这些方法的示例代码和注意事项。对于需要获取表中最后一个插入操作所产生的ID或马上使用刚插入的新记录ID的开发者来说,本文提供了一些有用的技巧和建议。 ... [详细]
    • Webmin远程命令执行漏洞复现及防护方法
      本文介绍了Webmin远程命令执行漏洞CVE-2019-15107的漏洞详情和复现方法,同时提供了防护方法。漏洞存在于Webmin的找回密码页面中,攻击者无需权限即可注入命令并执行任意系统命令。文章还提供了相关参考链接和搭建靶场的步骤。此外,还指出了参考链接中的数据包不准确的问题,并解释了漏洞触发的条件。最后,给出了防护方法以避免受到该漏洞的攻击。 ... [详细]
    • 目录浏览漏洞与目录遍历漏洞的危害及修复方法
      本文讨论了目录浏览漏洞与目录遍历漏洞的危害,包括网站结构暴露、隐秘文件访问等。同时介绍了检测方法,如使用漏洞扫描器和搜索关键词。最后提供了针对常见中间件的修复方式,包括关闭目录浏览功能。对于保护网站安全具有一定的参考价值。 ... [详细]
    • npmrunbuild后dist文件夹下面直接浏览器打开index.html,css和js的路径都不正确。放到跟目录下就正常了,iis上同样只能在根目录下。我项目的目录如下: ... [详细]
    • NetBPM的安装还是比较简单的,有比较详细的文档。1.当然是先下载运行程序了,netbpm-0.8.3.1.zip,官方网站ÿ ... [详细]
    • 织梦DedeCMS配置手机wap站点,并绑定二级域名
      织梦DedeCMS织梦配置手机wap站点,并绑定二级域名。1.安装手机wap浏览模块2.根目录创建wap文件夹,将templets\wap文件移入根目录下的wap,如图:织梦Ded ... [详细]
    author-avatar
    jack2502937407
    这个家伙很懒,什么也没留下!
    Tags | 热门标签
    RankList | 热门文章
    PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
    Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有