本申請(qǐng)涉及計(jì)算機(jī)應(yīng)用技術(shù)領(lǐng)域，更具體地說(shuō)，涉及一種單頁(yè)應(yīng)用設(shè)計(jì)方法及系統(tǒng)。

背景技術(shù)：

單頁(yè)應(yīng)用，顧名思義是指只有一張web(worldwideweb，萬(wàn)維網(wǎng))頁(yè)面的應(yīng)用，廣泛應(yīng)用于機(jī)頂盒等設(shè)備中。瀏覽器在打開(kāi)單頁(yè)應(yīng)用過(guò)程中，會(huì)加載必須的內(nèi)容源碼(hypertextmarkuplanguage，html)、樣式源碼(cascadingstylesheets，css)和交互邏輯源碼(javascript)，之后所有的操作都在這張頁(yè)面上完成。

現(xiàn)有技術(shù)中在開(kāi)發(fā)單頁(yè)應(yīng)用時(shí)，通常依賴appcms和iframe進(jìn)行，首先通過(guò)在appcms后臺(tái)的內(nèi)容管理功能中確定可用的素材內(nèi)容，然后利用iframe的方式編寫(xiě)代碼實(shí)現(xiàn)確定的素材內(nèi)容的呈現(xiàn)樣式，從而完成單頁(yè)應(yīng)用的開(kāi)發(fā)。

但是利用iframe開(kāi)發(fā)單頁(yè)應(yīng)用存在較為明顯的缺點(diǎn)，其中較為明顯的是：iframe的使用會(huì)大大降低瀏覽器的加載速度，并且部分機(jī)頂盒對(duì)iframe存在兼容不穩(wěn)定的現(xiàn)象，這將使得頁(yè)面的渲染速度降低，影響了用戶體驗(yàn)。

技術(shù)實(shí)現(xiàn)要素：

為解決上述技術(shù)問(wèn)題，本發(fā)明提供了一種單頁(yè)應(yīng)用設(shè)計(jì)方法及系統(tǒng)，以實(shí)現(xiàn)提升加載速度，提升頁(yè)面渲染速度的目的。

為實(shí)現(xiàn)上述技術(shù)目的，本發(fā)明實(shí)施例提供了如下技術(shù)方案：

一種單頁(yè)應(yīng)用設(shè)計(jì)方法，包括：

獲取單頁(yè)應(yīng)用數(shù)據(jù)；

拆分所述單頁(yè)應(yīng)用數(shù)據(jù)，獲得關(guān)鍵字?jǐn)?shù)據(jù)集合，所述關(guān)鍵字?jǐn)?shù)據(jù)集合中包括至少一條關(guān)鍵字?jǐn)?shù)據(jù)；

抽取所述關(guān)鍵字?jǐn)?shù)據(jù)集合中的一條關(guān)鍵字?jǐn)?shù)據(jù)，抽取的關(guān)鍵字?jǐn)?shù)據(jù)從所述關(guān)鍵字?jǐn)?shù)據(jù)集合中剔除；

根據(jù)抽取的所述關(guān)鍵字?jǐn)?shù)據(jù)中的關(guān)鍵字查詢預(yù)設(shè)數(shù)據(jù)庫(kù)，確定與所述關(guān)鍵字匹配的應(yīng)用模板；

判斷所述關(guān)鍵字?jǐn)?shù)據(jù)集合是否為空，如果是，則將確定的應(yīng)用模板進(jìn)行拼接，獲得單頁(yè)應(yīng)用；如果否，則返回抽取所述關(guān)鍵字?jǐn)?shù)據(jù)集合中的一條關(guān)鍵字?jǐn)?shù)據(jù)的步驟；

所述預(yù)設(shè)數(shù)據(jù)庫(kù)中存儲(chǔ)有應(yīng)用模板與關(guān)鍵字?jǐn)?shù)據(jù)的對(duì)應(yīng)關(guān)系，所述應(yīng)用模板綁定有樣式。

可選的，所述預(yù)設(shè)數(shù)據(jù)庫(kù)的形成過(guò)程包括：

將所述應(yīng)用模板與樣式進(jìn)行綁定；

根據(jù)所述應(yīng)用模板的功能確定關(guān)鍵詞數(shù)據(jù)，將所述應(yīng)用模板與所述關(guān)鍵詞數(shù)據(jù)的對(duì)應(yīng)關(guān)系存儲(chǔ)于所述預(yù)設(shè)數(shù)據(jù)庫(kù)中。

可選的，所述應(yīng)用模板包括對(duì)外接口；

將確定的應(yīng)用模板進(jìn)行拼接，獲得應(yīng)用模板包括：

將確定的應(yīng)用模板通過(guò)所述對(duì)外接口進(jìn)行拼接，獲得應(yīng)用模板。

