[發(fā)明專利]一種頁面生成方法和系統(tǒng)

在審

• 申請?zhí)枺?/td>: 201210555935.7
• 申請日: 2012-12-12
• 公開（公告）號: CN103870266A
• 公開（公告）日: 2014-06-18
• 發(fā)明（設計）人: 楊帆
• 申請（專利權）人: 杭州新世紀電子科技有限公司
• 主分類號: G06F9/44
• 分類號: G06F9/44
• 代理公司: 北京集佳知識產(chǎn)權代理有限公司 11227
• 代理人: 王寶筠

技術領域

本申請涉及頁面開發(fā)技術領域，特別涉及一種頁面生成方法和系統(tǒng)。

背景技術

目前，在頁面開發(fā)的過程中，為了降低項目實施成本都會選擇采用技術成熟的結構框架，如：Ext、Jquery等技術框架，按照模型－視圖－控制器這個三層架構模式（MVC，Model-View-Controller）的思想對整體結構框架進行分層，從而達到每層架構的相互獨立，并且每層獨立架構之間通過接口的方式進行調(diào)用，提高各層之間的靈活擴展機制。

但是在將整體結構框架按照MVC思想進行分層過程中，技術人員需要在了解JavaScript（簡稱JS）這種計算機腳本語言的情況下，撰寫大量的JS代碼，方可實現(xiàn)整體結構框架的分層，并最終生成頁面進行展示。而在開發(fā)初期JS代碼量增加導致架構混亂，不利于后期對IS代碼的維護。

發(fā)明內(nèi)容

本申請所要解決的技術問題是提供一種頁面生成方法和系統(tǒng)，用以解決現(xiàn)有技術中基于JavaScript進行頁面生成時，代碼量較大的問題，更進一步的，還可以方便后期的維護。

為了解決上述問題，本申請公開了一種頁面生成方法，包括：

接收頁面請求；

從所述頁面請求中獲取頁面請求地址，并依據(jù)所述頁面請求地址獲取對應的用戶界面UI模型名稱以及所述UI模型名稱對應的UI模型；

從所述UI模型中獲取構成頁面的所有UI組件的信息；

依據(jù)所述UI組件的信息將所有UI組件組裝到頁面中，生成請求的頁面。

進一步，獲取所述UI模型名稱對應的UI模型包括：獲取所述UI模型名稱對應的擴展標記語言XML格式的UI模型。

進一步，依據(jù)所述UI組件的信息將所有UI組件組裝到頁面中，生成請求的頁面包括：

將所述所有UI組件中任意一個UI組件的信息轉換為輕量級的數(shù)據(jù)交換格式JSON格式的信息，所述JSON格式的信息包括UI組件的位置信息、UI組件的類型信息和UI組件的文本信息；

獲取與所述UI組件的類型信息相對應的組件，并依據(jù)所述UI組件的位置信息添加所述UI組件至頁面相對應位置上，且使用所述UI組件的文本信息在所述頁面上描述所述UI組件；

在將所有UI組件添加到頁面上，并使用相應的UI組件的文本信息描述所述UI組件之后，生成請求的頁面。

進一步，在將所有UI組件添加到頁面上，并使用相應的UI組件的文本信息描述所述UI組件之后，生成請求的頁面之前還包括：獲取UI組件的顏色信息，并依據(jù)所述UI組件的顏色信息渲染所述UI組件。

進一步，在JSON格式的信息為正常信息的情況下，執(zhí)行獲取與所述UI組件的類型信息相對應的組件，并依據(jù)所述UI組件的位置信息添加所述UI組件至頁面相對應位置上，且使用所述UI組件的文本信息在所述頁面上描述所述UI組件。

進一步，在JSON格式的信息中攜帶的異常標志位為‘0’的情況下，判定JSON格式的信息為正常信息。

進一步，在JSON格式的信息還包括導航信息的情況下，返回執(zhí)行接收頁面請求，該頁面請求對應的頁面請求地址是導航信息中攜帶的地址；

在JSON格式的信息不包括導航信息的情況下，執(zhí)行獲取與所述UI組件的類型信息相對應的組件，并依據(jù)所述UI組件的位置信息添加所述UI組件至頁面相對應位置上，且使用所述UI組件的文本信息在所述頁面上描述所述UI組件。

本申請還提供了一種頁面生成系統(tǒng)系統(tǒng)，該系統(tǒng)包括：

接收模塊，用于接收頁面請求；

第一獲取模塊，用于從所述頁面請求中獲取頁面請求地址，并依據(jù)所述頁面請求地址獲取對應的UI模型名稱以及所述UI模型名稱對應的UI模型；

第二獲取模塊，用于從所述UI模型中獲取構成頁面的所有UI組件的信息；

組裝模塊，用于依據(jù)所述UI組件的信息將所有UI組件組裝到頁面中，生成請求的頁面。

進一步，所述第一獲取模塊具體用于獲取所述UI模型名稱對應的XML格式的UI模型。

進一步，所述組裝模塊包括：轉換單元、調(diào)用單元和添加單元；其中：

轉換單元，用于將所述所有UI組件中任意一個UI組件的信息轉換為JSON格式的信息，所述JSON格式的信息包括UI組件的位置信息、UI組件的類型信息和UI組件的文本信息；

調(diào)用單元，用于獲取與所述UI組件的類型信息相對應的組件，并依據(jù)所述UI組件的位置信息添加所述UI組件至頁面相對應位置上，且使用所述UI組件的文本信息在所述頁面上描述所述UI組件；