工具箱

丰富的 AJAX 数据库控件、分析 HTTP 流量及更多内容

Scott Mitchell

在确认所有价格按次,并有可能变动。以此列的意见那些仅作者的并执行不一定反映 Microsoft 意见。

内容

中心客户端 Ajax 开发丰富数据 Web 控件
创建博客的 Note
检查和分析 HTTP 通信
Bookshelf

中心客户端 Ajax 开发丰富数据 Web 控件

ASP.NET AJAX 框架提供了两种模型构建启用 Ajax 的 Web 应用程序: 服务器为中心和以客户为中心。使用中心服务器的模式页面开发人员继续使用标准的 ASP.NET Web 控件,但将它们置于 UpdatePanel 控件之内。UpdatePanel 中的一个控件导致回发,UpdatePanel 将替换 JavaScript 引发部分页回发的典型的回发,并无缝地与服务器的响应中更新控件中。使用以客户为中心模式页面开发人员承担任务与编写 JavaScript 启动部分页面回发并更新页上的响应。编程使用客户端为中心模型要求,页开发人员使用客户端 ASP.NET AJAX 库,并编写 JavaScript 和 HTML 本身可启动部分页回发并更新页上的响应。

因为它是易于实现和使用现有的 Web 控件 ASP.NET 开发人员熟悉 ASP.NET Ajax 开发新的开发人员通常首先选择在中心服务器的模型。但是,客户端为中心模型提供了更多控制页的行为,并在浏览器和从而使更唯一和响应的用户体验在 Web 服务器之间 shuttled 的信息。这两种模型强制开发人员能够做出困难: 使用 ASP.NET 的现有 Web 控件轻松实现,或省略熟悉的控件和写入大量 JavaScript 和 HTML,以便最大限度地提高性能。

好消息是由于为 Ajax 数据控件项目版本 1.0,一个第三个选项的是 ASP.NET 控件来启用 Ajax 的 Web 应用程序中显示数据的集合。Ajax 数据控件与以客户为中心开发欣赏的增强性能 marry 中心服务器的开发的轻松。

向网页添加 Ajax 数据控件和配置其外观和行为完成许多方式与任何其他 Web 控件相同,从 Visual Studio,请从工具箱拖到页面中拖动该控件,并配置其设置通过属性窗口。但与 ASP.NET 的内置的数据控件不同 Ajax 数据控件检索其数据从服务器使用客户端脚本、 提供响应更及时的用户体验和使用标准的数据控件,当 UpdatePanel 中使用较少带宽。

是例如要使用 Ajax 数据控件的 GridView 罗斯文数据库中显示类别,首先向 ASP.NET 页面添加 GridView。接下来,创建查询数据库,并返回要显示的数据的脚本服务。最后,编写 JavaScript 的页将 GridView 绑定到数据。

图 2 显示通过浏览器查看时在结果页时, 图 1 显示了页的声明性标记。页访问浏览器中时, 客户端 pageLoad 函数将执行,并从脚本服务中检索数据。一旦服务器已返回数据,它被绑定使用 JavaScript 代码类似于服务器端 C# 代码用于绑定到 ASP.NET 的 GridView 控件的数据的 GridView 到。

图 1 添加到 ASP.NET 页在 GridView

<AjaxData:GridView ID="gvCategories" runat="server" CellPadding="4" CellSpacing="0">
    <HeaderStyle CssClass="HeaderStyle" />
    <AlternatingRowStyle CssClass="AlternatingRowStyle" />
</AjaxData:GridView>

<script type="text/javascript">
    function pageLoad(sender, e) {
        MyScriptService.GetAllCategory(onLoadSuccess);
    }

    function onLoadSuccess(result) {
        var myGrid = $find('gvCategories');

        myGrid.set_dataSource(result);
        myGrid.dataBind();
    }
</script>

fig02.gif

图 2 </a0>-数据显示