可選的，所述獲取單頁(yè)應(yīng)用數(shù)據(jù)包括：

通過(guò)ajax方式異步請(qǐng)求數(shù)據(jù)源，以獲取單頁(yè)應(yīng)用數(shù)據(jù)。

可選的，所述應(yīng)用模板為列表-圖文模板或列表-視頻模塊或?qū)m格-圖文模塊或?qū)m格-視頻模塊。

一種單頁(yè)應(yīng)用設(shè)計(jì)系統(tǒng)，包括：

數(shù)據(jù)獲取模塊，用于獲取單頁(yè)應(yīng)用數(shù)據(jù)；

關(guān)鍵字獲取模塊，用于拆分所述單頁(yè)應(yīng)用數(shù)據(jù)，獲得關(guān)鍵字?jǐn)?shù)據(jù)集合，所述關(guān)鍵字?jǐn)?shù)據(jù)集合中包括至少一條關(guān)鍵字?jǐn)?shù)據(jù)；

應(yīng)用組合模塊，用于抽取所述關(guān)鍵字?jǐn)?shù)據(jù)集合中的一條關(guān)鍵字?jǐn)?shù)據(jù)，抽取的關(guān)鍵字?jǐn)?shù)據(jù)從所述關(guān)鍵字?jǐn)?shù)據(jù)集合中剔除；

根據(jù)抽取的所述關(guān)鍵字?jǐn)?shù)據(jù)中的關(guān)鍵字查詢預(yù)設(shè)數(shù)據(jù)庫(kù)，確定與所述關(guān)鍵字匹配的應(yīng)用模板；

判斷所述關(guān)鍵字?jǐn)?shù)據(jù)集合是否為空，如果是，則將確定的應(yīng)用模板進(jìn)行拼接，獲得單頁(yè)應(yīng)用；如果否，則返回抽取所述關(guān)鍵字?jǐn)?shù)據(jù)集合中的一條關(guān)鍵字?jǐn)?shù)據(jù)的步驟；

所述預(yù)設(shè)數(shù)據(jù)庫(kù)中存儲(chǔ)有應(yīng)用模板與關(guān)鍵字?jǐn)?shù)據(jù)的對(duì)應(yīng)關(guān)系。

可選的，所述預(yù)設(shè)數(shù)據(jù)庫(kù)由數(shù)據(jù)庫(kù)形成模塊形成；

所述數(shù)據(jù)庫(kù)形成模塊包括：

綁定單元，用于將所述應(yīng)用模板與樣式進(jìn)行綁定；

存儲(chǔ)單元，用于根據(jù)所述應(yīng)用模板的功能確定關(guān)鍵詞數(shù)據(jù)，將所述應(yīng)用模板與所述關(guān)鍵詞數(shù)據(jù)的對(duì)應(yīng)關(guān)系存儲(chǔ)于所述預(yù)設(shè)數(shù)據(jù)庫(kù)中。

可選的，所述應(yīng)用模板包括對(duì)外接口；

所述應(yīng)用組合模塊將確定的應(yīng)用模板進(jìn)行拼接，獲得應(yīng)用模板具體用于，將確定的應(yīng)用模板通過(guò)所述對(duì)外接口進(jìn)行拼接，獲得應(yīng)用模板。

可選的，所述數(shù)據(jù)獲取模塊獲取單頁(yè)應(yīng)用數(shù)據(jù)具體用于，通過(guò)ajax方式異步請(qǐng)求數(shù)據(jù)源，以獲取單頁(yè)應(yīng)用數(shù)據(jù)。

可選的，所述應(yīng)用模板為列表-圖文模板或列表-視頻模塊或?qū)m格-圖文模塊或?qū)m格-視頻模塊。

從上述技術(shù)方案可以看出，本發(fā)明實(shí)施例提供了一種單頁(yè)應(yīng)用設(shè)計(jì)方法及系統(tǒng)，其中，所述單頁(yè)應(yīng)用設(shè)計(jì)方法通過(guò)對(duì)單頁(yè)應(yīng)用數(shù)據(jù)進(jìn)行處理獲得關(guān)鍵字?jǐn)?shù)據(jù)集合，并根據(jù)所述關(guān)鍵字集合中的關(guān)鍵字?jǐn)?shù)據(jù)在所述預(yù)設(shè)數(shù)據(jù)庫(kù)中確定應(yīng)用模板并進(jìn)行拼接，從而完成根據(jù)單頁(yè)應(yīng)用數(shù)據(jù)確定應(yīng)用模板的過(guò)程，降低了利用iframe進(jìn)行元素樣式展現(xiàn)在單頁(yè)應(yīng)用開(kāi)發(fā)過(guò)程中的出現(xiàn)次數(shù)，從而提升了單頁(yè)應(yīng)用的加載速度，降低了出現(xiàn)部分機(jī)頂盒對(duì)iframe存在兼容不穩(wěn)定問(wèn)題的概率，提升了頁(yè)面渲染速度。

