[转载]精进不休 .NET 4.0 (3) - asp.net 4.0 新特性之动态数据(Dynamic Data)增强, AJAX增强; IDE之Visual Studio 2010增强

[转载]精进不休 .NET 4.0 (3) – asp.net 4.0 新特性之动态数据(Dynamic Data)增强, AJAX增强; IDE之Visual Studio 2010增强 – webabcd – 专注于asp.net, Silverlight – 博客园.

[源码下载]

精进不休 .NET 4.0 (3) – ASP.NET 4.0 新特性之动态数据(Dynamic Data)增强, AJAX增强; IDE之Visual Studio 2010增强

作者:webabcd

介绍
ASP.NET 4.0 的新增功能

  • EnableDynamicData – 启用 Dynamic Data 的功能
  • DynamicHyperLink – 用于方便地生成在 Dynamic Data 站点中导航的超级链接
  • Entity Template – 实体模板是一个新增的用于自定义数据显示的模板,其基于 FormView 控件做数据呈现
  • DisplayAttribute – 新增的一个 Attribute(可以设置字段的Name和Order)
  • 其它新特性

AJAX 增强
Visual Studio 2010 增强

示例
1、Dynamic Data 之 EnableDynamicData
Demo/EnableDynamicData.aspx

代码

<%@ Page Language=C# AutoEventWireup=true CodeBehind=EnableDynamicData.aspx.cs
Inherits
=DynamicData.Demo.EnableDynamicData %>

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head runat=”server”>
<title></title>
</head>
<body>
<form id=”form1″ runat=”server”>
<div>
<!–收集并显示由 Dynamic Data 所做的数据验证的结果–>
<asp:ValidationSummary ID=”ValidationSummary1″ runat=”server” EnableClientScript=”true” HeaderText=”验证错误的列表” />

<asp:DetailsView ID=”DetailsView1″ runat=”server” AllowPaging=”True” DataKeyNames=”ProductID”
DataSourceID
=”EntityDataSource1″>
<Fields>
<asp:CommandField ShowDeleteButton=”True” ShowEditButton=”True” ShowInsertButton=”True” />
</Fields>
</asp:DetailsView>
<asp:EntityDataSource ID=”EntityDataSource1″ runat=”server” ConnectionString=”name=AdventureWorksEntities”
DefaultContainerName
=”AdventureWorksEntities” EnableDelete=”True” EnableInsert=”True”
EnableUpdate
=”True” EntitySetName=”Products” EnableFlattening=”False”>
</asp:EntityDataSource>
</div>
</form>
</body>
</html>

Demo/EnableDynamicData.aspx.cs

代码

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace DynamicData.Demo
{
public partial class EnableDynamicData : System.Web.UI.Page
{
protected void Page_Init()
{
/*
* EnableDynamicData – 启用 Dynamic Data 的功能(包括字段模板,数据验证在内的等 等 Dynamic Data 的功能都会被启用)
*     第一个参数:需要启用 Dynamic Data 功能的实体类型
*     第二个参数:当控件启用插入模板的时候,为字段指定默认值
*/
DetailsView1.EnableDynamicData(
typeof(Product), new { Name = 默认名称 });
}

protected void Page_Load(object sender, EventArgs e)
{

}
}
}

2、Dynamic Data 之 DynamicHyperLink
Demo/DynamicHyperLinkDemo.aspx

代码

<%@ Page Language=C# AutoEventWireup=true CodeBehind=DynamicHyperLinkDemo.aspx.cs
Inherits
=DynamicData.Demo.DynamicHyperLinkDemo %>

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head runat=”server”>
<title></title>
</head>
<body>
<form id=”form1″ runat=”server”>
<div>
<!–
DynamicHyperLink – 用于方便地生成在 Dynamic Data 站点中导航的超级链接
Action – 指定 Action(可选值有 List|Details|Edit|Insert)
TableName – 需要链接到的目标表名
ContextTypeName – 上下文的类全名
–>
<asp:DynamicHyperLink ID=”ListHyperLink” runat=”server” Text=”全部产 品” Action=”List”
TableName
=”Products” ContextTypeName=”DynamicData.AdventureWorksEntities”>
</asp:DynamicHyperLink>

<!–
生成的 HTML 代码如下:
<a id=”ListHyperLink” href=”/Products/List.aspx”>全部产品& lt;/a>
–>
</div>
</form>
</body>
</html>

3、Dynamic Data 之 Entity Template
DynamicData/EntityTemplates/Products.ascx

代码

