本發(fā)明實(shí)施例涉及移動(dòng)互聯(lián)網(wǎng)技術(shù)領(lǐng)域，尤其涉及一種創(chuàng)建WEB應(yīng)用的系統(tǒng)及方法。

背景技術(shù)：

隨著移動(dòng)互聯(lián)網(wǎng)成熟度越來越高，WEB應(yīng)用的使用越來越頻繁，因此，可視化的網(wǎng)頁(yè)制作工具應(yīng)運(yùn)而生。用戶可以通過網(wǎng)頁(yè)制作工具制作一些招聘信息、邀請(qǐng)函等。

“易企秀”是現(xiàn)有技術(shù)中的一款針對(duì)移動(dòng)互聯(lián)網(wǎng)營(yíng)銷的手機(jī)網(wǎng)頁(yè)DIY制作工具，用戶可以通過電腦或者手機(jī)編輯手機(jī)網(wǎng)頁(yè)，將編輯好的網(wǎng)頁(yè)發(fā)布到服務(wù)器上，還可以分享至微信朋友圈，微博，QQ群和QQ空間等。因此用戶通過易企秀，無(wú)需掌握復(fù)雜的編程技術(shù)，就能夠簡(jiǎn)單、輕松的制作基于HTML5的精美手機(jī)幻燈片頁(yè)面。但是現(xiàn)有技術(shù)中的可視化制作WEB頁(yè)面的工具只能制作單頁(yè)面且頁(yè)面是靜態(tài)的，從而使應(yīng)用的功能受到了限制。

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

針對(duì)現(xiàn)有技術(shù)存在的問題，本發(fā)明實(shí)施例提供一種創(chuàng)建WEB應(yīng)用的系統(tǒng)及方法。

一方面，本發(fā)明實(shí)施例提供一種創(chuàng)建WEB應(yīng)用的系統(tǒng)，包括：頁(yè)面組裝模塊和頁(yè)面鏈接模塊；

所述頁(yè)面組裝模塊用于制作所述WEB應(yīng)用中至少一個(gè)頁(yè)面，且每個(gè)所述頁(yè)面對(duì)應(yīng)一個(gè)頁(yè)面地址；所述頁(yè)面組裝模塊包括數(shù)據(jù)綁定器，所述數(shù)據(jù)綁定器用于將數(shù)據(jù)與組件進(jìn)行綁定，所述數(shù)據(jù)包括靜態(tài)數(shù)據(jù)和/或動(dòng)態(tài)數(shù)據(jù)；

所述頁(yè)面鏈接模塊用于根據(jù)所述頁(yè)面地址設(shè)定所述頁(yè)面之間的跳轉(zhuǎn)。

另一方面，本發(fā)明實(shí)施例提供一種創(chuàng)建WEB應(yīng)用的方法，包括：

新建至少一個(gè)頁(yè)面，并為新建后的每一所述頁(yè)面生成一個(gè)頁(yè)面地址；

從模板庫(kù)中選擇所述頁(yè)面對(duì)應(yīng)的模板，通過組件選擇器從組件庫(kù)中選擇組件，并將數(shù)據(jù)與所述組件進(jìn)行綁定，所述數(shù)據(jù)包括靜態(tài)數(shù)據(jù)和/或動(dòng)態(tài)數(shù)據(jù)；

根據(jù)新建的至少一個(gè)頁(yè)面，在需要實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)的所述組件上設(shè)定對(duì)應(yīng)的頁(yè)面地址；

將創(chuàng)建好的所述WEB應(yīng)用通過應(yīng)用發(fā)布器進(jìn)行保存、預(yù)覽或發(fā)布。

本發(fā)明實(shí)施例提供的一種創(chuàng)建WEB應(yīng)用的系統(tǒng)及方法，通過頁(yè)面組裝模塊制作WEB應(yīng)用中的至少一個(gè)頁(yè)面，且每個(gè)頁(yè)面對(duì)應(yīng)一個(gè)頁(yè)面地址，并通過數(shù)據(jù)綁定器將數(shù)據(jù)與組件進(jìn)行綁定，數(shù)據(jù)包括靜態(tài)數(shù)據(jù)和/或動(dòng)態(tài)數(shù)據(jù)，實(shí)現(xiàn)了制作多頁(yè)面，且頁(yè)面為動(dòng)態(tài)內(nèi)容的WEB應(yīng)用，使創(chuàng)建的WEB應(yīng)用的功能多樣化。

