[發明專利]一種單頁應用設計方法及系統

在審

• 申請號: 201710373693.2
• 申請日: 2017-05-24
• 公開（公告）號: CN107168713A
• 公開（公告）日: 2017-09-15
• 發明（設計）人: 徐佳宏;付姣;普曉剛;陳戀
• 申請（專利權）人: 深圳市茁壯網絡股份有限公司
• 主分類號: G06F9/44
• 分類號: G06F9/44
• 代理公司: 深圳市深佳知識產權代理事務所(普通合伙)44285
• 代理人: 王仲凱

技術領域

本申請涉及計算機應用技術領域，更具體地說，涉及一種單頁應用設計方法及系統。

背景技術

單頁應用，顧名思義是指只有一張Web(World Wide Web，萬維網)頁面的應用，廣泛應用于機頂盒等設備中。瀏覽器在打開單頁應用過程中，會加載必須的內容源碼(HyperText Markup Language，HTML)、樣式源碼(Cascading Style Sheets，CSS)和交互邏輯源碼(JavaScript)，之后所有的操作都在這張頁面上完成。

現有技術中在開發單頁應用時，通常依賴Appcms和Iframe進行，首先通過在Appcms后臺的內容管理功能中確定可用的素材內容，然后利用Iframe的方式編寫代碼實現確定的素材內容的呈現樣式，從而完成單頁應用的開發。

但是利用Iframe開發單頁應用存在較為明顯的缺點，其中較為明顯的是：Iframe的使用會大大降低瀏覽器的加載速度，并且部分機頂盒對Iframe存在兼容不穩定的現象，這將使得頁面的渲染速度降低，影響了用戶體驗。

發明內容

為解決上述技術問題，本發明提供了一種單頁應用設計方法及系統，以實現提升加載速度，提升頁面渲染速度的目的。

為實現上述技術目的，本發明實施例提供了如下技術方案：

一種單頁應用設計方法，包括：

獲取單頁應用數據；

拆分所述單頁應用數據，獲得關鍵字數據集合，所述關鍵字數據集合中包括至少一條關鍵字數據；

抽取所述關鍵字數據集合中的一條關鍵字數據，抽取的關鍵字數據從所述關鍵字數據集合中剔除；

根據抽取的所述關鍵字數據中的關鍵字查詢預設數據庫，確定與所述關鍵字匹配的應用模板；

判斷所述關鍵字數據集合是否為空，如果是，則將確定的應用模板進行拼接，獲得單頁應用；如果否，則返回抽取所述關鍵字數據集合中的一條關鍵字數據的步驟；

所述預設數據庫中存儲有應用模板與關鍵字數據的對應關系，所述應用模板綁定有樣式。

可選的，所述預設數據庫的形成過程包括：

將所述應用模板與樣式進行綁定；

根據所述應用模板的功能確定關鍵詞數據，將所述應用模板與所述關鍵詞數據的對應關系存儲于所述預設數據庫中。

可選的，所述應用模板包括對外接口；

將確定的應用模板進行拼接，獲得應用模板包括：

將確定的應用模板通過所述對外接口進行拼接，獲得應用模板。

可選的，所述獲取單頁應用數據包括：

通過AJAX方式異步請求數據源，以獲取單頁應用數據。

可選的，所述應用模板為列表-圖文模板或列表-視頻模塊或宮格-圖文模塊或宮格-視頻模塊。

一種單頁應用設計系統，包括：

數據獲取模塊，用于獲取單頁應用數據；

關鍵字獲取模塊，用于拆分所述單頁應用數據，獲得關鍵字數據集合，所述關鍵字數據集合中包括至少一條關鍵字數據；

應用組合模塊，用于抽取所述關鍵字數據集合中的一條關鍵字數據，抽取的關鍵字數據從所述關鍵字數據集合中剔除；

根據抽取的所述關鍵字數據中的關鍵字查詢預設數據庫，確定與所述關鍵字匹配的應用模板；

判斷所述關鍵字數據集合是否為空，如果是，則將確定的應用模板進行拼接，獲得單頁應用；如果否，則返回抽取所述關鍵字數據集合中的一條關鍵字數據的步驟；

所述預設數據庫中存儲有應用模板與關鍵字數據的對應關系。

可選的，所述預設數據庫由數據庫形成模塊形成；

所述數據庫形成模塊包括：

綁定單元，用于將所述應用模板與樣式進行綁定；

存儲單元，用于根據所述應用模板的功能確定關鍵詞數據，將所述應用模板與所述關鍵詞數據的對應關系存儲于所述預設數據庫中。

可選的，所述應用模板包括對外接口；

所述應用組合模塊將確定的應用模板進行拼接，獲得應用模板具體用于，將確定的應用模板通過所述對外接口進行拼接，獲得應用模板。

可選的，所述數據獲取模塊獲取單頁應用數據具體用于，通過AJAX方式異步請求數據源，以獲取單頁應用數據。

可選的，所述應用模板為列表-圖文模板或列表-視頻模塊或宮格-圖文模塊或宮格-視頻模塊。