本發(fā)明實(shí)施例涉及數(shù)據(jù)處理技術(shù)領(lǐng)域，尤其涉及一種頁面生成方法及系統(tǒng)。

背景技術(shù)：

隨著計(jì)算機(jī)技術(shù)的發(fā)展，越來越多的行業(yè)通過網(wǎng)頁頁面進(jìn)行信息的傳播和業(yè)務(wù)推廣，很多網(wǎng)頁頁面在內(nèi)容上具有一定的相似性，都是由很多不同的組件組合構(gòu)成。

但是現(xiàn)有的頁面開發(fā)流程都是需要熟練掌握J(rèn)ava或者其他技術(shù)的開發(fā)人員針對(duì)每個(gè)頁面開發(fā)一套完整的程序才能實(shí)現(xiàn)，開發(fā)效率低；并且當(dāng)頁面內(nèi)容需要調(diào)整時(shí)，需要通過修改源程序代碼的方式實(shí)現(xiàn)，操作繁瑣，修改工作量大。

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

本發(fā)明實(shí)施例提供了一種頁面生成方法及系統(tǒng)，以實(shí)現(xiàn)對(duì)頁面組件模板的重復(fù)利用，提高頁面生成效率。

第一方面，本發(fā)明實(shí)施例提供了一種頁面生成方法，該方法包括：

向服務(wù)器發(fā)送頁面生成請(qǐng)求；

接收服務(wù)器根據(jù)所述頁面生成請(qǐng)求返回的頁面模板文件，并保存到本地，其中，所述頁面模板文件包括交互組件模板以及交互組件樣式模板；

從所述頁面模板文件根據(jù)需求選取相應(yīng)的交互組件模板以及交互組件樣式模板；

將所述相應(yīng)的交互組件模板以及交互組件樣式模板發(fā)送到服務(wù)器，以使服務(wù)器生成匹配的頁面。

進(jìn)一步地，所述頁面生成請(qǐng)求包括頁面屬性信息，以使服務(wù)器返回期望的頁面模板文件。

進(jìn)一步地，所述頁面模板文件還包括：頁面整體樣式風(fēng)格模板。

進(jìn)一步地，所述方法還包括：

從所述頁面模板文件根據(jù)需求選取相應(yīng)的頁面整體樣式風(fēng)格模板；

將所述相應(yīng)的頁面整體樣式風(fēng)格模板發(fā)送到服務(wù)器。

進(jìn)一步地，所述將所述相應(yīng)的交互組件模板以及交互組件樣式模板發(fā)送到服務(wù)器之前，還包括：

根據(jù)需求對(duì)所述相應(yīng)的交互組件樣式模板的配置數(shù)據(jù)進(jìn)行編輯，所述配置數(shù)據(jù)包括交互組件的大小、形狀以及背景顏色。

第二方面，本發(fā)明實(shí)施例還提供了一種頁面生成系統(tǒng)，該系統(tǒng)包括：

請(qǐng)求發(fā)送模塊，用于向服務(wù)器發(fā)送頁面生成請(qǐng)求；

接收模塊，用于接收服務(wù)器根據(jù)所述頁面生成請(qǐng)求返回的頁面模板文件，并保存到本地，其中，所述頁面模板文件包括交互組件模板以及交互組件樣式模板；

模板選取模塊，用于從所述頁面模板文件根據(jù)需求選取相應(yīng)的交互組件模板以及交互組件樣式模板；

模板發(fā)送模塊，用于將所述相應(yīng)的交互組件模板以及交互組件樣式模板發(fā)送到服務(wù)器，以使服務(wù)器生成匹配的頁面。

進(jìn)一步地，所述頁面生成請(qǐng)求包括頁面屬性信息，以使服務(wù)器返回期望的頁面模板文件。

進(jìn)一步地，所述頁面模板文件還包括：頁面整體樣式風(fēng)格模板。