附圖說明

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

圖1為本發(fā)明實(shí)施例提供的一種創(chuàng)建WEB應(yīng)用的系統(tǒng)結(jié)構(gòu)示意圖；

圖2為本發(fā)明另一實(shí)施例提供的一種創(chuàng)建WEB應(yīng)用的系統(tǒng)結(jié)構(gòu)示意圖；

圖3為本發(fā)明實(shí)施例提供的頁(yè)面組裝模塊結(jié)構(gòu)示意圖；

圖4為本發(fā)明另一實(shí)施例提供的頁(yè)面組裝模塊結(jié)構(gòu)示意圖；

圖5為本發(fā)明實(shí)施例提供的一種創(chuàng)建WEB應(yīng)用的方法流程示意圖；

圖6為本發(fā)明實(shí)施例提供的創(chuàng)建WEB應(yīng)用方法的整體流程示意圖；

圖7為本發(fā)明又一實(shí)施例提供的一種創(chuàng)建WEB應(yīng)用的系統(tǒng)結(jié)構(gòu)示意圖。

具體實(shí)施方式

為使本發(fā)明實(shí)施例的目的、技術(shù)方案和優(yōu)點(diǎn)更加清楚，下面將結(jié)合本發(fā)明實(shí)施例中的附圖，對(duì)本發(fā)明實(shí)施例中的技術(shù)方案進(jìn)行清楚、完整地描述，顯然，所描述的實(shí)施例是本發(fā)明一部分實(shí)施例，而不是全部的實(shí)施例。基于本發(fā)明中的實(shí)施例，本領(lǐng)域普通技術(shù)人員在沒有作出創(chuàng)造性勞動(dòng)前提下所獲得的所有其他實(shí)施例，都屬于本發(fā)明保護(hù)的范圍。

圖1為本發(fā)明實(shí)施例提供的一種創(chuàng)建WEB應(yīng)用的系統(tǒng)結(jié)構(gòu)示意圖，如圖1所示，所述系統(tǒng)包括：頁(yè)面組裝模塊101和頁(yè)面鏈接模塊102，其中：

所述頁(yè)面組裝模塊101用于制作所述WEB應(yīng)用中至少一個(gè)頁(yè)面，且每個(gè)所述頁(yè)面對(duì)應(yīng)一個(gè)頁(yè)面地址；所述頁(yè)面組裝模塊包括數(shù)據(jù)綁定器，所述數(shù)據(jù)綁定器用于將數(shù)據(jù)與組件進(jìn)行綁定，所述數(shù)據(jù)包括靜態(tài)數(shù)據(jù)和/或動(dòng)態(tài)數(shù)據(jù)；所述頁(yè)面鏈接模塊102用于根據(jù)所述頁(yè)面地址設(shè)定所述頁(yè)面之間的跳轉(zhuǎn)。

具體地，頁(yè)面組裝模塊101可以制作WEB應(yīng)用中的一個(gè)或多個(gè)頁(yè)面，通過頁(yè)面組裝模塊101制作的每一個(gè)頁(yè)面，系統(tǒng)都會(huì)為其生成一個(gè)對(duì)應(yīng)的頁(yè)面地址；頁(yè)面組裝模塊101包括數(shù)據(jù)綁定器1011，通過數(shù)據(jù)綁定器1011將頁(yè)面上的組件與數(shù)據(jù)進(jìn)行綁定，數(shù)據(jù)包括動(dòng)態(tài)數(shù)據(jù)和靜態(tài)數(shù)據(jù)，根據(jù)組件的屬性為組件綁定相應(yīng)的數(shù)據(jù)，即當(dāng)組件的屬性為動(dòng)態(tài)時(shí)，為該組件綁定動(dòng)態(tài)數(shù)據(jù)；當(dāng)組件的屬性為靜態(tài)時(shí)，為該組件綁定靜態(tài)數(shù)據(jù)；當(dāng)通過該系統(tǒng)制作多個(gè)頁(yè)面的WEB應(yīng)用時(shí)，需要實(shí)現(xiàn)頁(yè)面與頁(yè)面之間的跳轉(zhuǎn)，通過頁(yè)面鏈接模塊102根據(jù)頁(yè)面地址設(shè)定頁(yè)面之間的跳轉(zhuǎn)。