在 Ajax 数据控件包括 GridView、 DataList、 Repeater 和寻呼机。使用只是一个 sprinkle JavaScript 的且不需编写任何的 HTML 可以显示、 排序、 翻阅,编辑,和删除使用熟悉的概念,同时欣赏以客户为中心开发的好处的数据。嵌套的数据控件,以及与 Ajax 控件工具包集成,在 GridView (图像、 复选框,超链接,等) 中, 键入常见数据显示方案还有易于实现如条件格式使用不同的列数。另外还有不提供标准的 ASP.NET 数据控件,包括拖动和拉和列的丰富功能重新排序。

价格:免费的开源。

codeplex.com/AjaxDataControls

创建博客的 Note

好的网络日志撰写者与让他们知道他们使用,将传哪些工作原理是不会何种技术的其同事共享 anecdotes 和期望的哪些障碍。Rick Strahl Web 日志是很好的网络日志的极好示例。

Rick 是创始人和主管开发人员的 West 风技术,销售了大量基于 Web 的应用程序和实用程序,因此他花费在 trenches 中生活他天的公司,编写软件、 bumping 问题、 查找解决方案。他的博客作为虚拟水冷却器其中 Rick 聪明的提示和技巧以及与共享新技术他是使用、 他的遇到的问题和替代方法,他的设计了一个位置。

因为西风技术主要产品 Web,Rick 的大部分将发送这些技术中心。没有丰富的 jQuery 和 JavaScript 上, 张贴内容以及 ASP.NET 和 AJAX、 Silverlight、 Web 服务、 Visual Studio,和 IIS 的见解集合。并除了常规的博客张贴 Rick 添加每个两到三天他还显示详细的白皮书大量区域从 ASP.NET 加载平衡和压力测试 Web 应用程序设置和运行破坏 (一个可用源代码控制系统) 中的编译和部署选项的主题。

Rick 的博客提供了大量信息和学习了通过实际体验的 know-how。此大量的体验对于所有的技能级别的 Web 开发人员用作的宝贵资源。

西 wind.com / 博客

其他我喜爱之一就是博客的 我的机密生命为型编码员 的 Sam Larbi 他的想法和见解与共享世界。Sam 用作创建 Web 和桌面应用程序使用的语言和技术 (如 C#、 C++、 Ruby、 ASP.NET 和 ColdFusion 开发人员。他的博客中包括主题的同样不同的系列。

有侧重于软件的开发方法的张贴内容 Web 开发和测试驱动开发的 Sam 的体验的观点。您会发现很多有趣项如游戏编程,礼品想法程序员,以及如何获取孩子们感兴趣编程的主题。

Sam 还有很多有关所有的非技术相关方面的软件开发人员说: 使用其他会议,维护良好客户关系个人开发,等等。还有有关如何与老板或客户响应主要的 blunder 好张贴内容。Sam 的建议是使用失败) 负责,说明将在如何避免将转发的错误以及如何,您将修正当前这种情况。还有好提示如何处理麻烦的客户,以及所需哪些知识和技能变得您的公司的眼睛宝贵的雇员。

codeodor.com

检查和分析 HTTP 通信

当您访问某个网站时,您的浏览器将发送每个资源的 HTTP 请求,并从请求的内容所在的服务器接收 HTTP 响应。能够检查每个 HTTP 请求和响应很有用大量的 Web 站点开发方案。示例,面临缓慢的加载 Web 站点时很好的第一步是完全检查什么,传输从服务器到客户端在访问请求 underperforming 的页时。可能有是非常大 CSS 或 JavaScript 文件被 shuttled 来回或页面的背景图像也许是特别 hefty。检查 HTTP 通信也是一个很有帮助的步骤调试 Ajax 的应用程序时因为它允许您查看精确的内容被来回 shuttled 部分回发过程中。

检查 HTTP 通信我最喜欢的工具之一是 Fiddler 版本 2.2,由 Eric Lawrence,Microsoft Internet Explorer 团队的一个项目经理 (请参见 图 3 )。fiddler 作为本地的 HTTP 代理,它位于您的浏览器和外部 Internet 之间。Fiddler 启用了时从您的浏览器进行每个 HTTP 请求首先发送到该记录请求一起发送到其预期的目标之前的 Fiddler。HTTP 响应返回时, 首先到达 Fiddler,它记录它,然后将它返回到浏览器。

fig03.gif

图 3 Fiddler 分析通信