進(jìn)一步地，所述系統(tǒng)還包括：風(fēng)格模板選取模塊，用于從所述頁面模板文件根據(jù)需求選取相應(yīng)的頁面整體樣式風(fēng)格模板；

風(fēng)格模板發(fā)送模塊，用于將所述相應(yīng)的頁面整體樣式風(fēng)格模板發(fā)送到服務(wù)器。

進(jìn)一步地，所述系統(tǒng)還包括：

編輯模塊，用于在所述將所述相應(yīng)的交互組件模板以及交互組件樣式模板發(fā)送到服務(wù)器之前，根據(jù)需求對(duì)所述相應(yīng)的交互組件樣式模板的配置數(shù)據(jù)進(jìn)行編輯，所述配置數(shù)據(jù)包括交互組件的大小、形狀以及背景顏色。

本發(fā)明實(shí)施例提供的一種頁面生成方法，通過向服務(wù)器發(fā)送頁面生成請(qǐng)求；并接收服務(wù)器根據(jù)所述頁面生成請(qǐng)求返回的頁面模板文件，并保存到本地，其中，所述頁面模板文件包括交互組件模板以及交互組件樣式模板；然后從所述頁面模板文件根據(jù)需求選取相應(yīng)的交互組件模板以及交互組件樣式模板；最后將所述相應(yīng)的交互組件模板以及交互組件樣式模板發(fā)送到服務(wù)器，以使服務(wù)器生成匹配的頁面的技術(shù)手段，實(shí)現(xiàn)了對(duì)頁面組件模板的重復(fù)利用，提高了頁面生成效率。

附圖說明

圖1是本發(fā)明實(shí)施例一提供的一種頁面生成方法流程示意圖；

圖2是本發(fā)明實(shí)施例二提供的一種頁面生成方法流程示意圖；

圖3是本發(fā)明實(shí)施例三提供的一種頁面生成系統(tǒng)結(jié)構(gòu)示意圖。

具體實(shí)施方式

下面結(jié)合附圖和實(shí)施例對(duì)本發(fā)明作進(jìn)一步的詳細(xì)說明。可以理解的是，此處所描述的具體實(shí)施例僅僅用于解釋本發(fā)明，而非對(duì)本發(fā)明的限定。另外還需要說明的是，為了便于描述，附圖中僅示出了與本發(fā)明相關(guān)的部分而非全部結(jié)構(gòu)。

在更加詳細(xì)地討論示例性實(shí)施例之前應(yīng)當(dāng)提到的是，一些示例性實(shí)施例被描述成作為流程圖描繪的處理或方法。雖然流程圖將各項(xiàng)步驟描述成順序的處理，但是其中的許多步驟可以被并行地、并發(fā)地或者同時(shí)實(shí)施。此外，各項(xiàng)步驟的順序可以被重新安排。當(dāng)其步驟完成時(shí)所述處理可以被終止，但是還可以具有未包括在附圖中的附加步驟。所述處理可以對(duì)應(yīng)于方法、函數(shù)、規(guī)程、子例程、子程序等等。

實(shí)施例一

圖1為本發(fā)明實(shí)施例一提供的一種頁面生成方法流程圖，該方法可適用于終端開發(fā)者根據(jù)自己的開發(fā)需求開發(fā)終端頁面的情況，可以由頁面生成系統(tǒng)來執(zhí)行。該系統(tǒng)可通過硬件和/或軟件的方式實(shí)現(xiàn)。該方法具體包括如下步驟：

步驟110、向服務(wù)器發(fā)送頁面生成請(qǐng)求。