另外，所述單頁(yè)應(yīng)用設(shè)計(jì)方法通過(guò)單頁(yè)應(yīng)用數(shù)據(jù)的關(guān)鍵字?jǐn)?shù)據(jù)即可確定所需的應(yīng)用模板，確定的應(yīng)用模板進(jìn)行拼接獲得的單頁(yè)應(yīng)用進(jìn)行簡(jiǎn)單的測(cè)試、修改即可使用，大大降低了開(kāi)發(fā)人員的工作強(qiáng)度。

附圖說(shuō)明

為了更清楚地說(shuō)明本發(fā)明實(shí)施例或現(xiàn)有技術(shù)中的技術(shù)方案，下面將對(duì)實(shí)施例或現(xiàn)有技術(shù)描述中所需要使用的附圖作簡(jiǎn)單地介紹，顯而易見(jiàn)地，下面描述中的附圖僅僅是本發(fā)明的實(shí)施例，對(duì)于本領(lǐng)域普通技術(shù)人員來(lái)講，在不付出創(chuàng)造性勞動(dòng)的前提下，還可以根據(jù)提供的附圖獲得其他的附圖。

圖1為本申請(qǐng)的一個(gè)實(shí)施例提供的一種單頁(yè)應(yīng)用設(shè)計(jì)方法的流程示意圖；

圖2為本申請(qǐng)的另一個(gè)實(shí)施例提供的一種單頁(yè)應(yīng)用設(shè)計(jì)方法的流程示意圖；

圖3為本申請(qǐng)的又一個(gè)實(shí)施例提供的一種單頁(yè)應(yīng)用設(shè)計(jì)方法的流程示意圖；

圖4為本申請(qǐng)的一個(gè)實(shí)施例提供的一種單頁(yè)應(yīng)用設(shè)計(jì)系統(tǒng)的結(jié)構(gòu)示意圖；

圖5為本申請(qǐng)的一個(gè)實(shí)施例提供的一種數(shù)據(jù)庫(kù)形成模塊的結(jié)構(gòu)示意圖。

具體實(shí)施方式

下面將結(jié)合本發(fā)明實(shí)施例中的附圖，對(duì)本發(fā)明實(shí)施例中的技術(shù)方案進(jìn)行清楚、完整地描述，顯然，所描述的實(shí)施例僅僅是本發(fā)明一部分實(shí)施例，而不是全部的實(shí)施例?；诒景l(fā)明中的實(shí)施例，本領(lǐng)域普通技術(shù)人員在沒(méi)有做出創(chuàng)造性勞動(dòng)前提下所獲得的所有其他實(shí)施例，都屬于本發(fā)明保護(hù)的范圍。

本申請(qǐng)實(shí)施例提供了一種單頁(yè)應(yīng)用設(shè)計(jì)方法，如圖1所示，包括：

s101：獲取單頁(yè)應(yīng)用數(shù)據(jù)；

s102：拆分所述單頁(yè)應(yīng)用數(shù)據(jù)，獲得關(guān)鍵字?jǐn)?shù)據(jù)集合，所述關(guān)鍵字?jǐn)?shù)據(jù)集合中包括至少一條關(guān)鍵字?jǐn)?shù)據(jù)；

s103：抽取所述關(guān)鍵字?jǐn)?shù)據(jù)集合中的一條關(guān)鍵字?jǐn)?shù)據(jù)，抽取的關(guān)鍵字?jǐn)?shù)據(jù)從所述關(guān)鍵字?jǐn)?shù)據(jù)集合中剔除；

根據(jù)抽取的所述關(guān)鍵字?jǐn)?shù)據(jù)中的關(guān)鍵字查詢預(yù)設(shè)數(shù)據(jù)庫(kù)，確定與所述關(guān)鍵字匹配的應(yīng)用模板；

判斷所述關(guān)鍵字?jǐn)?shù)據(jù)集合是否為空，如果是，則將確定的應(yīng)用模板進(jìn)行拼接，獲得單頁(yè)應(yīng)用；如果否，則返回抽取所述關(guān)鍵字?jǐn)?shù)據(jù)集合中的一條關(guān)鍵字?jǐn)?shù)據(jù)的步驟；

所述預(yù)設(shè)數(shù)據(jù)庫(kù)中存儲(chǔ)有應(yīng)用模板與關(guān)鍵字?jǐn)?shù)據(jù)的對(duì)應(yīng)關(guān)系，所述應(yīng)用模板綁定有樣式。

