使用声明性模板来标记出控件的用户界面控件框架的制作方法
【专利说明】使用声明性模板来标记出控件的用户界面控件框架
[0001] 背景
[0002] 第五版本的超文本标记语言（即，"HTML5"）被称为万维网联盟（"W3C"）的国际 标准主体正式地定义。HTML5包括超过100个与下一代Web技术有关的规范。HTML5描述 被配置成使得设计者和开发者能够构建下一代网站和应用的一组HTMUCSS(层叠样式表） 和JavaScript规范。尽管这样的技术在许多使用场景中令人满意地执行，但是依然存在用 于要被实现的增强的和更丰富的web应用开发体验的机会。
[0003] 提供本背景来介绍以下概述和详细描述的简要上下文。本背景不旨在帮助确定所 要求保护的主题的范围，也不旨在被看作将所要求保护的主题限于解决以上所提出的问题 或缺点中的任一个或全部的实现。
[0004] 概述
[0005] 用户界面（"n"）控件框架使得n控件能被声明性地与HTML标记内联地创建， 而不需要通常使用常规的n控件模型需要的写样板代码JavaScript。在一个具体的说明 性实施例中，n控件框架被构建以位于现有的WinJS(JavaScript的Windows库）功能之上 并封装跨许多控件实现公用的行为，使得UI控件模板的单个实例可被用于标记出多个控 件实例。UI控件框架将布局与支持控件中的"隐藏代码"分开，使得数据绑定可在没有对控 件以及其子控件的任一的布局的显式知晓的情况下被抽象地实现。标记提供允许代码具有 对子控件的直接访问的"定位点"。将命名属性放置在控件实例上的自定义expandoHTML 属性可被使用。
[0006] 有利地，布局和支持控件之间松散的耦合允许n控件可被web应用设计者容易地 创建，这些web应用设计者往往是HTML和CSS方面的专家，但是不像编程者/开发者那样精 通JavaScript编码。框架支持对UI控件的声明性创建，而不需要设计者必须接触支持控 件代码。框架及其声明性模板进一步是固有的灵活的，使得只要定位点保持被同样命名，设 计者就可对控件布局作出大规模的改变，而不需要触发更新支持控件中的代码的需要。这 样的灵活度为应用设计者提供了强劲的工具来产生丰富的用户体验，同时还减少与代码维 护相关联的花费。
[0007] 提供本概述是为了以简化的形式介绍将在以下【具体实施方式】中进一步描述的概 念选择。本概述不旨在标识出所要求保护的主题的关键特征或必要特征，也不旨在用于帮 助确定所要求保护的主题的范围。
[0008] 附图描述
[0009] 图1示出可在其中实现本n控件框架的说明性计算环境；
[0010] 图2示出了在传统的n控件模型中，n控件布局如何被紧密地耦合到底层"隐藏 代码"；
[0011] 图3示出了调用显示音乐曲目并使得能够实现它们的购买的n控件的说明性 HTML代码；
[0012] 图4显示了被用于实现图3中显示的n控件的样板代码JavaScript的说明性示 例；
[0013] 图5显示了在本n控件框架中，指定n控件布局的标记文件如何被松散地耦合 并与支持控件分开；
[0014] 图6示出了声明性n控件模板如何被用于"标记出"多个控件实例的说明性示 例；
[0015] 图7示出了用于将数据绑定到在其中数据由支持控件提供的布局中的控件的说 明性安排；
[0016] 图8示出了本n控件框架的实现的说明性体系结构；
[0017] 图9显示了在WinJS下支持本n控件框架的命名空间和函数的创建；
[0018] 图10-12示出了本n控件框架的说明性使用的示例；
[0019] 图13示出了说明性HTMLDOM(文档对象模型）树的一部分；
[0020] 图14-17示出了包括与HTML元素相关联的各个expando属性的说明性HTML片段； 以及
[0021] 图18是可用来实现本n控件框架的诸如个人计算机或服务器之类的说明性计算 机系统的简化框图。
[0022] 附图中类似的附图标记描述类似的元素。
[0023] 详细描述
[0024] 图1示出可在其中实现本n控件框架的说明性计算环境100。在环境100中，数 个web应用用户105采用相应的计算设备110来通过因特网120访问包括web应用提供 者115在内的基于web的资源。计算设备110可包括具有各种特征和功能的各种平台（在 此不是所有这样的平台都在图1中被示出），包括例如，移动电话、智能电话、个人计算机 ("PC"）、超移动PC、PDA(个人数字助理）、电子邮件电子设备、数字媒体播放器、平板计算 机、手持式游戏平台以及游戏控制台、上网本和膝上型计算机、因特网连接的电视、机顶盒、 GPS(全球定位系统）和导航设备、数字相机和具有在此提供的功能的各种组合的设备。然 而，强调的是，以上列表旨在说明性，并且本安排可被预期来在各种各样支持HTML5功能或 其子集的平台上使用。
[0025] 尽管不是用于实现本n控件框架的需要的功能，但是计算设备Iio可通常具有 一些形式的网络连接特征（要么直接地要么通过中间设备（例如，因特网连接的个人计算 机））以及web浏览器或应用或内嵌特征，这些内嵌特征提供在设备上操作的并支持用户通 过显示和输入设备（诸如触摸屏、小键盘、定点设备等）的交互性的类似功能。如在图1中 显示的，计算设备110可使用移动网络125或通过因特网服务提供者（"ISP"）130或在一 些情况下使用两者来访问因特网120和web应用提供者115。
[0026] web应用设计者135与提供者115 -起工作来设计包括充分利用HTML5的能力的 应用和网站在内的下一代web技术。编程者140也与提供者一起工作。在这个说明性示例 中，设计者通常熟悉HTML和CSS并使用HTML和CSS，但不需要具有与编程者相同高水平的 对编码方面的专业知识。
[0027] 如图2中显示的，传统的n控件开发模型通常在n控件布局205和底层代码 210 (通常称为"隐藏代码（codebehind)"）之间实现紧密的耦合，n控件布局205在用户 的显示上组织和呈现控件，底层代码210被用来使用web应用的业务和/或呈现逻辑来实 现控件。这样紧密的耦合意味着代码需要具有对每个n控件和任意子控件的布局的显式 知晓。此外，子控件所拥有的任何依赖性需要被父来显式地管理。
[0028] 使用传统的开发模型，设计者可能需要在创建或修改应用特征时接触代码，这在 设计者更有限的代码专业知识的情况下通常是有问题的。代码和布局之间的紧密耦合还可 引起对于为每个UI控件生成相对大量的样板代码（boilerplatecode)的需要。图3和4 提供WinJS中这样的样板代码的说明性示例。WinJS提供了全面的功能来使得设计者、编程 者和开发者能够实现使用Ja