本發(fā)明實(shí)施例通過頁(yè)面組裝模塊制作WEB應(yīng)用中的至少一個(gè)頁(yè)面，且每個(gè)頁(yè)面對(duì)應(yīng)一個(gè)頁(yè)面地址，并通過數(shù)據(jù)綁定器將數(shù)據(jù)與組件進(jìn)行綁定，數(shù)據(jù)包括靜態(tài)數(shù)據(jù)和/或動(dòng)態(tài)數(shù)據(jù)，實(shí)現(xiàn)了制作多頁(yè)面，且頁(yè)面為動(dòng)態(tài)內(nèi)容的WEB應(yīng)用，使創(chuàng)建的WEB應(yīng)用的功能多樣化。

在上述實(shí)施例的基礎(chǔ)上，圖2為本發(fā)明另一實(shí)施例提供的一種創(chuàng)建WEB應(yīng)用的系統(tǒng)結(jié)構(gòu)示意圖，如圖2所示，所述系統(tǒng)，包括頁(yè)面組裝模塊101、頁(yè)面鏈接模塊102和應(yīng)用發(fā)布模塊103，其中：

所述應(yīng)用發(fā)布模塊103用于將創(chuàng)建完成的所述WEB應(yīng)用進(jìn)行保存、預(yù)覽或發(fā)布。

具體地，頁(yè)面組裝模塊101和頁(yè)面鏈接模塊102與上述實(shí)施例一致，本發(fā)明實(shí)施例不再贅述。通過系統(tǒng)制作完成WEB應(yīng)用后，通過應(yīng)用發(fā)布模塊103進(jìn)行保存，保存至登錄該系統(tǒng)的用戶名下，還可以進(jìn)行預(yù)覽，在系統(tǒng)上預(yù)覽制作的效果；也可以發(fā)布，即，將制作好的WEB應(yīng)用發(fā)布至服務(wù)器上。

本發(fā)明實(shí)施例通過應(yīng)用發(fā)布模塊，實(shí)現(xiàn)了將制作好的WEB應(yīng)用進(jìn)行保存、預(yù)覽及發(fā)布的功能。

在上述實(shí)施例的基礎(chǔ)上，圖3為本發(fā)明實(shí)施例提供的頁(yè)面組裝模塊結(jié)構(gòu)示意圖，如圖3所示，所述頁(yè)面組裝模塊，包括數(shù)據(jù)綁定器1011和模板選擇器1012，其中；

所述模板選擇器1012用于從模板庫(kù)中選擇所述WEB應(yīng)用對(duì)應(yīng)的模板。

具體地，數(shù)據(jù)綁定器1011與上述實(shí)施例一致，此處不再贅述。系統(tǒng)中預(yù)設(shè)有一個(gè)模板庫(kù)，模板庫(kù)中存有多個(gè)模板，模板選擇器1012從模板庫(kù)中選擇WEB應(yīng)用所需要的模板，可以理解的是，模板庫(kù)中可以按照不同類別將模板進(jìn)行分類，例如，可以分為節(jié)日、商品、名片、簡(jiǎn)歷、招聘、婚禮等等。

本發(fā)明實(shí)施例通過模板選擇器從模板庫(kù)中選擇所需要的模板，實(shí)現(xiàn)了制作WEB應(yīng)用風(fēng)格的多樣化，提高了用戶的體驗(yàn)。

在上述各實(shí)施例的基礎(chǔ)上，圖4為本發(fā)明另一實(shí)施例提供的頁(yè)面組裝模塊結(jié)構(gòu)示意圖，如圖4所示，所述頁(yè)面組裝模塊，包括數(shù)據(jù)綁定器1011、模板選擇器1012、組件選擇器1013和組件設(shè)定器1014，其中：

所述組件選擇器1013用于選擇所述組件，通過所述組件設(shè)定器1014設(shè)定所述組件的組件屬性。

具體地，數(shù)據(jù)綁定器1011和模板選擇器1012與上述實(shí)施例一致，此處不再贅述。WEB應(yīng)用中每一個(gè)頁(yè)面都是由不同的組件組成的，比如文字、圖片、全景、地圖、圖集等組件，當(dāng)然，還可以有其他組件，本發(fā)明實(shí)施例對(duì)此不作具體限定，本系統(tǒng)預(yù)設(shè)有一個(gè)組件庫(kù)，并將上述組件放入組件庫(kù)中。組件選擇器1013從組件庫(kù)中選擇相應(yīng)的組件，并通過組件設(shè)定器1014對(duì)組件的組件屬性進(jìn)行設(shè)定，例如，可以設(shè)定組件的位置、尺寸、顏色、字體、動(dòng)/靜態(tài)等。