需要說(shuō)明的是，發(fā)明人研究發(fā)現(xiàn)，在利用appcms進(jìn)行單頁(yè)應(yīng)用開(kāi)發(fā)時(shí)，通常需要開(kāi)發(fā)人員根據(jù)功能提取元素，并為元素編寫(xiě)樣式呈現(xiàn)代碼，在每個(gè)單頁(yè)應(yīng)用開(kāi)發(fā)過(guò)程中，單頁(yè)應(yīng)用中即使存在相同或相似的功能也需要重新編寫(xiě)代碼，這使得開(kāi)發(fā)人員不得不付出重復(fù)勞動(dòng)。而在本實(shí)施例中，所述預(yù)設(shè)數(shù)據(jù)庫(kù)中存儲(chǔ)有所述應(yīng)用模板，所述應(yīng)用模板與其對(duì)應(yīng)的關(guān)鍵字進(jìn)行綁定，所述應(yīng)用模板是指利用appcms進(jìn)行單頁(yè)應(yīng)用開(kāi)發(fā)時(shí)，素材與樣式的綁定模塊，利用模塊化的開(kāi)發(fā)思想降低開(kāi)發(fā)人員所需付出的重復(fù)勞動(dòng)，提升單頁(yè)應(yīng)用開(kāi)發(fā)效率。

另外，由于所述應(yīng)用模板是素材與樣式的綁定模塊，因此根據(jù)所述單頁(yè)應(yīng)用數(shù)據(jù)的關(guān)鍵字?jǐn)?shù)據(jù)確定的應(yīng)用模板，并根據(jù)確定的應(yīng)用模板拼接的單頁(yè)應(yīng)用并需要iframe框架的嵌入，從而提升了單頁(yè)應(yīng)用的加載速度，降低了出現(xiàn)部分機(jī)頂盒對(duì)iframe存在兼容不穩(wěn)定問(wèn)題的概率，提升了頁(yè)面渲染速度。

還需要說(shuō)明的是，所述單頁(yè)應(yīng)用數(shù)據(jù)一般為數(shù)組數(shù)據(jù)，對(duì)數(shù)組數(shù)據(jù)拆分后，獲取每一條數(shù)據(jù)中約定的關(guān)鍵字?jǐn)?shù)據(jù)。

在上述實(shí)施例的基礎(chǔ)上，在本申請(qǐng)的一個(gè)實(shí)施例中，如圖2所示，所述預(yù)設(shè)數(shù)據(jù)庫(kù)的形成過(guò)程包括：

s201：將所述應(yīng)用模板與樣式進(jìn)行綁定；

s202：根據(jù)所述應(yīng)用模板的功能確定關(guān)鍵詞數(shù)據(jù)，將所述應(yīng)用模板與所述關(guān)鍵詞數(shù)據(jù)的對(duì)應(yīng)關(guān)系存儲(chǔ)于所述預(yù)設(shè)數(shù)據(jù)庫(kù)中。

需要說(shuō)明的是，通常在所述應(yīng)用模板的開(kāi)發(fā)支出，就需要保證所述應(yīng)用模板的初始化時(shí)頁(yè)面的樣式呈現(xiàn)效果，一般情況下，所述應(yīng)用模板的樣式由樣式源碼(cascadingstylesheets，css)確定；所述應(yīng)用模板可以控制樣式，樣式是應(yīng)用模板操控的結(jié)果，樣式依賴應(yīng)用模板存在。使用不同的應(yīng)用模板，就需要構(gòu)建不同頁(yè)面效果的樣式。

每個(gè)應(yīng)用模板的關(guān)鍵詞數(shù)據(jù)是之后根據(jù)單頁(yè)應(yīng)用數(shù)據(jù)的關(guān)鍵詞數(shù)據(jù)確定所需應(yīng)用模板的索引數(shù)據(jù)，每個(gè)應(yīng)用模板的關(guān)鍵詞數(shù)據(jù)的確定方式可以依照約定進(jìn)行，在將應(yīng)用模板與樣式綁定，并確定了所述應(yīng)用模板的關(guān)鍵詞數(shù)據(jù)后，即可將所述應(yīng)用模板與所述關(guān)鍵詞數(shù)據(jù)的對(duì)應(yīng)關(guān)系存儲(chǔ)于所述預(yù)設(shè)數(shù)據(jù)庫(kù)中。

