能的應(yīng)用程序的展示頁面,例如微信、微博等;也可以是終端設(shè)備上的新聞?wù)故酒脚_等。終端設(shè)備可以是智能手機、平板電腦或個人計算機等。
[0043]圖1為本發(fā)明實施例中一種頁面的顯示方法的流程圖。如圖1所示,該方法用于位于網(wǎng)絡(luò)側(cè)的服務(wù)器中,包括以下步驟S11-S14:
[0044]步驟SI I,建立頁面顯示方式模板和頁面立體切換方式模板,頁面顯示方式模板包括預(yù)設(shè)的頁面中的元素各自的顯示方式,頁面立體切換方式模板包括預(yù)設(shè)的相鄰頁面的立體旋轉(zhuǎn)切換方式;
[0045]其中,頁面中的元素包括頁面中的圖片或文字,或者圖片和文字的組合;預(yù)設(shè)的頁面中的元素各自的顯示方式為將所述頁面中的圖片或文字或圖片和文字的組合按照預(yù)設(shè)的大小、顏色、顯示順序以及顯示效果進行顯示的方式。除大小、顏色、顯示順序以及顯示效果之外,在頁面顯示方式模板中還可對元素的其它屬性進行預(yù)先設(shè)定。例如,頁面顯示方式模板中預(yù)設(shè)的文字大小包括大、中、小三種,圖片顯示風(fēng)格包括黑白、立體、浮雕、懷舊等,文字出現(xiàn)方式為旋轉(zhuǎn)式出現(xiàn)方式、兩側(cè)翻轉(zhuǎn)式出現(xiàn)方式、從上而下式出現(xiàn)方式等,用戶可選擇相應(yīng)的文字或者圖片按照頁面顯示方式模板中預(yù)設(shè)的顯示效果進行顯示。此外,立體切換方式模板中,相鄰頁面的立體旋轉(zhuǎn)切換方式也包括多種,例如立方體式旋轉(zhuǎn)方式或正六棱柱體式旋轉(zhuǎn)方式。
[0046]步驟S12,接收將頁面中的元素配置到頁面顯示方式模板中的配置操作,并接收將頁面配置到頁面立體切換方式模板中的配置操作。
[0047]步驟S13,當(dāng)接收到對頁面的顯示指令時,按照頁面顯示方式模板顯示頁面。
[0048]步驟S14,當(dāng)接收到對頁面的切換指令時,按照頁面立體切換方式模板將當(dāng)前頁面切換至下一張頁面。
[0049]本發(fā)明實施例提供的技術(shù)方案,通過建立頁面顯示方式模板和頁面立體切換方式模板,將頁面按照頁面顯示方式模板進行顯示,并將頁面之間按照頁面立體切換方式模板進行切換,使得頁面顯示效果及頁面切換方式不再平淡,實現(xiàn)了頁面中元素的動態(tài)顯示及頁面間的立體切換,從而使用戶能夠在絢麗的特效中瀏覽頁面,且用戶無需安裝任何客戶端,直接打開頁面即可瀏覽動態(tài)顯示和立體切換的頁面,提高了用戶的體驗度。
[0050]在一個實施例中,步驟S13可以實施為以下步驟:當(dāng)接收到對頁面的顯示指令時,將配置到頁面顯示方式模板中的元素按照預(yù)設(shè)的所述頁面中的元素各自的顯示方式進行顯不O
[0051]在一個實施例中,步驟S14可以實施為以下步驟:當(dāng)接收到對頁面的切換指令時,按照預(yù)設(shè)的相鄰頁面的立體旋轉(zhuǎn)切換方式將當(dāng)前頁面切換至下一張頁面。
[0052]上述方法中,立體旋轉(zhuǎn)切換方式可以是任意多面體旋轉(zhuǎn)的切換方式,典型的如立方體式旋轉(zhuǎn)方式或六棱柱體式旋轉(zhuǎn)方式。當(dāng)預(yù)設(shè)的相鄰頁面的立體旋轉(zhuǎn)切換方式為立方體式旋轉(zhuǎn)方式時,步驟S14可以實施為以下步驟:當(dāng)接收到對頁面的切換指令時,按照立方體式旋轉(zhuǎn)方式將當(dāng)前頁面切換至下一張頁面。當(dāng)預(yù)設(shè)的相鄰頁面的立體旋轉(zhuǎn)切換方式為六棱柱體式旋轉(zhuǎn)方式時,步驟S14可以實施為以下步驟:當(dāng)接收到對頁面的切換指令時,按照六棱柱體式旋轉(zhuǎn)方式將當(dāng)前頁面切換至下一張頁面。圖2和圖3分別為立方體式旋轉(zhuǎn)方式和六棱柱體式旋轉(zhuǎn)方式的立體示意圖。如圖2所示,當(dāng)用戶打開終端設(shè)備瀏覽頁面時,頁面通過立方體式旋轉(zhuǎn)方式進行顯示,當(dāng)前頁面為圖2中所示的“頁面1”,當(dāng)用戶需要瀏覽下一張頁面時,只需從右向左滑動終端設(shè)備屏幕上顯示的立方體,此時立方體隨用戶的滑動操作向左旋轉(zhuǎn)至相鄰側(cè)面,并顯示如圖2中所示的“頁面2”。如圖3所示,當(dāng)用戶打開終端設(shè)備瀏覽頁面時,頁面通過六棱柱體式旋轉(zhuǎn)方式進行顯示,當(dāng)前頁面為圖3中所示的“頁面1”,當(dāng)用戶需要瀏覽下一張頁面時,可以從右向左滑動終端設(shè)備屏幕上顯示的六棱柱體,此時六棱柱體隨用戶的滑動操作向左旋轉(zhuǎn)至相鄰側(cè)面,并顯示如圖3中所示的“頁面2”,也可以從上之下滑動終端屏幕上顯示的劉棱柱體,此時六棱柱體隨用戶的滑動操作向下旋轉(zhuǎn),并顯示如圖3中所示的“頁面2”。
[0053]在一個實施例中,當(dāng)頁面已切換至最后一張時,上述方法還可按照以下步驟實施:當(dāng)接收到對頁面的切換指令時,判斷當(dāng)前頁面是否為最后一張頁面;當(dāng)當(dāng)前頁面為最后一張頁面時,按照頁面立體切換方式模板將當(dāng)前頁面切換至第一張頁面。
[0054]該實施例中,當(dāng)切換到最后一張頁面時,可繼續(xù)切換至第一張頁面,從而實現(xiàn)了頁面切換的循環(huán)效果,尤其在頁面數(shù)量較多時,用戶無需一張張后退即可重復(fù)瀏覽頁面,使得用戶操作起來更加方便快捷。
[0055]圖4為本發(fā)明一具體實施例中一種頁面的顯示方法的流程圖。在該實施例中,以智能手機上安裝的X信為例。如圖4所示,該方法用于位于網(wǎng)絡(luò)側(cè)的服務(wù)器中,包括以下步驟 S41-S46:
[0056]步驟S41,后臺人員搭建X信后端管理平臺,同時服務(wù)器建立頁面顯示方式模板和頁面立體切換方式模板;頁面顯示方式模板包括預(yù)設(shè)的頁面中的元素各自的顯示方式,頁面立體切換方式模板包括預(yù)設(shè)的相鄰頁面的立體旋轉(zhuǎn)切換方式;
[0057]步驟S42,后臺人員選擇X信前端要展示的頁面中的圖片和文字,并將選擇的圖片和文字配置到頁面顯示方式模板中,同時選擇X信前端要展示的多張頁面,并將多張頁面配置到頁面立體切換方式模板中;
[0058]例如,后臺人員選擇一段文字,并將該段文字配置到頁面顯示方式模板中預(yù)設(shè)的文字大小為“中”、文字出現(xiàn)方式為“從上至下”、文字顏色為“紅色”、文字字體為“宋體”、文字出現(xiàn)順序為“每兩個文字陸續(xù)出現(xiàn)”等;后臺人員選擇頁面之間的切換方式為頁面立體切換方式模板中預(yù)設(shè)的立方體式旋轉(zhuǎn)方式;
[0059]步驟S43,服務(wù)器接收將頁面中的元素配置到頁面顯示方式模板中的配置操作,并接收將頁面配置到頁面立體切換方式模板中的配置操作;
[0060]步驟S44,服務(wù)器將配置后的頁面顯示方式模板和頁面立體切換方式模板進行保存;
[0061]步驟S45,當(dāng)用戶打開X信頁面時,服務(wù)器按照配置后的頁面顯示方式模板顯示頁面;
[0062]步驟S46,當(dāng)用戶將X信的當(dāng)前頁面切換至下一張頁面時,服務(wù)器按照配置后的頁面立體切換方式模板將當(dāng)前頁面切換至下一張頁面。
[0063]該技術(shù)方案通過建立頁面顯示方式模板和頁面立體切換方式模板,將頁面按照頁面顯示方式模板進行顯示,并將頁面之間按照頁面立體切換方式模板進行切換,使得頁面顯示效果及頁面切換方式不再平淡,實現(xiàn)了頁面中元素的動態(tài)顯示及頁面間的立體切換,從而使用戶能夠在絢麗的特效中瀏覽頁面,且用戶無需安裝任何客戶端,直接打開頁面即可瀏覽動態(tài)顯示和立體切換的頁面,提高了用戶的體驗度。
[0064]圖5為本發(fā)明實施例中一種頁面的顯示裝置的框圖。如圖5所示,包括:
[0065]建立模塊51,用于建立頁面顯示方式模板和頁面立體切換方式模板,頁面顯示方式模板包括預(yù)設(shè)的頁面中的元素各自的顯示方式,頁面立體切換方式模板包括預(yù)設(shè)的相鄰頁面的立體旋轉(zhuǎn)切換方式;
[0066]接收模塊52,用于接收將頁面中的元素配置到頁面顯示方式模板中的配置操作,并接收將頁面配置到頁面立體切換方式模板中的配置操作;
[0067]顯示模塊53,用于當(dāng)接收到對頁面的顯示指令時,按照頁面顯示方式模板顯示頁面;
[0068]第一切換模塊54,用于當(dāng)接收到對頁面的切換指令時,按照頁面立體切換方式模板將當(dāng)前頁面切換至下一張頁面。
[0069]在一個實施例中