记录的 Fiddler HTTP 通信是通过双 paned 用户界面可见。左边的窗格列出了每个记录的 HTTP 请求/响应对。从左侧选择一个或多个 HTTP 请求/响应对导致在右窗格中加载详细信息。

在右窗格包括许多与不同类型的信息的选项卡。发送并接收的字节总数统计信息选项卡列表,长选定的请求/响应对的估计将需要不同的设置和下各种类型的请求和相对于彼此它们的大小的饼图中传输。时间线选项卡显示图形的每个所选的请求/响应对时间线说明了哪些请求同时,运行的并显示所用的每个请求时间执行。这些两个选项卡是用于分析网站的性能非常有用。

其他选项卡可用于调试客户端和服务器端逻辑。检查器选项卡提供发送请求和响应的内容的格式化和原始视图。从 AutoResponder 选项卡您可以"伪造"来自服务器的响应通过指定一个预定义的响应有用技术用于调试 Ajax 应用程序中的客户端逻辑。此外检查请求生成器选项卡 ; 从这里可以构建制作现有的 HTTP 请求并将其发送到指定的 Web 服务器。

价格:释放。

fiddlertool.com

Bookshelf

在 Mid-九十年代发明 JavaScript 时作为 Netscape Navigator Web 浏览器的客户端脚本语言。多年它被视为某种程度的玩具语言适用于窗体字段输入有效性和一些其他。目前,JavaScript 被识别为一种重要而强大的语言。它通常用于动态修改样式和客户端上的网页的内容,而无需回发到 Web 服务器的成本行程。在一个启用 Ajax 的网页中出现的复杂交互可能因此很棒的语言。

由于为 Web 开发中的 JavaScript 的增加重要性,已创建几个框架。最受欢迎的之一是 jQuery,由 John Resig 一个免费、 开源、 跨浏览器 JavaScript 框架。(在实际,Visual Studio 2010 将随 jQuery 库使 ASP.NET 开发人员入门 jQuery 甚至更轻松地)。

一个简单地说 jQuery 更易于获取网页中的元素,并处理这些内容。是例如显示的数据网格的许多网页会有所不同可以通过对每个交替的表格行的 CSS 类在 JavaScript 中来完成每一交替行的样式。下面的 jQuery 语句执行这一非常简洁操作:

   $("table tr:nth-child(even)").
      addClass("cssClassName");

jQuery in Action (Manning,2008) 通过熊 Bibeault 和 Yehuda Katz,是很好的资源,为 leaning jQuery 的细节和主控其简洁而灵活的语法。jQuery in Action 假定读者熟悉使用 JavaScript,并且浪费了没有时间涵盖所使用的语言的基本知识。相反,它开头快速了解到 jQuery 和 jQuery 基础背后动机,,然后使用 jQuery 完成常见任务上进行移动。(的一些使用 jQuery 的更多高级 JavaScript 概念中介绍了一个附录)。

下一步,作者介绍 jQuery 的许多功能。他们演示如何从网页中选择元素、 如何修改样式和内容的元素,以及如何添加和元素中删除该 DOM。在显示如何 jQuery 简化了事件处理检查 jQuery 的实用工具函数,说明如何使用 jQuery 与 Web 服务器通信。作者提供此信息以简单易懂的英语,只需右代码段和屏幕快照的量。最终结果是非常信息性读简介册。

jQuery 的普及的一个原因是它非常易于扩展在 Framework 通过插件。使用 JavaScript 的几行可以到 Framework 来添加自己的函数。最大的益处,开发人员可以共享它们已在该正式 jQuery 站点中进行创建的插件有当前几个百插件可供下载。jQuery in Action 包括说明如何创建您自己的插件的一章和检查四个最常见且有用插件可用的其他章节。

价格:$39.99。

manning.com

figc.gif

将您的问题和意见发送 Scott 为 toolsmm@Microsoft.com.

Scott Mitchell 的许多书籍和的创始人作者 4GuysFromRolla.com 作为 MVP 一直从事 Microsoft Web 技术自 1998 年的。Scott 是一个独立顾问、 培训师,兼编写器。访问他在Mitchell@4guysfromrolla.com  或在他的博客  ScottOnWriting.NET.