另外，將所述應(yīng)用模板與所述關(guān)鍵詞數(shù)據(jù)的對(duì)應(yīng)關(guān)系存儲(chǔ)于所述預(yù)設(shè)數(shù)據(jù)庫(kù)中，可以是將所述應(yīng)用模板與所述關(guān)鍵詞數(shù)據(jù)的對(duì)應(yīng)關(guān)系，及所述應(yīng)用模板本身都存儲(chǔ)于所述預(yù)設(shè)數(shù)據(jù)庫(kù)中，還可以是只講所述應(yīng)用模板與所述關(guān)鍵詞數(shù)據(jù)的對(duì)應(yīng)關(guān)系存儲(chǔ)于所述預(yù)設(shè)數(shù)據(jù)庫(kù)中，而將所述應(yīng)用模板存儲(chǔ)于其他位置，當(dāng)在所述預(yù)設(shè)數(shù)據(jù)庫(kù)中確定所需的應(yīng)用模板后，再?gòu)乃鰬?yīng)用模板的存儲(chǔ)位置查找所需的應(yīng)用模板，實(shí)現(xiàn)降低所述預(yù)設(shè)數(shù)據(jù)庫(kù)的復(fù)雜程度的目的。

在上述實(shí)施例的基礎(chǔ)上，在本申請(qǐng)的另一個(gè)實(shí)施例中，所述應(yīng)用模板包括對(duì)外接口；

將確定的應(yīng)用模板進(jìn)行拼接，獲得應(yīng)用模板包括：

將確定的應(yīng)用模板通過(guò)所述對(duì)外接口進(jìn)行拼接，獲得應(yīng)用模板。

需要說(shuō)明的是，所述應(yīng)用模板的對(duì)外接口包括但不限于數(shù)據(jù)源接口、信息字段獲取接口、初始化接口和銷毀接口；其中，所述數(shù)據(jù)源即可歐用于獲取appcms后臺(tái)系統(tǒng)生成的完整素材文件；所述信息字段獲取接口用于獲取每一條素材文件里控制板式的關(guān)鍵字，方便后期確定使用的目標(biāo)；所述初始化接口用于對(duì)頁(yè)面的清理和原有數(shù)據(jù)的清空，方便導(dǎo)入新數(shù)據(jù)進(jìn)行處理；所述銷毀接口用于清空現(xiàn)有素材的記錄列表，清理頁(yè)面已有效果。

還需要說(shuō)明的是，一般情況下，在根據(jù)所述關(guān)鍵字?jǐn)?shù)據(jù)確定所述應(yīng)用模板時(shí)通常需要建立一個(gè)函數(shù)來(lái)實(shí)現(xiàn)該功能，我們可以把它稱之為模板選擇函數(shù)；該函數(shù)在使用時(shí)選獲取所述關(guān)鍵字?jǐn)?shù)據(jù)，根據(jù)不同的關(guān)鍵字?jǐn)?shù)據(jù)來(lái)調(diào)用不同的模板。為了辦證應(yīng)用模板的對(duì)外接口的公用，我們?yōu)椴煌膽?yīng)用模板的同一功能接口采用了相同的變量名，保證在使用不同的應(yīng)用模板時(shí)傳遞的成員變量名稱相同，也方便了不同的應(yīng)用模板的數(shù)據(jù)訪問(wèn)。在外部對(duì)應(yīng)用模板進(jìn)行操作時(shí)，統(tǒng)一采用公共對(duì)象，做法是將不同的應(yīng)用模板對(duì)象傳遞給公共對(duì)象，這樣的話，即使使用的應(yīng)用模板不同了，但是對(duì)外層而言處理的動(dòng)作仍然是作用于同一公共對(duì)象。為了拓展模板功能，所述應(yīng)用模板內(nèi)部?jī)?yōu)選預(yù)留成員變量，方便以后功能的添加拓展。

在上述實(shí)施例的基礎(chǔ)上，在本申請(qǐng)的又一個(gè)實(shí)施例中，如圖3所示，所述獲取單頁(yè)應(yīng)用數(shù)據(jù)包括：

s1011：通過(guò)ajax方式異步請(qǐng)求數(shù)據(jù)源，以獲取單頁(yè)應(yīng)用數(shù)據(jù)。

需要說(shuō)明的是，在appcms中，所述單頁(yè)應(yīng)用數(shù)據(jù)一般存儲(chǔ)于文件夾content.js中，即所述數(shù)據(jù)源為命名為content.js的文件夾。在本實(shí)施例中，通過(guò)ajax方式異步請(qǐng)求數(shù)據(jù)源，可以避免影響對(duì)數(shù)據(jù)源的其他操作。

在上述實(shí)施例的基礎(chǔ)上，在本申請(qǐng)的又一個(gè)實(shí)施例中，所述應(yīng)用模板為列表-圖文模板或列表-視頻模塊或?qū)m格-圖文模塊或?qū)m格-視頻模塊。