本發(fā)明實(shí)施例通過組件選擇器和組件設(shè)定器，可以使頁(yè)面顯示的內(nèi)容更加豐富，在實(shí)現(xiàn)了WEB應(yīng)用功能多樣化的同時(shí)提高了用戶的體驗(yàn)。

圖5為本發(fā)明實(shí)施例提供的一種創(chuàng)建WEB應(yīng)用的方法流程示意圖，如圖5所示，所述方法包括：

步驟501：新建至少一個(gè)頁(yè)面，并為新建后的每一所述頁(yè)面生成一個(gè)頁(yè)面地址；

具體地，進(jìn)入系統(tǒng)后，根據(jù)實(shí)際需要通過新建頁(yè)面的功能新建一個(gè)或多個(gè)頁(yè)面，每新建一個(gè)頁(yè)面，系統(tǒng)都會(huì)為其生成一個(gè)頁(yè)面地址，應(yīng)當(dāng)說明的是，在每新建的一個(gè)頁(yè)面下還可以新建或復(fù)制多個(gè)子頁(yè)面，多個(gè)子頁(yè)面構(gòu)成一個(gè)頁(yè)面，都對(duì)應(yīng)同一個(gè)頁(yè)面地址。

步驟502：從模板庫(kù)中選擇所述頁(yè)面對(duì)應(yīng)的模板，通過組件選擇器從組件庫(kù)中選擇組件，并將數(shù)據(jù)與所述組件進(jìn)行綁定，所述數(shù)據(jù)包括靜態(tài)數(shù)據(jù)和/或動(dòng)態(tài)數(shù)據(jù)；

具體地，在新建頁(yè)面后，通過模板選擇器從模板庫(kù)中選擇該頁(yè)面所需要的模板，其中，模板庫(kù)是系統(tǒng)預(yù)先設(shè)置的，選擇好模板后，通過組件選擇器從組件庫(kù)中選擇需要的組件，并將數(shù)據(jù)與組件進(jìn)行綁定，其中數(shù)據(jù)包括動(dòng)態(tài)數(shù)據(jù)和/或靜態(tài)數(shù)據(jù)，根據(jù)組件的屬性為組件綁定相應(yīng)的數(shù)據(jù)。

步驟503：根據(jù)新建的至少一個(gè)頁(yè)面，在需要實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)的所述組件上設(shè)定對(duì)應(yīng)的頁(yè)面地址；

具體地，當(dāng)WEB應(yīng)用新建了多個(gè)頁(yè)面，則需要實(shí)現(xiàn)頁(yè)面之間的跳轉(zhuǎn)關(guān)系，通過頁(yè)面跳轉(zhuǎn)器根據(jù)頁(yè)面地址實(shí)現(xiàn)頁(yè)面之間的跳轉(zhuǎn)，例如，WEB應(yīng)用新建了頁(yè)面A和頁(yè)面B，如要實(shí)現(xiàn)通過點(diǎn)擊頁(yè)面A中的按鈕實(shí)現(xiàn)從頁(yè)面A到頁(yè)面B的跳轉(zhuǎn)，此時(shí)，可以在頁(yè)面A上添加一個(gè)按鈕的組件，并為該組件綁定頁(yè)面B的頁(yè)面地址，通過頁(yè)面跳轉(zhuǎn)器就可以實(shí)現(xiàn)從頁(yè)面A跳轉(zhuǎn)到頁(yè)面B的功能。

步驟504：將創(chuàng)建好的所述WEB應(yīng)用通過應(yīng)用發(fā)布器進(jìn)行保存、預(yù)覽或發(fā)布。

具體地，當(dāng)整個(gè)WEB應(yīng)用都制作完成后，可以通過應(yīng)用發(fā)布器將該WEB應(yīng)用進(jìn)行保存、預(yù)覽或發(fā)布。應(yīng)當(dāng)說明的是，應(yīng)用發(fā)布器的保存、預(yù)覽或發(fā)布功能可以單獨(dú)或組合使用，即可以只保存，不預(yù)覽也不發(fā)布，也可以只保存并預(yù)覽，但不發(fā)布，還可以保存后預(yù)覽，預(yù)覽后進(jìn)行發(fā)布等，本實(shí)施例對(duì)此不作具體限定。

