[發明專利]使用聲明性模板來標記出控件的用戶界面控件框架

在審

• 申請號: 201380043303.5
• 申請日: 2013-08-14
• 公開（公告）號: CN104798036A
• 公開（公告）日: 2015-07-22
• 發明（設計）人: C·奇林喬內;M·利斯;D·霍普同
• 申請（專利權）人: 微軟公司
• 主分類號: G06F9/44
• 分類號: G06F9/44;G06F9/455;G06F17/21;G06F17/30
• 代理公司: 上海專利商標事務所有限公司 31100
• 代理人: 胡利鳴

背景

第五版本的超文本標記語言(即，“HTML5”)被稱為萬維網聯盟(“W3C”)的國際標準主體正式地定義。HTML5包括超過100個與下一代Web技術有關的規范。HTML5描述被配置成使得設計者和開發者能夠構建下一代網站和應用的一組HTML、CSS(層疊樣式表)和JavaScript規范。盡管這樣的技術在許多使用場景中令人滿意地執行，但是依然存在用于要被實現的增強的和更豐富的web應用開發體驗的機會。

提供本背景來介紹以下概述和詳細描述的簡要上下文。本背景不旨在幫助確定所要求保護的主題的范圍，也不旨在被看作將所要求保護的主題限于解決以上所提出的問題或缺點中的任一個或全部的實現。

概述

用戶界面(“UI”)控件框架使得UI控件能被聲明性地與HTML標記內聯地創建，而不需要通常使用常規的UI控件模型需要的寫樣板代碼JavaScript。在一個具體的說明性實施例中，UI控件框架被構建以位于現有的WinJS(JavaScript的Windows庫)功能之上并封裝跨許多控件實現公用的行為，使得UI控件模板的單個實例可被用于標記出多個控件實例。UI控件框架將布局與支持控件中的“隱藏代碼”分開，使得數據綁定可在沒有對控件以及其子控件的任一的布局的顯式知曉的情況下被抽象地實現。標記提供允許代碼具有對子控件的直接訪問的“定位點”。將命名屬性放置在控件實例上的自定義expando?HTML屬性可被使用。

有利地，布局和支持控件之間松散的耦合允許UI控件可被web應用設計者容易地創建，這些web應用設計者往往是HTML和CSS方面的專家，但是不像編程者/開發者那樣精通JavaScript編碼。框架支持對UI控件的聲明性創建，而不需要設計者必須接觸支持控件代碼。框架及其聲明性模板進一步是固有的靈活的，使得只要定位點保持被同樣命名，設計者就可對控件布局作出大規模的改變，而不需要觸發更新支持控件中的代碼的需要。這樣的靈活度為應用設計者提供了強勁的工具來產生豐富的用戶體驗，同時還減少與代碼維護相關聯的花費。

提供本概述是為了以簡化的形式介紹將在以下具體實施方式中進一步描述的概念選擇。本概述不旨在標識出所要求保護的主題的關鍵特征或必要特征，也不旨在用于幫助確定所要求保護的主題的范圍。

附圖描述

圖1示出可在其中實現本UI控件框架的說明性計算環境；

圖2示出了在傳統的UI控件模型中，UI控件布局如何被緊密地耦合到底層“隱藏代碼”；

圖3示出了調用顯示音樂曲目并使得能夠實現它們的購買的UI控件的說明性HTML代碼；

圖4顯示了被用于實現圖3中顯示的UI控件的樣板代碼JavaScript的說明性示例；

圖5顯示了在本UI控件框架中，指定UI控件布局的標記文件如何被松散地耦合并與支持控件分開；

圖6示出了聲明性UI控件模板如何被用于“標記出”多個控件實例的說明性示例；

圖7示出了用于將數據綁定到在其中數據由支持控件提供的布局中的控件的說明性安排；

圖8示出了本UI控件框架的實現的說明性體系結構；

圖9顯示了在WinJS下支持本UI控件框架的命名空間和函數的創建；

圖10-12示出了本UI控件框架的說明性使用的示例；

圖13示出了說明性HTML?DOM(文檔對象模型)樹的一部分；

圖14-17示出了包括與HTML元素相關聯的各個expando屬性的說明性HTML片段；以及

圖18是可用來實現本UI控件框架的諸如個人計算機或服務器之類的說明性計算機系統的簡化框圖。

附圖中類似的附圖標記描述類似的元素。

詳細描述