具體的，步驟110為通過終端向服務(wù)器發(fā)送頁面生成請(qǐng)求，所述終端具體可以是手機(jī)、平板電腦等，但并不局限于此。所述頁面具體是指呈現(xiàn)文字、圖形等信息的可視化的信息載體，可以是網(wǎng)頁頁面，還可以是客戶端頁面等，根據(jù)開發(fā)語言和開發(fā)環(huán)境的不同，可以為不同類型的頁面。當(dāng)需要生成頁面時(shí)，通過終端向服務(wù)器發(fā)送頁面生成請(qǐng)求，優(yōu)選地，所述頁面生成請(qǐng)求中可以包括頁面屬性信息，以使服務(wù)器返回期望的頁面模板文件；所述頁面屬性信息是指表征頁面特征的信息，例如，頁面中需要呈現(xiàn)的文字、表格、視頻、音頻等內(nèi)容信息，或者頁面類型信息，如購物頁面、抽獎(jiǎng)頁面、培訓(xùn)頁面等，或者頁面適用的人群年齡、性別以及職業(yè)特征等信息；服務(wù)器接收到這些信息后，以這些信息為依據(jù)返回與所述這些信息匹配度相對(duì)較高的頁面模板文件，即期望的頁面模板文件。

步驟120、接收服務(wù)器根據(jù)所述頁面生成請(qǐng)求返回的頁面模板文件，并保存到本地，其中，所述頁面模板文件包括交互組件模板以及交互組件樣式模板。

其中，所述本地可以是指終端的硬件存儲(chǔ)空間，將服務(wù)器返回的頁面模板文件保存到本地的目的是為了方便開發(fā)人員根據(jù)自己的開發(fā)需求選取相應(yīng)的交互組件模板以及對(duì)應(yīng)的交互組件樣式模板；每個(gè)交互組件都有對(duì)應(yīng)的腳本，通過執(zhí)行腳本實(shí)現(xiàn)組件的效果展示。這種通過直接選取相應(yīng)的交互組件模板的方法，相比于傳統(tǒng)的通過一一編寫程序代碼的方法，不僅使得開發(fā)人員開發(fā)頁面變的更方便、更快捷，同時(shí)更重要地是大大提高了開發(fā)效率，節(jié)省了資源，對(duì)編好的組件模板進(jìn)行了重復(fù)利用。

當(dāng)然，開發(fā)人員還可以在已有的交互組件模板以及交互組件樣式模板的基礎(chǔ)上進(jìn)行個(gè)性化的編輯操作，例如改變交互組件的背景圖、顏色以及字體字號(hào)的大小或者組件的大小等。

步驟130、從所述頁面模板文件根據(jù)需求選取相應(yīng)的交互組件模板以及交互組件樣式模板。

優(yōu)選地，可以通過JavaScript技術(shù)選取相應(yīng)的交互組件模板以及交互組件樣式模板。

步驟140、將所述相應(yīng)的交互組件模板以及交互組件樣式模板發(fā)送到服務(wù)器，以使服務(wù)器生成匹配的頁面。

服務(wù)器根據(jù)開發(fā)人員選取的交互組件模板以及交互組件樣式模板按照默認(rèn)的頁面整體結(jié)構(gòu)樣式風(fēng)格進(jìn)行頁面的生成；當(dāng)然開發(fā)人員也可以自行設(shè)置頁面的整體結(jié)構(gòu)樣式風(fēng)格，并發(fā)送給服務(wù)器，服務(wù)器將按照開發(fā)人員自行設(shè)置的頁面整體結(jié)構(gòu)樣式風(fēng)格去生成頁面。

本實(shí)施例提供的一種頁面生成方法，通過向服務(wù)器發(fā)送頁面生成請(qǐng)求；并接收服務(wù)器根據(jù)所述頁面生成請(qǐng)求返回的頁面模板文件，并保存到本地，其中，所述頁面模板文件包括交互組件模板以及交互組件樣式模板；然后從所述頁面模板文件根據(jù)需求選取相應(yīng)的交互組件模板以及交互組件樣式模板；最后將所述相應(yīng)的交互組件模板以及交互組件樣式模板發(fā)送到服務(wù)器，以使服務(wù)器生成匹配的頁面的技術(shù)手段，實(shí)現(xiàn)了對(duì)頁面組件模板的重復(fù)利用，提高了頁面生成效率。

