[發明專利]一種靜態頁面開發平臺及方法

在審

• 申請號: 201610560332.4
• 申請日: 2016-07-15
• 公開（公告）號: CN107632822A
• 公開（公告）日: 2018-01-26
• 發明（設計）人: 何懌銘
• 申請（專利權）人: 深圳聯友科技有限公司
• 主分類號: G06F8/33
• 分類號: G06F8/33;G06F8/36
• 代理公司: 深圳市順天達專利商標代理有限公司44217
• 代理人: 高占元

技術領域

本發明涉及網頁開發技術領域，尤其涉及一種靜態頁面開發平臺及方法。

背景技術

靜態頁面網站相比動態頁面網站的優點是訪問速度快、管理簡單、跨各個平臺的服務器。但是靜態頁面的交互性比較差，而且網站服務器只是簡單地返回靜態頁面的內容，所以靜態頁面的代碼和文本內容全部是在客戶端的瀏覽器解析和執行，這給靜態頁面網站的開發造成了很多的限制，損失了很多的開發靈活性，不僅如此，很多靜態頁面網站的樣式代碼，腳本代碼和標簽代碼都混在一起，不僅難于閱讀，給維護帶來了一定的困難。因此，現有技術的靜態網頁開發技術存在以下缺點：

1、大都是一個模塊使用一個頁面方式，不同模塊之間的切換是通過頁面跳轉的方式切換；

2、有少部分靜態網站是使用單頁面方式，不同模塊之間的切換是通過動態生成頁面元素的方式更改頁面顯示元素的；

3、模塊與模塊之間，組件與組件之間的代碼功能復用率比較低，復用大都是局限在對象/方法級別；

4、前端代碼的業務沒有層次，開發和維護起來比較復雜。

發明內容

本發明要解決的技術問題在于，針對上述現有技術模塊切換、單頁面顯示元素、復用率低以及開發維護復雜的問題，提供一種靜態頁面開發平臺及方法。

本發明解決其技術問題所采用的技術方案是：

一方面，構造一種靜態頁面開發平臺，包括格式聲明平臺、模塊執行平臺 以及組件復用平臺；

所述格式聲明平臺，用于聲明多個組件的基本屬性；

所述模塊執行平臺，用于依據所述基本屬性分別加載多個所述組件以識別其中的模塊，解析所述模塊以分離其中的視圖模板資源，并將所述視圖模板資源呈現于靜態頁面；

所述組件復用平臺，用于復用多個所述組件。

在本發明所述的靜態頁面開發平臺中，所述格式聲明平臺包括：

組件名稱聲明單元，用于聲明多個所述組件的名稱；

延時組件聲明單元，用于聲明多個延時組件；

組件配置單元，用于配置多個所述組件并配置模塊URL。

在本發明所述的靜態頁面開發平臺中，所述模塊執行平臺包括：

引擎配置單元，用于依據所述模塊URL判斷所述模塊是否存在，并當所述模塊存在時為所述模塊配置解析引擎；

資源解析單元，用于采用所述解析引擎分離所述模塊中的視圖模板資源；

視圖呈現單元，用于將所述視圖模板資源呈現于所述靜態頁面。

在本發明所述的靜態頁面開發平臺中，所述資源解析單元包括：

資源分離子單元，用于采用所述解析引擎分離所述模塊中的視圖模板資源；

視圖管理子單元，用于分類管理所述視圖模板資源以將所述視圖模板資源逐步呈現于所述靜態頁面。

在本發明所述的靜態頁面開發平臺中，所述組件復用平臺包括：

方法描述單元，用于描述多個所述組件的方法內容；

組件回調單元，用于對包括所述方法內容的多個所述組件進行回調以復用多個所述組件。

另一方面，提供一種靜態頁面開發方法，提供如上所述的靜態頁面開發平臺，包括以下步驟：

S1、通過格式聲明平臺聲明多個組件的基本屬性；

S2、通過模塊執行平臺依據所述基本屬性分別加載多個所述組件以識別其中的模塊，解析所述模塊以分離其中的視圖模板資源，并將所述視圖模板資 源呈現于靜態頁面；

S3、通過組件復用平臺復用多個所述組件。

在本發明所述的靜態頁面開發方法中，所述步驟S1包括以下子步驟：

S11、聲明多個所述組件的名稱；

S12、聲明多個延時組件；

S13、配置多個所述組件并配置模塊URL。

在本發明所述的靜態頁面開發方法中，所述步驟S2包括以下子步驟：

S21、依據所述模塊URL判斷所述模塊是否存在，并當所述模塊存在時為所述模塊配置解析引擎；

S22、采用所述解析引擎分離所述模塊中的視圖模板資源；

S23、將所述視圖模板資源呈現于所述靜態頁面。

在本發明所述的靜態頁面開發方法中，所述步驟S22包括以下子步驟：

S221、采用所述解析引擎分離所述模塊中的視圖模板資源；

S222、分類管理所述視圖模板資源以將所述視圖模板資源逐步呈現于所述靜態頁面。

在本發明所述的靜態頁面開發方法中，所述步驟S3包括以下子步驟：