本發(fā)明實(shí)施例通過頁(yè)面組裝模塊制作WEB應(yīng)用中的至少一個(gè)頁(yè)面，且每個(gè)頁(yè)面對(duì)應(yīng)一個(gè)頁(yè)面地址，并通過數(shù)據(jù)綁定器將數(shù)據(jù)與組件進(jìn)行綁定，數(shù)據(jù)包括靜態(tài)數(shù)據(jù)和/或動(dòng)態(tài)數(shù)據(jù)，實(shí)現(xiàn)了制作多頁(yè)面，且頁(yè)面為動(dòng)態(tài)內(nèi)容的WEB應(yīng)用，使創(chuàng)建的WEB應(yīng)用的功能多樣化。

在上述實(shí)施例的基礎(chǔ)上，所述方法還包括：

根據(jù)組件設(shè)定器設(shè)定所述組件的組件屬性，所述組件屬性包括動(dòng)態(tài)和靜態(tài)。

具體地，通過組件選擇器從組件庫(kù)中選擇了所需的組件后，可以通過組件設(shè)定器設(shè)定組件的屬性，例如，可以設(shè)定組件的位置、尺寸、顏色、字體等。

本發(fā)明實(shí)施例通過組件設(shè)定器設(shè)定組件的屬性，使用戶根據(jù)自己的需求設(shè)定組件的位置、尺寸、顏色、字體等，使制作WEB應(yīng)用的頁(yè)面更加靈活，提高了用戶的體驗(yàn)。

在上述實(shí)施例的基礎(chǔ)上，所述方法還包括：

設(shè)置所述WEB應(yīng)用對(duì)應(yīng)的基礎(chǔ)信息，其中所述基礎(chǔ)信息包括標(biāo)題、分享信息和描述信息。

根據(jù)選擇的所述組件屬性，通過數(shù)據(jù)綁定器給所述組件綁定相應(yīng)的數(shù)據(jù)。

具體地，在創(chuàng)建一個(gè)WEB應(yīng)用后，需要設(shè)置該WEB應(yīng)用對(duì)應(yīng)的基礎(chǔ)信息，包括該WEB應(yīng)用的標(biāo)題，分享信息和對(duì)該WEB應(yīng)用的描述信息，可以理解的是，還可以包括其他的基礎(chǔ)信息，本發(fā)明實(shí)施例對(duì)此不作具體限定。有的組件是靜態(tài)組件，有的組件的屬性是動(dòng)態(tài)，對(duì)于只有一種組件屬性的組件，當(dāng)用戶選擇后不需要進(jìn)行動(dòng)靜態(tài)的設(shè)定，直接對(duì)其綁定數(shù)據(jù)即可，對(duì)于組件可以是動(dòng)態(tài)組件也可以是靜態(tài)組件的，當(dāng)用戶選擇了該組件后，需要設(shè)定其動(dòng)靜態(tài)屬性，并根據(jù)選擇的動(dòng)靜態(tài)屬性對(duì)組件進(jìn)行數(shù)據(jù)綁定。例如：文本框組件就是靜態(tài)的，用戶直接將要顯示的文字輸入到文本框中即可，圖集的組件可以為靜態(tài)也可以為動(dòng)態(tài)，當(dāng)選擇了圖集組件后，選擇組件的動(dòng)靜態(tài)屬性，若選擇動(dòng)態(tài)，則需要為該組件指定一個(gè)數(shù)據(jù)源，使系統(tǒng)從該數(shù)據(jù)源中獲取到該數(shù)據(jù)源中的圖片，并將該圖片顯示在圖集的組件上。應(yīng)當(dāng)說明的是，系統(tǒng)獲取到數(shù)據(jù)元的數(shù)據(jù)后，通過約定好的數(shù)據(jù)格式進(jìn)行傳輸?shù)浇M件上，可以為json數(shù)據(jù)，但不局限于該數(shù)據(jù)格式。