相應(yīng)的，本申請(qǐng)實(shí)施例還提供了一種單頁(yè)應(yīng)用設(shè)計(jì)系統(tǒng)，如圖4所示，包括：

數(shù)據(jù)獲取模塊100，用于獲取單頁(yè)應(yīng)用數(shù)據(jù)；

關(guān)鍵字獲取模塊200，用于拆分所述單頁(yè)應(yīng)用數(shù)據(jù)，獲得關(guān)鍵字?jǐn)?shù)據(jù)集合，所述關(guān)鍵字?jǐn)?shù)據(jù)集合中包括至少一條關(guān)鍵字?jǐn)?shù)據(jù)；

應(yīng)用組合模塊300，用于抽取所述關(guān)鍵字?jǐn)?shù)據(jù)集合中的一條關(guān)鍵字?jǐn)?shù)據(jù)，抽取的關(guān)鍵字?jǐn)?shù)據(jù)從所述關(guān)鍵字?jǐn)?shù)據(jù)集合中剔除；

根據(jù)抽取的所述關(guān)鍵字?jǐn)?shù)據(jù)中的關(guān)鍵字查詢預(yù)設(shè)數(shù)據(jù)庫(kù)，確定與所述關(guān)鍵字匹配的應(yīng)用模板；

判斷所述關(guān)鍵字?jǐn)?shù)據(jù)集合是否為空，如果是，則將確定的應(yīng)用模板進(jìn)行拼接，獲得單頁(yè)應(yīng)用；如果否，則返回抽取所述關(guān)鍵字?jǐn)?shù)據(jù)集合中的一條關(guān)鍵字?jǐn)?shù)據(jù)的步驟；

所述預(yù)設(shè)數(shù)據(jù)庫(kù)中存儲(chǔ)有應(yīng)用模板與關(guān)鍵字?jǐn)?shù)據(jù)的對(duì)應(yīng)關(guān)系。

需要說(shuō)明的是，發(fā)明人研究發(fā)現(xiàn)，在利用appcms進(jìn)行單頁(yè)應(yīng)用開(kāi)發(fā)時(shí)，通常需要開(kāi)發(fā)人員根據(jù)功能提取元素，并為元素編寫(xiě)樣式呈現(xiàn)代碼，在每個(gè)單頁(yè)應(yīng)用開(kāi)發(fā)過(guò)程中，單頁(yè)應(yīng)用中即使存在相同或相似的功能也需要重新編寫(xiě)代碼，這使得開(kāi)發(fā)人員不得不付出重復(fù)勞動(dòng)。而在本實(shí)施例中，所述預(yù)設(shè)數(shù)據(jù)庫(kù)中存儲(chǔ)有所述應(yīng)用模板，所述應(yīng)用模板與其對(duì)應(yīng)的關(guān)鍵字進(jìn)行綁定，所述應(yīng)用模板是指利用appcms進(jìn)行單頁(yè)應(yīng)用開(kāi)發(fā)時(shí)，素材與樣式的綁定模塊，利用模塊化的開(kāi)發(fā)思想降低開(kāi)發(fā)人員所需付出的重復(fù)勞動(dòng)，提升單頁(yè)應(yīng)用開(kāi)發(fā)效率。

另外，由于所述應(yīng)用模板是素材與樣式的綁定模塊，因此根據(jù)所述單頁(yè)應(yīng)用數(shù)據(jù)的關(guān)鍵字?jǐn)?shù)據(jù)確定的應(yīng)用模板，并根據(jù)確定的應(yīng)用模板拼接的單頁(yè)應(yīng)用并需要iframe框架的嵌入，從而提升了單頁(yè)應(yīng)用的加載速度，降低了出現(xiàn)部分機(jī)頂盒對(duì)iframe存在兼容不穩(wěn)定問(wèn)題的概率，提升了頁(yè)面渲染速度。

還需要說(shuō)明的是，所述單頁(yè)應(yīng)用數(shù)據(jù)一般為數(shù)組數(shù)據(jù)，對(duì)數(shù)組數(shù)據(jù)拆分后，獲取每一條數(shù)據(jù)中約定的關(guān)鍵字?jǐn)?shù)據(jù)。

在上述實(shí)施例的基礎(chǔ)上，在本申請(qǐng)的一個(gè)實(shí)施例中，所述預(yù)設(shè)數(shù)據(jù)庫(kù)由數(shù)據(jù)庫(kù)形成模塊形成；

如圖5所示，所述數(shù)據(jù)庫(kù)形成模塊包括：

綁定單元a10，用于將所述應(yīng)用模板與樣式進(jìn)行綁定；