<%@ Control Language=C# AutoEventWireup=true CodeBehind=Products.ascx.cs Inherits=DynamicData.DynamicData.EntityTemplates.Products %>

<!–
Entity Template – 实体模板是一个新增的用于自定义数据显示的模板,其是基于 FormView 控件做数据呈现的
以下演示如何实现自定义的 Entity Template ,进入产品详情页可查看此 Demo 的效果
以下内容会被替换 到 PageTemplates/Details.aspx <asp:DynamicEntity runat=”server” /& gt; 中去
–>
<tr>
<td>
产品ID
</td>
<td>
<asp:DynamicControl ID=”DynamicControl1″ runat=”server” DataField=”ProductID” />
</td>
</tr>
<tr>
<td>
产品名称
</td>
<td>
<asp:DynamicControl ID=”DynamicControl2″ runat=”server” DataField=”Name” />
</td>
</tr>

DynamicData/EntityTemplates/Products.ascx.cs

代码

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace DynamicData.DynamicData.EntityTemplates
{
// 自定义的 EntityTemplate 的基类 是 System.Web.DynamicData.EntityTemplateUserControl
public partial class Products : System.Web.DynamicData.EntityTemplateUserControl
{

}
}

4、Dynamic Data 之 DisplayAttribute
Demo/Metadata.cs

代码

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;

using System.ComponentModel.DataAnnotations;

namespace DynamicData
{
[MetadataType(
typeof(Product_Metadata))]
public partial class Product
{

}

public class Product_Metadata
{
// DisplayAttribute – 新增的一个 Attribute
// Name – 指定字段的名称(参 考 Demo/EnableDynamicData.aspx ,其“ProductID”字段显示为“产品ID”)
// Order – 指定字段在所有字段中的排序
[Display(Name=产品ID, Order=0)]
public object ProductID { get; set; }

[Display(Name = 产品名称, Order = 1)]
public object Name { get; set; }

[Range(1, 100, ErrorMessage={0}的范围必须是{1}-{2})]
[Display(Name
= 单价, Order = 2)]
public object ListPrice;
}
}

5、Dynamic Data 之 其它新特性
Demo/Others.aspx

代码

<%@ Page Language=C# AutoEventWireup=true CodeBehind=Others.aspx.cs Inherits=DynamicData.Demo.Others %>

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head runat=”server”>
<title></title>
<style>
body
{
font-size
: 12px;
}
textarea
{
width
: 99%;
}
</style>
</head>
<body>
<form id=”form1″ runat=”server”>
<div>
<p>
1、DynamicDataManager 控件新增了 DataControls 属性,在其内可以声明多 个 DataControlReference,用于指定哪些控件需要启用 Dynamic Data 的功能
<textarea>
<asp:DynamicDataManager ID=”DynamicDataManager1″ runat=”server” AutoLoadForeignKeys=”true”>
<DataControls>
<asp:DataControlReference ControlID=”GridView1″ />
</DataControls>
</asp:DynamicDataManager>
<asp:GridView id=”GridView1″ runat=”server” />
</textarea>
</p>
<p>
2、新增了一个 EnumDataTypeAttribute,可以声明某字段为枚举类型。对应的字段模板里也新增 了 Enumeration.ascx 和 Enumeration_Edit.ascx
</p>
<p>
3、新增了两个数据类型
<ul>
<li>[DataType(DataType.EmailAddress)] 对 应的字段模板里也新增了 EmailAddress.ascx</li>
<li>[DataType(DataType.Url)] 对 应的字段模板里也新增了 Url.ascx</li>
</ul>
</p>
<p>
4、支持多对多的关系(限 Entity Framework 模型)。对应的字段模板里也新增 了 ManyToMany.ascx 和 ManyToMany_Edit.ascx
</p>
<p>
5、原 Dynamic Data 会自动地将类型为 Boolean, Enumeration, ForeignKey 的 字段作为查询条件输出到页面上。现在新增了 Filter Template(查询模板),可以对这些查询条件的样式和逻辑等做自定义修改(详 见 DynamicData/Filters 下的文件)
</p>
</div>
</form>
</body>
</html>

6、AJAX 增强
List.html