本發(fā)明實(shí)施例通過根據(jù)組件的動(dòng)靜態(tài)屬性為其綁定對(duì)應(yīng)數(shù)據(jù)類型的數(shù)據(jù)，實(shí)現(xiàn)了頁(yè)面為動(dòng)態(tài)內(nèi)容的功能，使制作WEB應(yīng)用的系統(tǒng)功能更加多樣化，進(jìn)一步滿足用戶的需求。

在上述各實(shí)施例的基礎(chǔ)上，所述方法還包括：

根據(jù)用戶名及密碼登錄系統(tǒng)，其中，所述用戶名是已經(jīng)完成注冊(cè)的。

具體地，用戶進(jìn)入系統(tǒng)后，需要通過用戶名及密碼登錄，若沒有用戶名，則可以注冊(cè)用戶名。登錄后，系統(tǒng)可以顯示存儲(chǔ)在該用戶名下的已經(jīng)制作完成并保存或已發(fā)布的WEB應(yīng)用。

本發(fā)明實(shí)施例通過用戶名及密碼登錄系統(tǒng)，可以記錄該用戶名制作WEB應(yīng)用的信息，以便用戶對(duì)已完成WEB應(yīng)用的管理。

在上述實(shí)施例的基礎(chǔ)上，所述方法還包括：

在所述新建至少一個(gè)頁(yè)面之前，選擇系統(tǒng)中已經(jīng)存在的WEB應(yīng)用；或

新建所述WEB應(yīng)用。

具體地，登錄系統(tǒng)后，可以選擇新建一個(gè)WEB應(yīng)用，還可以復(fù)用已經(jīng)制作完成并保存的WEB應(yīng)用。例如：用戶認(rèn)為之前制作過的一個(gè)WEB應(yīng)用的模板、布局等比較好，想要在這個(gè)WEB應(yīng)用的基礎(chǔ)上加以修改，從而形成一個(gè)新的WEB應(yīng)用，此時(shí)，用戶可以復(fù)制該WEB應(yīng)用，在該WEB應(yīng)用的副本上進(jìn)行修改。

本發(fā)明實(shí)施例通過復(fù)用已經(jīng)存在的WEB應(yīng)用，減少了制作的時(shí)間，提高了制作WEB應(yīng)用的效率。

在上述實(shí)施例的基礎(chǔ)上，所述方法還包括：

根據(jù)所述WEB應(yīng)用對(duì)應(yīng)的應(yīng)用地址，判斷所述WEB應(yīng)用是否已經(jīng)發(fā)布，若判斷獲知所述WEB應(yīng)用已經(jīng)發(fā)布，則替換已經(jīng)發(fā)布的所述WEB應(yīng)用。

具體地，當(dāng)WEB應(yīng)用制作完成后，通過應(yīng)用發(fā)布器將其發(fā)布到服務(wù)器上時(shí)，系統(tǒng)會(huì)通過該WEB應(yīng)用對(duì)應(yīng)的應(yīng)用地址檢查是否已經(jīng)在服務(wù)器上發(fā)布，即檢查服務(wù)器上是否存在該應(yīng)用地址，若存在，則說明該WEB應(yīng)用已經(jīng)在服務(wù)器上發(fā)布，此時(shí)將新制作好的WEB應(yīng)用替換為已經(jīng)發(fā)布到服務(wù)器上的該WEB應(yīng)用；若服務(wù)器上不存在該應(yīng)用地址，則直接發(fā)布到服務(wù)器上即可。

本發(fā)明實(shí)施例通過檢測(cè)制作好的WEB應(yīng)用是否存在，若存在，則將新制作好的WEB應(yīng)用替換為已經(jīng)發(fā)布到服務(wù)器上的WEB應(yīng)用，避免由于應(yīng)用地址相同導(dǎo)致應(yīng)用的沖突。

圖6為本發(fā)明實(shí)施例提供的創(chuàng)建WEB應(yīng)用方法的整體流程示意圖，如圖6所示，所述方法的具體流程如下：

步驟601、登錄系統(tǒng)；根據(jù)已經(jīng)注冊(cè)好的用戶名及密碼登錄系統(tǒng)，登錄系統(tǒng)后，系統(tǒng)中顯示該用戶名對(duì)應(yīng)的信息，例如：該用戶名所創(chuàng)建并保存過的WEB應(yīng)用；