實(shí)施例二

圖2為本發(fā)明實(shí)施例二提供的一種頁面生成方法流程示意圖，在實(shí)施例一的基礎(chǔ)上，本實(shí)施例進(jìn)行了進(jìn)一步優(yōu)化，優(yōu)化的好處是實(shí)現(xiàn)了在重復(fù)利用交互組件模板的基礎(chǔ)上使生成的頁面更加個(gè)性化，具體參見圖2所示，該方法具體如下：

步驟210、向服務(wù)器發(fā)送頁面生成請(qǐng)求。

步驟220、接收服務(wù)器根據(jù)所述頁面生成請(qǐng)求返回的頁面模板文件，并保存到本地，其中，所述頁面模板文件包括交互組件模板、交互組件樣式模板以及頁面整體樣式風(fēng)格模板。

具體的，所述頁面整體樣式風(fēng)格指頁面上多個(gè)交互組件之間的位置關(guān)系。

步驟230、從所述頁面模板文件根據(jù)需求選取相應(yīng)的交互組件模板、交互組件樣式模板以及頁面整體樣式風(fēng)格模板。

步驟240、根據(jù)需求對(duì)所述相應(yīng)的交互組件樣式模板的配置數(shù)據(jù)進(jìn)行編輯，所述配置數(shù)據(jù)包括交互組件的大小、形狀以及背景顏色。

例如，所述配置數(shù)據(jù)具體可以是交互組件的大小、形狀、背景顏色、字體字號(hào)等；若所述交互組件為下拉列表，所述配置數(shù)據(jù)具體可以是指下拉列表的列數(shù)等；優(yōu)選地，可以通過CSS(Cascading Style Sheets，級(jí)聯(lián)樣式表)、CSS3技術(shù)對(duì)所述相應(yīng)的交互組件樣式模板的配置數(shù)據(jù)進(jìn)行編輯。

步驟250、將所述相應(yīng)的交互組件模板、交互組件樣式模板、頁面整體樣式風(fēng)格模板以及編輯好的配置數(shù)據(jù)發(fā)送到服務(wù)器，以使服務(wù)器生成匹配的頁面。

本實(shí)施例提供的一種頁面生成方法，在實(shí)施例一技術(shù)方案的基礎(chǔ)上，通過在所述頁面模板文件中增加頁面整體樣式風(fēng)格模板，以及增加“根據(jù)需求對(duì)所述相應(yīng)的交互組件樣式模板的配置數(shù)據(jù)進(jìn)行編輯”的操作，實(shí)現(xiàn)了在重復(fù)利用交互組件模板的基礎(chǔ)上，使得個(gè)性化的頁面生成更加快捷、高效。

實(shí)施例三

圖3為本發(fā)明實(shí)施例三提供的一種頁面生成系統(tǒng)的結(jié)構(gòu)框圖，典型地，該系統(tǒng)可以集成到終端中，例如手機(jī)、平板電腦等；具體參見圖3所示，該系統(tǒng)具體包括如下：

請(qǐng)求發(fā)送模塊310、接收模塊320、模板選取模塊330和模板發(fā)送模塊340；其中，請(qǐng)求發(fā)送模塊310，用于向服務(wù)器發(fā)送頁面生成請(qǐng)求；接收模塊320，用于接收服務(wù)器根據(jù)所述頁面生成請(qǐng)求返回的頁面模板文件，并保存到本地，其中，所述頁面模板文件包括交互組件模板以及交互組件樣式模板；模板選取模塊330，用于從所述頁面模板文件根據(jù)需求選取相應(yīng)的交互組件模板以及交互組件樣式模板；模板發(fā)送模塊340，用于將所述相應(yīng)的交互組件模板以及交互組件樣式模板發(fā)送到服務(wù)器，以使服務(wù)器生成匹配的頁面。

