本申請涉及網(wǎng)絡(luò)通信技術(shù)領(lǐng)域,尤其涉及一種頁面預(yù)覽的實(shí)現(xiàn)方法和裝置。
背景技術(shù):
隨著網(wǎng)絡(luò)技術(shù)的發(fā)展和普及,越來越多的商業(yè)服務(wù)和公共服務(wù)遷移到網(wǎng)絡(luò)上。網(wǎng)絡(luò)服務(wù)需要制作向公眾展示商品或具體服務(wù)項(xiàng)目、以及完成購買商品或體驗(yàn)服務(wù)過程等的各種頁面。為了便于用戶(如商戶或服務(wù)提供商)制作頁面,許多平臺提供了各種頁面的頁面框架,商戶和服務(wù)提供商只需選擇喜歡的頁面框架,填寫自己希望展示的具體內(nèi)容(如文字、圖片等),即可生成各種頁面。
有的平臺還提供了在制作過程中對頁面進(jìn)行預(yù)覽的功能,以便用戶可以了解頁面的實(shí)際效果?,F(xiàn)有技術(shù)中,用戶通常只能在制作頁面的終端上進(jìn)行頁面預(yù)覽,而實(shí)際展示頁面的終端往往不同于制作頁面的終端。例如,用戶常常在pc(personalcomputer,個人電腦)上進(jìn)行頁面制作,而制作出來的頁面可能用于平板電腦或智能手機(jī)上。由于不同終端的操作系統(tǒng)、屏幕顯示參數(shù)可能很不相同,在一種終端上的預(yù)覽效果往往與實(shí)際展示在另一種終端上的效果存在相當(dāng)大的區(qū)別?,F(xiàn)有技術(shù)中用戶需要在制作完成提交給平臺后,才能在另一種終端上看到實(shí)際展示的效果,如果用戶對效果不滿意,通常得反復(fù)多次進(jìn)行修改和提交,不僅非常不便而且效率很低。
技術(shù)實(shí)現(xiàn)要素:
有鑒于此,本申請?zhí)峁┮环N頁面預(yù)覽的實(shí)現(xiàn)方法,應(yīng)用在第一終端上,包括:
向服務(wù)端發(fā)送頁面生成請求,接收服務(wù)端返回的頁面生成響應(yīng),所述頁面生成響應(yīng)中包括待生成頁面的第一頁面標(biāo)識;
向用戶或第二終端提供所述第一頁面標(biāo)識;
獲取用戶確定的待生成頁面的可配置數(shù)據(jù),將可配置數(shù)據(jù)發(fā)送給服務(wù)端,供服務(wù)端向第二終端下發(fā)所述可配置數(shù)據(jù),用來在第二終端上進(jìn)行頁面預(yù)覽;所述第二終端向服務(wù)端上傳的第二頁面標(biāo)識與所述第一頁面標(biāo)識相同。
本申請?zhí)峁┑囊环N頁面預(yù)覽的實(shí)現(xiàn)方法,應(yīng)用在第二終端上,包括:
獲取預(yù)覽頁面的第二頁面標(biāo)識;
向服務(wù)端發(fā)送包括所述第二頁面標(biāo)識的頁面預(yù)覽請求;
從服務(wù)端接收所述預(yù)覽頁面的可配置數(shù)據(jù),采用所述可配置數(shù)據(jù)顯示所述預(yù)覽頁面;所述可配置數(shù)據(jù)由第一終端上傳給服務(wù)端,服務(wù)端下發(fā)給第一終端的第一頁面標(biāo)識與所述第二頁面標(biāo)識相同。
本申請?zhí)峁┑囊环N頁面預(yù)覽的實(shí)現(xiàn)方法,應(yīng)用在服務(wù)端,包括:
根據(jù)第一終端的頁面生成請求,生成待生成頁面的第一頁面標(biāo)識,將攜帶有第一頁面標(biāo)識的頁面生成響應(yīng)發(fā)送給第一終端;
接收第二終端包括預(yù)覽頁面第二頁面標(biāo)識的頁面預(yù)覽請求;
接收第一終端上傳的待生成頁面的可配置數(shù)據(jù);
將第一終端上傳的可配置數(shù)據(jù)下發(fā)給第二終端,所述第二終端發(fā)送的頁面預(yù)覽請求中攜帶有與第一頁面標(biāo)識相同的第二頁面標(biāo)識。
本申請還提供了一種頁面預(yù)覽的實(shí)現(xiàn)裝置,應(yīng)用在第一終端上,包括:
頁面生成請求單元,用于向服務(wù)端發(fā)送頁面生成請求,接收服務(wù)端返回的頁面生成響應(yīng),所述頁面生成響應(yīng)中包括待生成頁面的第一頁面標(biāo)識;
頁面標(biāo)識提供單元,用于向用戶或第二終端提供所述第一頁面標(biāo)識;
可配置數(shù)據(jù)上傳單元,用于獲取用戶確定的待生成頁面的可配置數(shù)據(jù),將可配置數(shù)據(jù)發(fā)送給服務(wù)端,供服務(wù)端向第二終端下發(fā)所述可配置數(shù)據(jù),用來在第二終端上進(jìn)行頁面預(yù)覽;所述第二終端向服務(wù)端上傳的第二頁面標(biāo)識與所述第一頁面標(biāo)識相同。
本申請?zhí)峁┑囊环N頁面預(yù)覽的實(shí)現(xiàn)裝置,應(yīng)用在第二終端上,包括:
頁面標(biāo)識獲取單元,用于獲取預(yù)覽頁面的第二頁面標(biāo)識;
頁面預(yù)覽請求單元,用于向服務(wù)端發(fā)送包括所述第二頁面標(biāo)識的頁面預(yù)覽請求;
可配置數(shù)據(jù)接收單元,從服務(wù)端接收所述預(yù)覽頁面的可配置數(shù)據(jù),采用所述可配置數(shù)據(jù)顯示所述預(yù)覽頁面;所述可配置數(shù)據(jù)由第一終端上傳給服務(wù)端,服務(wù)端下發(fā)給第一終端的第一頁面標(biāo)識與所述第二頁面標(biāo)識相同。
本申請?zhí)峁┑囊环N頁面預(yù)覽的實(shí)現(xiàn)裝置,應(yīng)用在服務(wù)端,包括:
頁面生成響應(yīng)單元,用于根據(jù)第一終端的頁面生成請求,生成待生成頁面的第一頁面標(biāo)識,將攜帶有第一頁面標(biāo)識的頁面生成響應(yīng)發(fā)送給第一終端;
頁面預(yù)覽請求接收單元,用于接收第二終端包括預(yù)覽頁面第二頁面標(biāo)識的頁面預(yù)覽請求;
上傳可配置數(shù)據(jù)接收單元,用于接收第一終端上傳的待生成頁面的可配置數(shù)據(jù);
可配置數(shù)據(jù)下發(fā)單元,用于將第一終端上傳的可配置數(shù)據(jù)下發(fā)給第二終端,所述第二終端發(fā)送的頁面預(yù)覽請求中攜帶有與第一頁面標(biāo)識相同的第二頁面標(biāo)識。
由以上技術(shù)方案可見,本申請的實(shí)施例中,第一終端在制作待生成頁面時,將服務(wù)端生成并下發(fā)的待生成頁面的第一頁面標(biāo)識提供給用戶或第二終端,第二終端采用預(yù)覽頁面的第二頁面標(biāo)識向服務(wù)端請求預(yù)覽頁面的可配置數(shù)據(jù);服務(wù)端通過第一頁面標(biāo)識和第二頁面標(biāo)識匹配第一終端和第二終端,將第一終端上傳的可配置數(shù)據(jù)下發(fā)給第二終端,從而實(shí)現(xiàn)了在第二終端上進(jìn)行在第一終端上制作頁面的預(yù)覽,使得用戶在頁面制作過程中即可從實(shí)際使用頁面的第二終端上看到頁面的展示效果,無需重復(fù)制作和提交過程,在減少用戶操作的同時提高了用戶的頁面制作效率。
附圖說明
圖1是本申請實(shí)施例中一種應(yīng)用在第一終端、頁面預(yù)覽的實(shí)現(xiàn)方法的流程圖;
圖2是本申請實(shí)施例中一種應(yīng)用在第二終端、頁面預(yù)覽的實(shí)現(xiàn)方法的流程圖;
圖3是本申請實(shí)施例中一種應(yīng)用在服務(wù)端、頁面預(yù)覽的實(shí)現(xiàn)方法的方法的流程圖;
圖4是本申請應(yīng)用示例一中一種可配置數(shù)據(jù)輸入頁面的顯示示意圖;
圖5是本申請應(yīng)用示例一中一種二維碼掃描頁面和一種預(yù)覽頁面的顯示示意圖;
圖6是本申請應(yīng)用示例二中一種可配置數(shù)據(jù)輸入頁面的顯示示意圖;
圖7是本申請應(yīng)用示例二中一種口令輸入頁面和一種預(yù)覽頁面的顯示示意圖;
圖8是第一終端、第二終端、或服務(wù)端所在設(shè)備的一種硬件結(jié)構(gòu)圖;
圖9是本申請實(shí)施例中一種應(yīng)用在第一終端、頁面預(yù)覽的實(shí)現(xiàn)裝置的邏輯結(jié)構(gòu)圖;
圖10是本申請實(shí)施例中一種應(yīng)用在第二終端、頁面預(yù)覽的實(shí)現(xiàn)裝置的邏輯結(jié)構(gòu)圖;
圖11是本申請實(shí)施例中一種應(yīng)用在服務(wù)端、頁面預(yù)覽的實(shí)現(xiàn)裝置的邏輯結(jié)構(gòu)圖。
具體實(shí)施方式
本申請的實(shí)施例提出一種新的頁面預(yù)覽的實(shí)現(xiàn)方法,服務(wù)端向制作頁面的第一終端下發(fā)待生成頁面的第一頁面標(biāo)識,第一終端采用第一頁面標(biāo)識向服務(wù)端上傳待生成頁面的可配置數(shù)據(jù);進(jìn)行頁面預(yù)覽的第二終端在向服務(wù)端請求預(yù)覽頁面的可配置數(shù)據(jù)時向服務(wù)端提供預(yù)覽頁面的第二頁面標(biāo)識,服務(wù)通過第一頁面標(biāo)識和第二頁面標(biāo)識將第一終端和第二終端匹配起來,并將第一終端上傳的可配置數(shù)據(jù)下發(fā)給第二終端,這樣用戶可以在第二終端上對第一終端上正在制作的頁面的實(shí)際展示效果進(jìn)行預(yù)覽,能夠避免反復(fù)的修改和提交過程,以解決現(xiàn)有技術(shù)中存在的問題。
本申請的實(shí)施例中,第一終端與服務(wù)端、第二終端與服務(wù)端通過網(wǎng)絡(luò)相互可訪問。其中,第一終端或第二終端可以是手機(jī)、平板電腦、pc(personalcomputer,個人電腦)、筆記本等設(shè)備;服務(wù)端可以運(yùn)行在一個物理或邏輯服務(wù)器上,也可以是由兩個或兩個以上分擔(dān)不同職責(zé)的物理或邏輯服務(wù)器、相互協(xié)同來實(shí)現(xiàn)本申請實(shí)施例中服務(wù)端的各項(xiàng)功能。本申請實(shí)施例對第一終端、第二終端、或服務(wù)端所在設(shè)備的種類,以及第一終端與服務(wù)端之間、第二終端與服務(wù)段之間通信網(wǎng)絡(luò)的類型、協(xié)議等均不做限定。
本申請的實(shí)施例中,一個頁面的頁面數(shù)據(jù)由兩部分組成,可配置數(shù)據(jù)和固定數(shù)據(jù)。其中,可配置數(shù)據(jù)是用戶可以自行確定的部分,而固定數(shù)據(jù)是用戶不能修改或變更的部分??梢愿鶕?jù)實(shí)際應(yīng)用場景的需要來決定如何將頁面數(shù)據(jù)劃分為可配置數(shù)據(jù)和固定數(shù)據(jù),本申請的實(shí)施例不做限定。例如,可以將頁面框架作為固定數(shù)據(jù),而將頁面內(nèi)容(包括頁面顯示文字和圖片)作為可配置數(shù)據(jù);再如,可以將頁面內(nèi)容、每個頁面元素的文字字體及顏色作為可配置數(shù)據(jù),將其余部分作為固定數(shù)據(jù);另外一個例子中,還可以將因用戶而異的頁面內(nèi)容作為可配置數(shù)據(jù),而將對所有用戶相同的頁面內(nèi)容和頁面框架作為固定數(shù)據(jù)。
本申請的實(shí)施例中,頁面預(yù)覽的實(shí)現(xiàn)方法運(yùn)行在第一終端上的流程如圖1所示,運(yùn)行在第二終端上的流程如圖2所示,在服務(wù)端的流程如圖3所示。其中,第一終端是用戶用來進(jìn)行頁面制作的終端,第二終端是用戶用來進(jìn)行頁面預(yù)覽的終端;換言之,用戶在第一終端上制作待生成頁面,在第二終端上對待生成頁面進(jìn)行預(yù)覽,第二終端上的預(yù)覽頁面即是制作過程中的待生成頁面。
在第一終端上,步驟110,向服務(wù)端發(fā)送頁面生成請求,接收服務(wù)端返回的頁面生成響應(yīng),頁面生成響應(yīng)中包括待生成頁面的第一頁面標(biāo)識。
在服務(wù)端,步驟310,根據(jù)第一終端的頁面生成請求,生成待生成頁面的第一頁面標(biāo)識,將攜帶有第一頁面標(biāo)識的頁面生成響應(yīng)發(fā)送給第一終端。
當(dāng)用戶希望制作自己的頁面時,在第一終端上進(jìn)行相應(yīng)的操作,指令第一終端向服務(wù)端發(fā)送頁面生成請求。
服務(wù)端在收到頁面生成請求后,確定待生成頁面的第一頁面標(biāo)識,將第一頁面標(biāo)識封裝在頁面生成響應(yīng)中,回復(fù)給第一終端。
第一頁面標(biāo)識用來在服務(wù)端唯一代表一個處在制作過程中的頁面,任何能夠在服務(wù)端唯一對應(yīng)于一個制作中頁面的信息都可以用來作為第一頁面標(biāo)識,本申請的實(shí)施例不做限定。例如,服務(wù)端可以為每個待生成頁面分配一個保存其可配置數(shù)據(jù)的存儲位置(如用于暫存可配置數(shù)據(jù)的工作表的唯一索引項(xiàng)、或用于保存一個待生成頁面可配置數(shù)據(jù)的文件的存儲路徑及文件名),以該存儲位置作為第一頁面標(biāo)識。再如,服務(wù)端可以生成對應(yīng)于該待生成頁面的口令(如生成一個隨機(jī)數(shù)或隨機(jī)字符串來作為口令),將口令作為該待生成頁面的第一頁面標(biāo)識,并且該口令與已在使用中的其他口令不同;在該待生成頁面提交或放棄后,該口令即可釋放(即從已在使用中的口令中刪除)。
在第一終端上,步驟120,向用戶或第二終端提供所述第一頁面標(biāo)識。
在第二終端上,步驟210,獲取預(yù)覽頁面的第二頁面標(biāo)識。
第一終端在收到頁面生成響應(yīng)后,可以向用戶顯示可配置數(shù)據(jù)輸入頁面,并向用戶或第二終端提供第一頁面標(biāo)識。
用戶在實(shí)際展示和使用待生成頁面的第二終端上進(jìn)行操作,啟動頁面預(yù)覽功能。第二終端根據(jù)用戶的指令,獲取預(yù)覽頁面的第二頁面標(biāo)識。
可以綜合考慮第一終端和第二終端的類型、以及兩者之間的間隔距離、實(shí)際應(yīng)用場景的網(wǎng)絡(luò)情況等因素,來確定第一終端向用戶或第二終端提供第一頁面標(biāo)識的具體方式,本申請的實(shí)施例不做限定。
在第一個例子中,第一終端可以將攜帶第一頁面標(biāo)識的信息渲染為二維碼,顯示在可配置數(shù)據(jù)輸入頁面上,供第二終端掃描;第二終端根據(jù)用戶的指令,掃描第一終端顯示的二維碼,將從二維碼中解析出的第一頁面標(biāo)識作為預(yù)覽頁面的第二頁面標(biāo)識。
在第二個例子中,如果第一頁面標(biāo)識是服務(wù)端生成的對應(yīng)于待生成頁面的口令,第一終端可以將口令顯示在可配置數(shù)據(jù)輸入頁面上,供用戶查看。用戶在第二終端上啟動頁面預(yù)覽功能后,第二終端要求用戶輸入口令,在收到用戶輸入的顯示在第一終端上的口令后,第二終端將其作為預(yù)覽頁面的第二頁面標(biāo)識。
在第三個例子中,第一終端可以通過藍(lán)牙、nfc(nearfieldcommunication,近場通信)、移動通信網(wǎng)絡(luò)等將第一頁面標(biāo)識發(fā)送給第二終端,第二終端將其作為預(yù)覽頁面的第二頁面標(biāo)識。
在第二終端上,步驟220,向服務(wù)端發(fā)送包括所述第二頁面標(biāo)識的頁面預(yù)覽請求。
在服務(wù)端,步驟320,接收第二終端包括預(yù)覽頁面第二頁面標(biāo)識的頁面預(yù)覽請求。
第二終端將獲取的預(yù)覽頁面的第二頁面標(biāo)識封裝在頁面預(yù)覽請求中,發(fā)送給服務(wù)端。服務(wù)端從頁面預(yù)覽請求中,提取出第二終端上預(yù)覽頁面的第二頁面標(biāo)識。
在第一終端上,步驟130,獲取用戶確定的待生成頁面的可配置數(shù)據(jù),將可配置數(shù)據(jù)發(fā)送給服務(wù)端,供服務(wù)端向第二終端下發(fā)可配置數(shù)據(jù),用來在第二終端上進(jìn)行頁面預(yù)覽。其中,第二終端向服務(wù)端上傳的第二頁面標(biāo)識與第一頁面標(biāo)識相同。
在服務(wù)端,步驟330,接收第一終端上傳的待生成頁面的可配置數(shù)據(jù)。
在第一終端顯示的可配置數(shù)據(jù)輸入頁面上,用戶可以根據(jù)實(shí)際業(yè)務(wù)需求確定制作中頁面的可配置數(shù)據(jù)的具體數(shù)值。按照可配置數(shù)據(jù)的屬性和可配置數(shù)據(jù)輸入頁面的設(shè)計(jì),用戶確定可配置數(shù)據(jù)的方式可能包括輸入要顯示在待生成頁面上的文本、上傳要顯示在待生成頁面上的圖片或輸入圖片的網(wǎng)絡(luò)存儲地址、指定文本的字體大小和顏色、指定圖片的顯示效果等中的一項(xiàng)到多項(xiàng);另外,可以為至少部分可配置數(shù)據(jù)項(xiàng)設(shè)置缺省值,當(dāng)用戶沒有指定其中某個可配置數(shù)據(jù)項(xiàng)的值時,該可配置數(shù)據(jù)項(xiàng)的值即為其缺省值;本申請實(shí)施例均不做限定。
根據(jù)用戶的操作,第一終端可以獲得用戶確定的部分或全部待生成頁面的可配置數(shù)據(jù),并且將所獲取的可配置數(shù)據(jù)上傳給服務(wù)端。第一終端可以在收到用戶上傳可配置數(shù)據(jù)的指令后,向服務(wù)端上傳已獲得的可配置數(shù)據(jù);也可以以預(yù)定上傳周期,將當(dāng)前已獲取的的可配置數(shù)據(jù)發(fā)送給服務(wù)端。
對第一終端上傳的待生成頁面的可配置數(shù)據(jù),服務(wù)端需要知道該待生成頁面的第一頁面標(biāo)識。在不同的應(yīng)用場景中,可以采用不同的方式來實(shí)現(xiàn)這一點(diǎn)。
在第一個例子中,在第一終端與服務(wù)端建立長連接、并且第一終端上只會有一個待生成頁面的應(yīng)用場景中,服務(wù)端通過已建立的長連接向第一終端下發(fā)第一頁面標(biāo)識,之后來自該長連接的可配置數(shù)據(jù)都對應(yīng)于通過該長連接下發(fā)的第一頁面標(biāo)識。
在第二個例子中,第一終端可以在每次向服務(wù)端上傳待生成頁面的可配置數(shù)據(jù)時,都攜帶該待生成頁面的第一頁面標(biāo)識。
在第三個例子中,第一終端可以在頁面生成請求中攜帶第一終端的設(shè)備標(biāo)識,服務(wù)端為該待生成頁面生成第一頁面標(biāo)識后,保存第一終端的設(shè)備標(biāo)識和第一頁面標(biāo)識的對應(yīng)關(guān)系;在第一終端后續(xù)上傳可配置數(shù)據(jù)時,都攜帶第一終端的設(shè)備標(biāo)識,這樣通過設(shè)備標(biāo)識,服務(wù)端即可得知這些可配置數(shù)據(jù)用于哪個待生成頁面。其中,第一終端的設(shè)備標(biāo)識可以是任何用來唯一代表第一終端的識別碼,如imei(internationalmobileequipmentidentity,國際移動設(shè)備身份碼)、udid(uniquedeviceidentifier,唯一設(shè)備識別符)、mac(mediaaccesscontrol,媒介接入控制)地址等。需要說明的是,本例適用于第一終端上只能有一個待生成頁面的應(yīng)用場景。
在服務(wù)端,步驟320和330之間沒有時序關(guān)系。
在服務(wù)端,步驟340,將第一終端上傳的可配置數(shù)據(jù)下發(fā)給第二終端,第二終端發(fā)送的頁面預(yù)覽請求中攜帶有與第一頁面標(biāo)識相同的第二頁面標(biāo)識。
在第二終端上,步驟230,從服務(wù)端接收預(yù)覽頁面的可配置數(shù)據(jù),采用可配置數(shù)據(jù)顯示預(yù)覽頁面;該可配置數(shù)據(jù)由第一終端上傳給服務(wù)端,服務(wù)端下發(fā)給第一終端的第一頁面標(biāo)識與第二頁面標(biāo)識相同。
服務(wù)端在收到第一終端上傳的待生成頁面的可配置數(shù)據(jù)后,通過與該待生成頁面的第一頁面標(biāo)識相同的第二頁面標(biāo)識,服務(wù)端能夠確定上傳該第二頁面標(biāo)識的終端是第二終端。服務(wù)端將接收的可配置數(shù)據(jù)下發(fā)給第二終端。
第二終端從服務(wù)端收到預(yù)覽頁面的可配置數(shù)據(jù)后,將接收的可配置數(shù)據(jù)和預(yù)覽頁面的固定數(shù)據(jù)相結(jié)合,得到預(yù)覽頁面的頁面數(shù)據(jù)。第二終端運(yùn)行預(yù)覽頁面的頁面數(shù)據(jù),將預(yù)覽頁面展示給用戶。本申請實(shí)施例對第二終端獲得預(yù)覽頁面固定數(shù)據(jù)的方式不做限定,預(yù)覽頁面的固定數(shù)據(jù)可以預(yù)先保存在第二終端上(例如在第二終端上安裝有該服務(wù)端的客戶端程序的情況下);也可以在頁面預(yù)覽請求中通知服務(wù)端要使用哪個頁面的固定數(shù)據(jù),由服務(wù)端將固定數(shù)據(jù)和可配置數(shù)據(jù)一并下發(fā)給第二終端。
在第一終端可以多次向服務(wù)端上傳可配置數(shù)據(jù)的實(shí)現(xiàn)方式中,服務(wù)端也可以多次向第二終端下發(fā)最新接收的可配置數(shù)據(jù),這樣用戶可以近乎實(shí)時的在第二終端上預(yù)覽正在制作中的待生成頁面。服務(wù)端可以主動在收到第一終端上傳的可配置數(shù)據(jù)后,將最后一次接收的可配置數(shù)據(jù)下發(fā)給第二終端;也可以由第二終端采用輪詢的方式,以預(yù)定輪詢周期向服務(wù)端頁面預(yù)覽請求,服務(wù)端在每次收到頁面預(yù)覽請求后,將最后一次接收的可配置數(shù)據(jù)下發(fā)給第二終端。
在第二終端采用輪詢方式進(jìn)行頁面預(yù)覽請求的一種實(shí)現(xiàn)中,第二終端可以在以預(yù)定輪詢周期發(fā)送的每次頁面預(yù)覽請求中都攜帶第二頁面標(biāo)識,使得服務(wù)端可以通過第二頁面標(biāo)識得知其請求哪個待生成頁面的可配置數(shù)據(jù)、以及該可配置數(shù)據(jù)來源于哪個終端。服務(wù)端在每次收到第二終端包括第二頁面標(biāo)識的頁面預(yù)覽請求后,將第一終端最后一次上傳的可配置數(shù)據(jù)下發(fā)給第二終端。第二終端逐次從服務(wù)端接收具有該第二頁面標(biāo)識的預(yù)覽頁面的可配置數(shù)據(jù),并采用可配置數(shù)據(jù)顯示預(yù)覽頁面。
在第二終端采用輪詢方式進(jìn)行頁面預(yù)覽請求的另一種實(shí)現(xiàn)中,第二終端可以在向服務(wù)端發(fā)送的頁面預(yù)覽請求中攜帶第二頁面標(biāo)識和第二終端的設(shè)備標(biāo)識。服務(wù)端在收到該頁面預(yù)覽請求后,保存第二頁面標(biāo)識和第二終端的設(shè)備標(biāo)識的對應(yīng)關(guān)系,服務(wù)端根據(jù)第二頁面標(biāo)識來確定第二終端請求的可配置數(shù)據(jù)是哪個待生成頁面的,將第一終端最后一次上傳的可配置數(shù)據(jù)下發(fā)給第二終端。后續(xù)第二終端以預(yù)定輪詢周期向服務(wù)端發(fā)送包括第二終端設(shè)備標(biāo)識的頁面預(yù)覽更新請求,服務(wù)端根據(jù)頁面預(yù)覽更新請求中設(shè)備標(biāo)識對應(yīng)的第二頁面標(biāo)識,將第一終端最后一次上傳的可配置數(shù)據(jù)下發(fā)給第二終端。第二終端逐次從服務(wù)端接收預(yù)覽頁面的可配置數(shù)據(jù),采用最新接收的可配置數(shù)據(jù)刷新所顯示的預(yù)覽頁面。其中,第二終端的設(shè)備標(biāo)識可以是任何用來唯一代表第二終端的識別碼。需要說明的是,這種實(shí)現(xiàn)適用于第二終端上只能有一個預(yù)覽頁面的應(yīng)用場景。
可見,本申請的實(shí)施例中,服務(wù)端向制作頁面的第一終端下發(fā)待生成頁面的第一頁面標(biāo)識;第一終端在制作待生成頁面時,將第一頁面標(biāo)識提供給用戶或第二終端,進(jìn)行頁面預(yù)覽的第二終端在向服務(wù)端請求可配置數(shù)據(jù)時向服務(wù)端提供預(yù)覽頁面的第二頁面標(biāo)識,服務(wù)端通過第一頁面標(biāo)識和第二頁面標(biāo)識匹配第一終端和第二終端,將第一終端上傳的可配置數(shù)據(jù)下發(fā)給第二終端,使得用戶可以在第二終端上對第一終端上正在制作的頁面的實(shí)際展示效果進(jìn)行預(yù)覽,無需進(jìn)行重復(fù)制作和提交過程即可得到滿意的頁面效果,在減少用戶操作的同時提高了用戶的頁面制作效率。
在本申請的應(yīng)用示例一中,用戶在pc(第一終端)上進(jìn)行頁面制作,在pad(第二終端)上通過瀏覽器來預(yù)覽制作中的頁面。待生成頁面的固定數(shù)據(jù)為頁面框架,可配置數(shù)據(jù)為頁面內(nèi)容。
用戶在pc上啟動待生成頁面的制作,pc向頁面服務(wù)器(服務(wù)端)發(fā)送頁面生成請求。頁面服務(wù)器為該待生成頁面創(chuàng)建保存其頁面內(nèi)容數(shù)據(jù)的文件,并且將文件的存儲路徑和文件名作為第一頁面標(biāo)識,封裝在頁面生成響應(yīng)中返回給pc。
在pc上,打開該待生成頁面的可配置數(shù)據(jù)輸入頁面,將包括頁面服務(wù)器的訪問地址和第一頁面標(biāo)識的信息渲染為二維碼,顯示在可配置數(shù)據(jù)輸入頁面上,如圖4所示。可配置數(shù)據(jù)輸入頁面以表單形式來收集各個可配置數(shù)據(jù)項(xiàng),pc接收用戶輸入的各項(xiàng)頁面內(nèi)容數(shù)據(jù),并且以預(yù)定上傳周期將當(dāng)前已收集的可配置數(shù)據(jù)上傳給頁面服務(wù)器,同時在每次上傳時一并上傳第一頁面標(biāo)識。頁面服務(wù)器每次收到pc上傳的可配置數(shù)據(jù)和第一頁面標(biāo)識后,按照第一頁面標(biāo)識找到對應(yīng)的文件,將文件內(nèi)容更新為最后一次上傳的可配置數(shù)據(jù)。
用戶用pad掃描pc上可配置數(shù)據(jù)輸入頁面顯示的二維碼,如圖5的左圖所示。pad解析二維碼后,二維碼中攜帶的第一頁面標(biāo)識作為預(yù)覽頁面的第二頁面標(biāo)識,打開瀏覽器,以預(yù)定輪詢周期向頁面服務(wù)器發(fā)送頁面預(yù)覽請求,在每次的頁面預(yù)覽請求中攜帶第二頁面標(biāo)識。
頁面服務(wù)器每次收到pad發(fā)送的頁面預(yù)覽請求后,按照第二頁面標(biāo)識找到對應(yīng)的文件,將文件內(nèi)容作為可配置數(shù)據(jù),下發(fā)給pad,同時一并下發(fā)該待生成頁面的頁面框架數(shù)據(jù)。
pad收到可配置數(shù)據(jù)和頁面框架數(shù)據(jù)后,將其組合為頁面數(shù)據(jù)。pad運(yùn)行頁面數(shù)據(jù),即可向用戶展示待生成頁面的當(dāng)前頁面效果,如圖5的右圖所示。
在本申請的第二個應(yīng)用示例中,用戶在pc(第一終端)上進(jìn)行頁面制作,在手機(jī)(第二終端)上通過客戶端app(應(yīng)用程序)來預(yù)覽制作中的頁面。待生成頁面的固定數(shù)據(jù)為頁面框架,可配置數(shù)據(jù)為頁面內(nèi)容。手機(jī)的app在安裝時預(yù)存了待生成頁面的頁面框架數(shù)據(jù)。本應(yīng)用示例中,pc上同時只會有一個待生成頁面,手機(jī)app上同時也只會有一個預(yù)覽頁面。
用戶在pc上啟動待生成頁面的制作,pc向頁面服務(wù)器(服務(wù)端)發(fā)送頁面生成請求,頁面生成請求中攜帶有pc的mac地址(pc的設(shè)備標(biāo)識)。頁面服務(wù)器生成一個唯一對應(yīng)于該待生成頁面的6位隨機(jī)數(shù),作為該待生成頁面的口令。在保存口令、該待生成頁面、以及mac地址的對應(yīng)關(guān)系后,頁面服務(wù)器將口令作為第一頁面標(biāo)識,封裝在頁面生成響應(yīng)中返回給pc。
在pc上,打開該待生成頁面的可配置數(shù)據(jù)輸入頁面,并且將頁面生成響應(yīng)中接收的口令顯示在可配置數(shù)據(jù)輸入頁面上,如圖6所示??膳渲脭?shù)據(jù)輸入頁面以表單形式來收集各個可配置數(shù)據(jù)項(xiàng),pc接收用戶輸入的各項(xiàng)頁面內(nèi)容數(shù)據(jù),并且以預(yù)定上傳周期將當(dāng)前已收集的可配置數(shù)據(jù)上傳給頁面服務(wù)器,同時在每次上傳時攜帶pc的mac地址。頁面服務(wù)器每次收到pc上傳的可配置數(shù)據(jù)和mac地址后,將可配置數(shù)據(jù)保存為該mac地址對應(yīng)的口令的最新可配置數(shù)據(jù)。
用戶在手機(jī)app中啟動頁面預(yù)覽功能,并按照app的要求輸入口令,如圖7的左圖所示。app收到口令后,將口令作為預(yù)覽頁面的第二頁面標(biāo)識,向頁面服務(wù)器發(fā)送頁面預(yù)覽請求,在頁面預(yù)覽請求中攜帶口令和手機(jī)的imei號(手機(jī)的設(shè)備標(biāo)識)。
頁面服務(wù)器收到手機(jī)app的頁面預(yù)覽請求,保存口令和手機(jī)imei號的對應(yīng)關(guān)系,將該口令對應(yīng)的待生成頁面的固定數(shù)據(jù)標(biāo)識(用于告知手機(jī)要采用哪個頁面的固定數(shù)據(jù))、該口令的最新可配置數(shù)據(jù)返回給手機(jī)。手機(jī)app按照固定數(shù)據(jù)標(biāo)識從預(yù)存的若干個頁面框架中找到預(yù)覽頁面使用的頁面框架,將頁面框架和接收的可配置數(shù)據(jù)組合為頁面數(shù)據(jù),采用頁面數(shù)據(jù)向用戶顯示預(yù)覽頁面,如圖7的右圖所示。
手機(jī)app以預(yù)定輪詢周期向頁面服務(wù)器發(fā)送頁面預(yù)覽更新請求,其中包括手機(jī)imei號。頁面服務(wù)器將該手機(jī)imei號對應(yīng)的口令的最新可配置數(shù)據(jù)返回給手機(jī)。手機(jī)app按照頁面框架和接收的可配置數(shù)據(jù),更新向用戶顯示的預(yù)覽頁面。
與上述流程實(shí)現(xiàn)對應(yīng),本申請的實(shí)施例還提供了一種應(yīng)用在第一終端上的頁面預(yù)覽的實(shí)現(xiàn)裝置、一種應(yīng)用在第二終端上的頁面預(yù)覽的實(shí)現(xiàn)裝置、和一種應(yīng)用在服務(wù)端的頁面預(yù)覽的實(shí)現(xiàn)裝置。上述裝置均可以通過軟件實(shí)現(xiàn),也可以通過硬件或者軟硬件結(jié)合的方式實(shí)現(xiàn)。以軟件實(shí)現(xiàn)為例,作為邏輯意義上的裝置,是通過第一終端、第二終端或服務(wù)端所在設(shè)備的cpu(centralprocessunit,中央處理器)將對應(yīng)的計(jì)算機(jī)程序指令讀取到內(nèi)存中運(yùn)行形成的。從硬件層面而言,除了圖8所示的cpu、內(nèi)存以及非易失性存儲器之外,頁面預(yù)覽的實(shí)現(xiàn)裝置所在的第一終端或第二終端通常還包括用于進(jìn)行無線信號收發(fā)的芯片等其他硬件,服務(wù)端頁面預(yù)覽的實(shí)現(xiàn)裝置所在的設(shè)備通常還包括用于實(shí)現(xiàn)網(wǎng)絡(luò)通信功能的板卡等其他硬件。
圖9所示為本申請實(shí)施例提供的一種頁面預(yù)覽的實(shí)現(xiàn)裝置,應(yīng)用在第一終端上,包括頁面生成請求單元、頁面標(biāo)識提供單元和可配置數(shù)據(jù)上傳單元,其中:頁面生成請求單元用于向服務(wù)端發(fā)送頁面生成請求,接收服務(wù)端返回的頁面生成響應(yīng),所述頁面生成響應(yīng)中包括待生成頁面的第一頁面標(biāo)識;頁面標(biāo)識提供單元用于向用戶或第二終端提供所述第一頁面標(biāo)識;可配置數(shù)據(jù)上傳單元用于獲取用戶確定的待生成頁面的可配置數(shù)據(jù),將可配置數(shù)據(jù)發(fā)送給服務(wù)端,供服務(wù)端向第二終端下發(fā)所述可配置數(shù)據(jù),用來在第二終端上進(jìn)行頁面預(yù)覽;所述第二終端向服務(wù)端上傳的第二頁面標(biāo)識與所述第一頁面標(biāo)識相同。
可選的,所述頁面標(biāo)識提供單元具體用于:在可配置數(shù)據(jù)輸入頁面顯示攜帶有第一頁面標(biāo)識的二維碼,供第二終端掃描。
可選的,所述第一頁面標(biāo)識包括:對應(yīng)于待生成頁面的口令;所述頁面標(biāo)識提供單元具體用于:將口令顯示在可配置數(shù)據(jù)輸入頁面,供用戶獲取所述口令后在第二終端上輸入。
可選的,所述可配置數(shù)據(jù)上傳單元具體用于:獲取用戶確定的待生成頁面的可配置數(shù)據(jù),以預(yù)定上傳周期將已獲取的可配置數(shù)據(jù)發(fā)送給服務(wù)端。
可選的,所述頁面生成請求中還包括:第一終端的設(shè)備標(biāo)識;所述可配置數(shù)據(jù)上傳單元具體用于:獲取用戶確定的待生成頁面的可配置數(shù)據(jù),將可配置數(shù)據(jù)和第一終端的設(shè)備標(biāo)識發(fā)送給服務(wù)端。
圖10所示為本申請實(shí)施例提供的一種頁面預(yù)覽的實(shí)現(xiàn)裝置,應(yīng)用在第二終端上,包括頁面標(biāo)識獲取單元、頁面預(yù)覽請求單元和可配置數(shù)據(jù)接收單元,其中:頁面標(biāo)識獲取單元用于獲取預(yù)覽頁面的第二頁面標(biāo)識;頁面預(yù)覽請求單元用于向服務(wù)端發(fā)送包括所述第二頁面標(biāo)識的頁面預(yù)覽請求;可配置數(shù)據(jù)接收單元從服務(wù)端接收所述預(yù)覽頁面的可配置數(shù)據(jù),采用所述可配置數(shù)據(jù)顯示所述預(yù)覽頁面;所述可配置數(shù)據(jù)由第一終端上傳給服務(wù)端,服務(wù)端下發(fā)給第一終端的第一頁面標(biāo)識與所述第二頁面標(biāo)識相同。
可選的,所述頁面標(biāo)識獲取單元具體用于:根據(jù)用戶的指令,掃描第一終端顯示的二維碼,并解析出預(yù)覽頁面的第二頁面標(biāo)識。
可選的,所述第二頁面標(biāo)識包括:在第一終端上顯示的口令;所述頁面標(biāo)識獲取單元具體用于:接收用戶輸入的口令。
可選的,所述頁面預(yù)覽請求單元具體用于:以預(yù)定輪詢周期向服務(wù)端發(fā)送包括所述第二頁面標(biāo)識的頁面預(yù)覽請求;所述可配置數(shù)據(jù)接收單元具體用于:逐次從服務(wù)端接收所述預(yù)覽頁面的可配置數(shù)據(jù),采用所述可配置數(shù)據(jù)顯示預(yù)覽頁面。
可選的,所述頁面預(yù)覽請求中還包括:第二終端的設(shè)備標(biāo)識;所述裝置還包括:頁面預(yù)覽更新請求單元,用于以預(yù)定輪詢周期向服務(wù)端發(fā)送包括第二終端設(shè)備標(biāo)識的頁面預(yù)覽更新請求;逐次從服務(wù)端接收所述預(yù)覽頁面的可配置數(shù)據(jù),采用所述可配置數(shù)據(jù)刷新所顯示的預(yù)覽頁面。
圖11所示為本申請實(shí)施例提供的一種頁面預(yù)覽的實(shí)現(xiàn)裝置,應(yīng)用在服務(wù)端,包括頁面生成響應(yīng)單元、頁面預(yù)覽請求接收單元、上傳可配置數(shù)據(jù)接收單元和可配置數(shù)據(jù)下發(fā)單元,其中:頁面生成響應(yīng)單元用于根據(jù)第一終端的頁面生成請求,生成待生成頁面的第一頁面標(biāo)識,將攜帶有第一頁面標(biāo)識的頁面生成響應(yīng)發(fā)送給第一終端;頁面預(yù)覽請求接收單元用于接收第二終端包括預(yù)覽頁面第二頁面標(biāo)識的頁面預(yù)覽請求;上傳可配置數(shù)據(jù)接收單元用于接收第一終端上傳的待生成頁面的可配置數(shù)據(jù);可配置數(shù)據(jù)下發(fā)單元用于將第一終端上傳的可配置數(shù)據(jù)下發(fā)給第二終端,所述第二終端發(fā)送的頁面預(yù)覽請求中攜帶有與第一頁面標(biāo)識相同的第二頁面標(biāo)識。
可選的,所述頁面生成響應(yīng)單元具體用于:根據(jù)第一終端的頁面生成請求,生成對應(yīng)于待生成頁面的口令,將攜帶有口令的頁面生成響應(yīng)發(fā)送給第一終端。
可選的,所述頁面預(yù)覽請求接收單元具體用于:接收第一終端以預(yù)定上傳周期發(fā)送的可配置數(shù)據(jù)。
可選的,所述頁面生成請求中還包括:第一終端的設(shè)備標(biāo)識;所述上傳可配置數(shù)據(jù)接收單元具體用于:接收第一終端上傳的待生成頁面的可配置數(shù)據(jù)、和第一終端的設(shè)備標(biāo)識。
可選的,所述頁面預(yù)覽請求接收單元具體用于:接收第二終端以預(yù)定輪詢周期發(fā)送的包括所述第二頁面標(biāo)識的頁面預(yù)覽請求;所述可配置數(shù)據(jù)下發(fā)單元具體用于:在每次收到第二終端的頁面預(yù)覽請求后,將第一終端最后一次上傳的可配置數(shù)據(jù)下發(fā)給第二終端。
可選的,所述頁面預(yù)覽請求中還包括:第二終端的設(shè)備標(biāo)識;所述裝置還包括:頁面預(yù)覽更新響應(yīng)單元,用于在每次收到第二終端以預(yù)定輪詢周期發(fā)送的包括第二終端設(shè)備標(biāo)識的頁面預(yù)覽更新請求后,將第一終端最后一次上傳的可配置數(shù)據(jù)下發(fā)給第二終端。
以上所述僅為本申請的較佳實(shí)施例而已,并不用以限制本申請,凡在本申請的精神和原則之內(nèi),所做的任何修改、等同替換、改進(jìn)等,均應(yīng)包含在本申請保護(hù)的范圍之內(nèi)。
在一個典型的配置中,計(jì)算設(shè)備包括一個或多個處理器(cpu)、輸入/輸出接口、網(wǎng)絡(luò)接口和內(nèi)存。
內(nèi)存可能包括計(jì)算機(jī)可讀介質(zhì)中的非永久性存儲器,隨機(jī)存取存儲器(ram)和/或非易失性內(nèi)存等形式,如只讀存儲器(rom)或閃存(flashram)。內(nèi)存是計(jì)算機(jī)可讀介質(zhì)的示例。
計(jì)算機(jī)可讀介質(zhì)包括永久性和非永久性、可移動和非可移動媒體可以由任何方法或技術(shù)來實(shí)現(xiàn)信息存儲。信息可以是計(jì)算機(jī)可讀指令、數(shù)據(jù)結(jié)構(gòu)、程序的模塊或其他數(shù)據(jù)。計(jì)算機(jī)的存儲介質(zhì)的例子包括,但不限于相變內(nèi)存(pram)、靜態(tài)隨機(jī)存取存儲器(sram)、動態(tài)隨機(jī)存取存儲器(dram)、其他類型的隨機(jī)存取存儲器(ram)、只讀存儲器(rom)、電可擦除可編程只讀存儲器(eeprom)、快閃記憶體或其他內(nèi)存技術(shù)、只讀光盤只讀存儲器(cd-rom)、數(shù)字多功能光盤(dvd)或其他光學(xué)存儲、磁盒式磁帶,磁帶磁磁盤存儲或其他磁性存儲設(shè)備或任何其他非傳輸介質(zhì),可用于存儲可以被計(jì)算設(shè)備訪問的信息。按照本文中的界定,計(jì)算機(jī)可讀介質(zhì)不包括暫存電腦可讀媒體(transitorymedia),如調(diào)制的數(shù)據(jù)信號和載波。
還需要說明的是,術(shù)語“包括”、“包含”或者其任何其他變體意在涵蓋非排他性的包含,從而使得包括一系列要素的過程、方法、商品或者設(shè)備不僅包括那些要素,而且還包括沒有明確列出的其他要素,或者是還包括為這種過程、方法、商品或者設(shè)備所固有的要素。在沒有更多限制的情況下,由語句“包括一個……”限定的要素,并不排除在包括所述要素的過程、方法、商品或者設(shè)備中還存在另外的相同要素。
本領(lǐng)域技術(shù)人員應(yīng)明白,本申請的實(shí)施例可提供為方法、系統(tǒng)或計(jì)算機(jī)程序產(chǎn)品。因此,本申請可采用完全硬件實(shí)施例、完全軟件實(shí)施例或結(jié)合軟件和硬件方面的實(shí)施例的形式。而且,本申請可采用在一個或多個其中包含有計(jì)算機(jī)可用程序代碼的計(jì)算機(jī)可用存儲介質(zhì)(包括但不限于磁盤存儲器、cd-rom、光學(xué)存儲器等)上實(shí)施的計(jì)算機(jī)程序產(chǎn)品的形式。