存儲(chǔ)單元a20，用于根據(jù)所述應(yīng)用模板的功能確定關(guān)鍵詞數(shù)據(jù)，將所述應(yīng)用模板與所述關(guān)鍵詞數(shù)據(jù)的對(duì)應(yīng)關(guān)系存儲(chǔ)于所述預(yù)設(shè)數(shù)據(jù)庫(kù)中。

需要說(shuō)明的是，通常在所述應(yīng)用模板的開(kāi)發(fā)支出，就需要保證所述應(yīng)用模板的初始化時(shí)頁(yè)面的樣式呈現(xiàn)效果，一般情況下，所述應(yīng)用模板的樣式由樣式源碼(cascadingstylesheets，css)確定；所述應(yīng)用模板可以控制樣式，樣式是應(yīng)用模板操控的結(jié)果，樣式依賴應(yīng)用模板存在。使用不同的應(yīng)用模板，就需要構(gòu)建不同頁(yè)面效果的樣式。

每個(gè)應(yīng)用模板的關(guān)鍵詞數(shù)據(jù)是之后根據(jù)單頁(yè)應(yīng)用數(shù)據(jù)的關(guān)鍵詞數(shù)據(jù)確定所需應(yīng)用模板的索引數(shù)據(jù)，每個(gè)應(yīng)用模板的關(guān)鍵詞數(shù)據(jù)的確定方式可以依照約定進(jìn)行，在將應(yīng)用模板與樣式綁定，并確定了所述應(yīng)用模板的關(guān)鍵詞數(shù)據(jù)后，即可將所述應(yīng)用模板與所述關(guān)鍵詞數(shù)據(jù)的對(duì)應(yīng)關(guān)系存儲(chǔ)于所述預(yù)設(shè)數(shù)據(jù)庫(kù)中。

另外，將所述應(yīng)用模板與所述關(guān)鍵詞數(shù)據(jù)的對(duì)應(yīng)關(guān)系存儲(chǔ)于所述預(yù)設(shè)數(shù)據(jù)庫(kù)中，可以是將所述應(yīng)用模板與所述關(guān)鍵詞數(shù)據(jù)的對(duì)應(yīng)關(guān)系，及所述應(yīng)用模板本身都存儲(chǔ)于所述預(yù)設(shè)數(shù)據(jù)庫(kù)中，還可以是只講所述應(yīng)用模板與所述關(guān)鍵詞數(shù)據(jù)的對(duì)應(yīng)關(guān)系存儲(chǔ)于所述預(yù)設(shè)數(shù)據(jù)庫(kù)中，而將所述應(yīng)用模板存儲(chǔ)于其他位置，當(dāng)在所述預(yù)設(shè)數(shù)據(jù)庫(kù)中確定所需的應(yīng)用模板后，再?gòu)乃鰬?yīng)用模板的存儲(chǔ)位置查找所需的應(yīng)用模板，實(shí)現(xiàn)降低所述預(yù)設(shè)數(shù)據(jù)庫(kù)的復(fù)雜程度的目的。

在上述實(shí)施例的基礎(chǔ)上，在本申請(qǐng)的另一個(gè)實(shí)施例中，所述應(yīng)用模板包括對(duì)外接口；

所述應(yīng)用組合模塊300將確定的應(yīng)用模板進(jìn)行拼接，獲得應(yīng)用模板具體用于，將確定的應(yīng)用模板通過(guò)所述對(duì)外接口進(jìn)行拼接，獲得應(yīng)用模板。

需要說(shuō)明的是，所述應(yīng)用模板的對(duì)外接口包括但不限于數(shù)據(jù)源接口、信息字段獲取接口、初始化接口和銷毀接口；其中，所述數(shù)據(jù)源即可歐用于獲取appcms后臺(tái)系統(tǒng)生成的完整素材文件；所述信息字段獲取接口用于獲取每一條素材文件里控制板式的關(guān)鍵字，方便后期確定使用的目標(biāo)；所述初始化接口用于對(duì)頁(yè)面的清理和原有數(shù)據(jù)的清空，方便導(dǎo)入新數(shù)據(jù)進(jìn)行處理；所述銷毀接口用于清空現(xiàn)有素材的記錄列表，清理頁(yè)面已有效果。