代码

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head runat=”server”>
<title></title>
<style>
body
{
font-size
: 12px;
}
textarea
{
width
: 99%;
}
</style>
</head>
<body>
<p>
1、Visual Studio 2010 内包含了 JQuery
</p>
<p>
2、JavaScript 框架的 CDN
<ul>
<li>JQuery – &lt;script src=”http://ajax.Microsoft.com/ajax/JQuery-1.3.2.js” type=”text/JavaScript&gt;&lt;/script&gt;</li>
<li>ASP.NET ajax – &lt;asp:ScriptManager ID=”ScriptManager1” EnableCdn=”true” runat=”server” /&gt;</li>
</ul>
</p>
<p>
3、asp.net ajax 的按需加载脚本,如下所示
<textarea rows=”10″>
<asp:ScriptManager ID=”ScriptManager1″ AjaxFrameworkMode=”Explicit” runat=”server”>
<Scripts>
<asp:ScriptReference Name=MicrosoftAjaxCore.js />
<asp:ScriptReference Name=MicrosoftAjaxComponentModel.js />
<asp:ScriptReference Name=MicrosoftAjaxSerialization.js />
<asp:ScriptReference Name=MicrosoftAjaxNetwork.js />
</Scripts>
</asp:ScriptManager>
</textarea>
</p>
</body>
</html>

7、Visual Studio 2010 增强

代码

<%@ Page Title=“” Language=C# MasterPageFile=~/Site.Master AutoEventWireup=true
CodeBehind
=List.aspx.cs Inherits=VisualStudio.List %>

<asp:Content ID=”Content1″ ContentPlaceHolderID=”head” runat=”server”>
<style>
body
{
font-size
: 12px;
}
textarea
{
width
: 99%;
}
</style>
</asp:Content>
<asp:Content ID=”Content2″ ContentPlaceHolderID=”ContentPlaceHolder1″ runat=”server”>
<p>
1、HTML 和 JavaScript 支持 Code Snippets(代码片段)
<ul>
<li>组合键 ctrl+k ctrl+x 用 于插入代码片段</li>
<li>组合键 ctrl+k ctrl+b 用 于调出代码片段管理器</li>
<li>
比如要在 HTML 的代码片段中增加一个 fieldset 的代码片段,可参考如下写法,将其保存 为 snippet 格式的文件保存到“我的文档\Visual Studio 2010\Code Snippets \Visual Web Developer\My HTML Snippets”
<textarea rows=”6″>
<CodeSnippet Format=”1.1.0″ xmlns=”http://schemas.microsoft.com/VisualStudio/2005/CodeSnippet”>
<Header>
<Title>fieldset</Title>
<Author>webabcd</Author>
<Shortcut>fieldset</Shortcut>
<Description>Markup snippet for a fieldset</Description>
<SnippetTypes>
<SnippetType>Expansion</SnippetType>
<SnippetType>SurroundsWith</SnippetType>
</SnippetTypes>
</Header>
<Snippet>
<Declarations>
<Literal>
<ID>legend</ID>
<ToolTip>legend</ToolTip>
<Default>标题</Default>
</Literal>
<Literal>
<ID>content</ID>
<ToolTip>content</ToolTip>
<Default>content</Default>
</Literal>
</Declarations>
<Code Language=”html”>
<![CDATA[<fieldset>
<legend>$legend$</legend>
<div>
$content$
</div>
</fieldset>$end$]]>
</Code>
</Snippet>
</CodeSnippet>
</textarea>
</li>
</ul>
</p>
<p>
2、根据不同配置生成不同版本的 Web.config 文件
<ul>
<li>在 Web.config 文件点右键, 选择 “Add Config Transforms”,可生成不同配置的 Web.config 文件(生成包的时候,按哪种配置生成则生成哪种配置 的 Web.config 文件)</li>
<li>默认有两种配置, 即 Debug 和 Release ,可以在 Build -> Configuration Manager 中做 新增/删除/修改/更 新 配置的操作</li>
</ul>
</p>
<p>
3、智能提示的改进。比如在对象后面“点”属性的时候,它将根据已输入的字母做筛选。例:如果在 TextBox 对象后键 入 text, 则智能提示只会显示 Text, TextChanged, TextMode(以前会把对象的所有属性、方法、事件都列出来)
</p>
<p>
4、将光标放到某一个标识上的时候,则该页所有使用了此标识的地方都会被 IDE 突出显示出来
</p>
<p>
5、新增了一个开发环境配置 – Code Optimized ,在此模式下只有 html 编辑视图,而没有设计视图。在第一次启 动 Visual Studio 2010 的时候,可以选择开发环境配置。以后如果需要修改开发环境配置,可以在此处操 作:Tools > Import & Export Settings > Reset all settings option
</p>
<p>
6、在项目属性中新增了两个选项卡,Package/Publish Web 和 Package/Publish SQL,分别用于生 成 Web 包和 SQL 包
</p>
</asp:Content>

OK
[源码下载]

赞(0) 打赏
分享到: 更多 (0)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