步驟602、新建應(yīng)用或復(fù)用已有應(yīng)用；進(jìn)入系統(tǒng)后可以新建一個(gè)WEB應(yīng)用，也可以復(fù)用已經(jīng)創(chuàng)建好并保存的WEB應(yīng)用；如果復(fù)用已經(jīng)創(chuàng)建好的WEB應(yīng)用，則需要先復(fù)制該WEB應(yīng)用，并在WEB應(yīng)用副本的基礎(chǔ)上進(jìn)行修改；

步驟603、設(shè)置應(yīng)用基本信息；對(duì)新建的或者復(fù)用的WEB應(yīng)用，設(shè)置其應(yīng)用基本信息，例如：該WEB應(yīng)用的標(biāo)題、分享信息、描述信息等，分享信息包括分享時(shí)，設(shè)置其顯示的標(biāo)題內(nèi)容、描述信息的內(nèi)容、允許查看的人群等；

步驟604、進(jìn)入界面；

步驟605、新建頁(yè)面；點(diǎn)擊新建頁(yè)面的功能按鈕，新建一個(gè)頁(yè)面A，此時(shí)，系統(tǒng)會(huì)為該頁(yè)面生成一個(gè)頁(yè)面地址1；

步驟606、模板選擇；通過模板選擇器從模板庫(kù)中選擇所需要的模板；

步驟607、組件選擇；通過組件選擇器從組件庫(kù)中選擇所需要的組件，并使用組件設(shè)定器對(duì)已經(jīng)選好的組件設(shè)定其組件屬性。例如：組件可以是文本框、圖片、圖集等，設(shè)定該組件在該頁(yè)面中的位置、組件大小、字體、動(dòng)靜態(tài)和顏色等，其中若該頁(yè)面中需要多個(gè)組件，則可以多次使用組件選擇器和組件設(shè)定器來進(jìn)行組件的選擇和屬性的設(shè)定；

步驟608、數(shù)據(jù)綁定；給選擇好的組件綁定數(shù)據(jù)，如果用戶選擇一個(gè)文本框組件，則將要顯示在文本框中的內(nèi)容輸入到文本框中即可，如果用戶選擇一個(gè)動(dòng)態(tài)圖集組件，則需要為該組件指定一個(gè)數(shù)據(jù)源，例如：用戶選擇“風(fēng)景”，系統(tǒng)則將數(shù)據(jù)庫(kù)中獲取到風(fēng)景類的圖片，并根據(jù)預(yù)先約定好的數(shù)據(jù)格式，將風(fēng)景類的圖片的數(shù)據(jù)進(jìn)行傳輸，并顯示在組件的對(duì)應(yīng)位置。其中數(shù)據(jù)格式可以為json數(shù)據(jù)，還可以為其他數(shù)據(jù)，本發(fā)明實(shí)施例對(duì)此不作具體限定。

步驟609、新建另一個(gè)頁(yè)面；與S5相同，新建另一個(gè)頁(yè)面B，系統(tǒng)同樣會(huì)為該頁(yè)面B生成一個(gè)頁(yè)面地址2；對(duì)于頁(yè)面B的設(shè)計(jì)步驟同S6-S8；

步驟610、頁(yè)面跳轉(zhuǎn)；如果需要通過一個(gè)按鈕組件從頁(yè)面A跳轉(zhuǎn)到頁(yè)面B，則需要在頁(yè)面A中從組件選擇器中選擇按鈕組件，并給改按鈕組件綁定數(shù)據(jù)，該數(shù)據(jù)為要跳轉(zhuǎn)到頁(yè)面B的頁(yè)面地址2；

步驟611、保存、預(yù)覽或發(fā)布；整個(gè)WEB應(yīng)用創(chuàng)建完成后，可以通過保存按鈕、預(yù)覽按鈕和發(fā)布按鈕對(duì)其進(jìn)行保存、預(yù)覽和發(fā)布，系統(tǒng)為該WEB應(yīng)用生成一個(gè)應(yīng)用地址；

步驟612、判斷WEB應(yīng)用是否存在；點(diǎn)擊發(fā)布按鈕后，系統(tǒng)根據(jù)該WEB應(yīng)用對(duì)應(yīng)的應(yīng)用地址查詢?cè)搼?yīng)用是否已經(jīng)發(fā)布，若已經(jīng)發(fā)布，進(jìn)行步驟613，否則，進(jìn)行步驟614；