示例性地，所述頁面生成請(qǐng)求包括頁面屬性信息，以使服務(wù)器返回期望的頁面模板文件。

進(jìn)一步地，所述頁面模板文件還可以包括：頁面整體樣式風(fēng)格模板。

進(jìn)一步地，所述系統(tǒng)還可以包括：風(fēng)格模板選取模塊，用于從所述頁面模板文件根據(jù)需求選取相應(yīng)的頁面整體樣式風(fēng)格模板；

風(fēng)格模板發(fā)送模塊，用于將所述相應(yīng)的頁面整體樣式風(fēng)格模板發(fā)送到服務(wù)器。

進(jìn)一步地，所述系統(tǒng)還可以包括：編輯模塊，用于在所述將所述相應(yīng)的交互組件模板以及交互組件樣式模板發(fā)送到服務(wù)器之前，根據(jù)需求對(duì)所述相應(yīng)的交互組件樣式模板的配置數(shù)據(jù)進(jìn)行編輯，所述配置數(shù)據(jù)包括交互組件的大小、形狀以及背景顏色。

本發(fā)明實(shí)施例提供的一種頁面生成系統(tǒng)，通過向服務(wù)器發(fā)送頁面生成請(qǐng)求；并接收服務(wù)器根據(jù)所述頁面生成請(qǐng)求返回的頁面模板文件，并保存到本地，其中，所述頁面模板文件包括交互組件模板以及交互組件樣式模板；然后從所述頁面模板文件根據(jù)需求選取相應(yīng)的交互組件模板以及交互組件樣式模板；最后將所述相應(yīng)的交互組件模板以及交互組件樣式模板發(fā)送到服務(wù)器，以使服務(wù)器生成匹配的頁面的技術(shù)手段，實(shí)現(xiàn)了對(duì)頁面組件模板的重復(fù)利用，提高了頁面生成效率。

上述產(chǎn)品可執(zhí)行本發(fā)明任意實(shí)施例所提供的方法，具備執(zhí)行方法相應(yīng)的功能模塊和有益效果。未在本實(shí)施例中詳盡描述的技術(shù)細(xì)節(jié)，可參見本發(fā)明任意實(shí)施例所提供的方法。

本領(lǐng)域技術(shù)人員可以理解實(shí)現(xiàn)上述實(shí)施例方法中的全部或部分步驟是可以通過程序來指令相關(guān)的硬件來完成，該程序存儲(chǔ)在一個(gè)存儲(chǔ)介質(zhì)中，包括若干指令用以使得一個(gè)設(shè)備(可以是單片機(jī)，芯片等)或處理器(processor)執(zhí)行本申請(qǐng)各個(gè)實(shí)施例所述方法的全部或部分步驟。而前述的存儲(chǔ)介質(zhì)包括：U盤、移動(dòng)硬盤、只讀存儲(chǔ)器(ROM，Read-Only Memory)、隨機(jī)存取存儲(chǔ)器(RAM，Random Access Memory)、磁碟或者光盤等各種可以存儲(chǔ)程序代碼的介質(zhì)。

注意，上述僅為本發(fā)明的較佳實(shí)施例及所運(yùn)用技術(shù)原理。本領(lǐng)域技術(shù)人員會(huì)理解，本發(fā)明不限于這里所述的特定實(shí)施例，對(duì)本領(lǐng)域技術(shù)人員來說能夠進(jìn)行各種明顯的變化、重新調(diào)整和替代而不會(huì)脫離本發(fā)明的保護(hù)范圍。因此，雖然通過以上實(shí)施例對(duì)本發(fā)明進(jìn)行了較為詳細(xì)的說明，但是本發(fā)明不僅僅限于以上實(shí)施例，在不脫離本發(fā)明構(gòu)思的情況下，還可以包括更多其他等效實(shí)施例，而本發(fā)明的范圍由所附的權(quán)利要求范圍決定。