還需要說(shuō)明的是，一般情況下，在根據(jù)所述關(guān)鍵字?jǐn)?shù)據(jù)確定所述應(yīng)用模板時(shí)通常需要建立一個(gè)函數(shù)來(lái)實(shí)現(xiàn)該功能，我們可以把它稱之為模板選擇函數(shù)；該函數(shù)在使用時(shí)選獲取所述關(guān)鍵字?jǐn)?shù)據(jù)，根據(jù)不同的關(guān)鍵字?jǐn)?shù)據(jù)來(lái)調(diào)用不同的模板。為了辦證應(yīng)用模板的對(duì)外接口的公用，我們?yōu)椴煌膽?yīng)用模板的同一功能接口采用了相同的變量名，保證在使用不同的應(yīng)用模板時(shí)傳遞的成員變量名稱相同，也方便了不同的應(yīng)用模板的數(shù)據(jù)訪問(wèn)。在外部對(duì)應(yīng)用模板進(jìn)行操作時(shí)，統(tǒng)一采用公共對(duì)象，做法是將不同的應(yīng)用模板對(duì)象傳遞給公共對(duì)象，這樣的話，即使使用的應(yīng)用模板不同了，但是對(duì)外層而言處理的動(dòng)作仍然是作用于同一公共對(duì)象。為了拓展模板功能，所述應(yīng)用模板內(nèi)部?jī)?yōu)選預(yù)留成員變量，方便以后功能的添加拓展。

在上述實(shí)施例的基礎(chǔ)上，在本申請(qǐng)的又一個(gè)實(shí)施例中，所述數(shù)據(jù)獲取模塊獲取單頁(yè)應(yīng)用數(shù)據(jù)具體用于，通過(guò)ajax方式異步請(qǐng)求數(shù)據(jù)源，以獲取單頁(yè)應(yīng)用數(shù)據(jù)。

需要說(shuō)明的是，在appcms中，所述單頁(yè)應(yīng)用數(shù)據(jù)一般存儲(chǔ)于文件夾content.js中，即所述數(shù)據(jù)源為命名為content.js的文件夾。在本實(shí)施例中，通過(guò)ajax方式異步請(qǐng)求數(shù)據(jù)源，可以避免影響對(duì)數(shù)據(jù)源的其他操作。

在上述實(shí)施例的基礎(chǔ)上，在本申請(qǐng)的又一個(gè)實(shí)施例中，所述應(yīng)用模板為列表-圖文模板或列表-視頻模塊或?qū)m格-圖文模塊或?qū)m格-視頻模塊。

綜上所述，本申請(qǐng)實(shí)施例提供了一種單頁(yè)應(yīng)用設(shè)計(jì)方法及系統(tǒng)，其中，所述單頁(yè)應(yīng)用設(shè)計(jì)方法通過(guò)對(duì)單頁(yè)應(yīng)用數(shù)據(jù)進(jìn)行處理獲得關(guān)鍵字?jǐn)?shù)據(jù)集合，并根據(jù)所述關(guān)鍵字集合中的關(guān)鍵字?jǐn)?shù)據(jù)在所述預(yù)設(shè)數(shù)據(jù)庫(kù)中確定應(yīng)用模板并進(jìn)行拼接，從而完成根據(jù)單頁(yè)應(yīng)用數(shù)據(jù)確定應(yīng)用模板的過(guò)程，降低了利用iframe進(jìn)行元素樣式展現(xiàn)在單頁(yè)應(yīng)用開(kāi)發(fā)過(guò)程中的出現(xiàn)次數(shù)，從而提升了單頁(yè)應(yīng)用的加載速度，降低了出現(xiàn)部分機(jī)頂盒對(duì)iframe存在兼容不穩(wěn)定問(wèn)題的概率，提升了頁(yè)面渲染速度。

另外，所述單頁(yè)應(yīng)用設(shè)計(jì)方法通過(guò)單頁(yè)應(yīng)用數(shù)據(jù)的關(guān)鍵字?jǐn)?shù)據(jù)即可確定所需的應(yīng)用模板，確定的應(yīng)用模板進(jìn)行拼接獲得的單頁(yè)應(yīng)用進(jìn)行簡(jiǎn)單的測(cè)試、修改即可使用，大大降低了開(kāi)發(fā)人員的工作強(qiáng)度。

本說(shuō)明書(shū)中各個(gè)實(shí)施例采用遞進(jìn)的方式描述，每個(gè)實(shí)施例重點(diǎn)說(shuō)明的都是與其他實(shí)施例的不同之處，各個(gè)實(shí)施例之間相同相似部分互相參見(jiàn)即可。

對(duì)所公開(kāi)的實(shí)施例的上述說(shuō)明，使本領(lǐng)域?qū)I(yè)技術(shù)人員能夠?qū)崿F(xiàn)或使用本發(fā)明。對(duì)這些實(shí)施例的多種修改對(duì)本領(lǐng)域的專業(yè)技術(shù)人員來(lái)說(shuō)將是顯而易見(jiàn)的，本文中所定義的一般原理可以在不脫離本發(fā)明的精神或范圍的情況下，在其它實(shí)施例中實(shí)現(xiàn)。因此，本發(fā)明將不會(huì)被限制于本文所示的這些實(shí)施例，而是要符合與本文所公開(kāi)的原理和新穎特點(diǎn)相一致的最寬的范圍。