步驟613、強(qiáng)制替換；強(qiáng)制替換已經(jīng)發(fā)布的WEB應(yīng)用，進(jìn)行S14；

步驟614、發(fā)布成功；提示用戶發(fā)布成功。

可以理解的是，本發(fā)明實(shí)施例列舉的是新建兩個(gè)頁(yè)面，以及兩個(gè)頁(yè)面之間的跳轉(zhuǎn)，還可以新建多個(gè)頁(yè)面，并實(shí)現(xiàn)多個(gè)頁(yè)面之間的跳轉(zhuǎn)，本發(fā)明實(shí)施例對(duì)此不作具體限定。

圖7為本發(fā)明實(shí)施例提供的一種創(chuàng)建WEB應(yīng)用的系統(tǒng)結(jié)構(gòu)示意圖，如圖7所示，所述系統(tǒng)，包括：處理器(processor)701、存儲(chǔ)器(memory)702、和總線703；其中：

所述處理器701、存儲(chǔ)器702通過所述總線703完成相互間的通信；

所述處理器701用于調(diào)用所述存儲(chǔ)器702中的程序指令，以執(zhí)行上述各方法實(shí)施例所提供的方法，例如包括：新建至少一個(gè)頁(yè)面，并為新建后的每一所述頁(yè)面生成一個(gè)頁(yè)面地址；從模板庫(kù)中選擇所述頁(yè)面對(duì)應(yīng)的模板，通過組件選擇器從組件庫(kù)中選擇組件，并將數(shù)據(jù)與所述組件進(jìn)行綁定，所述數(shù)據(jù)包括靜態(tài)數(shù)據(jù)和/或動(dòng)態(tài)數(shù)據(jù)；根據(jù)新建的至少一個(gè)頁(yè)面，在需要實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)的所述組件上設(shè)定對(duì)應(yīng)的頁(yè)面地址；將創(chuàng)建好的所述WEB應(yīng)用通過應(yīng)用發(fā)布器進(jìn)行保存、預(yù)覽或發(fā)布。

以上所描述的系統(tǒng)實(shí)施例僅僅是示意性的，其中所述作為分離部件說明的單元可以是或者也可以不是物理上分開的，作為單元顯示的部件可以是或者也可以不是物理單元，即可以位于一個(gè)地方，或者也可以分布到多個(gè)網(wǎng)絡(luò)單元上?？梢愿鶕?jù)實(shí)際的需要選擇其中的部分或者全部模塊來實(shí)現(xiàn)本實(shí)施例方案的目的。本領(lǐng)域普通技術(shù)人員在不付出創(chuàng)造性的勞動(dòng)的情況下，即可以理解并實(shí)施。

通過以上的實(shí)施方式的描述，本領(lǐng)域的技術(shù)人員可以清楚地了解到各實(shí)施方式可借助軟件加必需的通用硬件平臺(tái)的方式來實(shí)現(xiàn)，當(dāng)然也可以通過硬件。基于這樣的理解，上述技術(shù)方案本質(zhì)上或者說對(duì)現(xiàn)有技術(shù)做出貢獻(xiàn)的部分可以以軟件產(chǎn)品的形式體現(xiàn)出來，該計(jì)算機(jī)軟件產(chǎn)品可以存儲(chǔ)在計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)中，如ROM/RAM、磁碟、光盤等，包括若干指令用以使得一臺(tái)計(jì)算機(jī)設(shè)備(可以是個(gè)人計(jì)算機(jī)，服務(wù)器，或者網(wǎng)絡(luò)設(shè)備等)執(zhí)行各個(gè)實(shí)施例或者實(shí)施例的某些部分所述的方法。

最后應(yīng)說明的是：以上實(shí)施例僅用以說明本發(fā)明的技術(shù)方案，而非對(duì)其限制；盡管參照前述實(shí)施例對(duì)本發(fā)明進(jìn)行了詳細(xì)的說明，本領(lǐng)域的普通技術(shù)人員應(yīng)當(dāng)理解：其依然可以對(duì)前述各實(shí)施例所記載的技術(shù)方案進(jìn)行修改，或者對(duì)其中部分技術(shù)特征進(jìn)行等同替換；而這些修改或者替換，并不使相應(yīng)技術(shù)方案的本質(zhì)脫離本發(fā)明各實(shí)施例技術(shù)方案的精神和范圍。