信息展示方法和裝置的制造方法
【專利摘要】本發(fā)明提出一種信息展示方法和裝置,該信息展示方法包括獲取要展示的信息;以粒子流形式,展示所述信息。該方法可以有效提升信息的展示效果。
【專利說明】
信息展示方法和裝置
技術(shù)領(lǐng)域
[0001]本發(fā)明涉及互聯(lián)網(wǎng)技術(shù)領(lǐng)域,尤其涉及一種信息展示方法和裝置。
【背景技術(shù)】
[0002]用戶采用電子商務(wù)網(wǎng)站內(nèi)的搜索引擎進(jìn)行商品搜索時(shí),可以在頁(yè)面搜索框中輸入關(guān)鍵詞,服務(wù)端根據(jù)關(guān)鍵詞獲取對(duì)應(yīng)的商品后,將商品推送給客戶端,客戶端以列表形式將商品展示在頁(yè)面的商品列表區(qū),頁(yè)面中還可以包括庫(kù)存量單位(Stock Keeping Unit, SKU)區(qū)域,該區(qū)域用于標(biāo)識(shí)商品屬性,例如,顏色,尺碼,價(jià)格區(qū)間等,用戶可以在SKU區(qū)域進(jìn)行商品屬性選擇。當(dāng)用戶重新輸入關(guān)鍵詞或者在SKU區(qū)域中選擇新的屬性,客戶端都需要重新加載頁(yè)面,并在新的頁(yè)面上以列表形式展示新的商品。
[0003]現(xiàn)有技術(shù)中以列表形式展示商品的方式,展示效果較差。
【發(fā)明內(nèi)容】
[0004]本發(fā)明旨在至少在一定程度上解決相關(guān)技術(shù)中的技術(shù)問題之一。
[0005]為此,本發(fā)明的一個(gè)目的在于提出一種信息展示方法,該方法可以有效提升信息的展示效果。
[0006]本發(fā)明的另一個(gè)目的在于提出一種信息展示裝置。
[0007]為達(dá)到上述目的,本發(fā)明第一方面實(shí)施例提出的信息展示方法,包括:獲取要展示的信息;以粒子流形式,展示所述信息。
[0008]本發(fā)明第一方面實(shí)施例提出的信息展示方法,通過獲取要展示的信息,并以粒子流形式展示信息,由于是以粒子流的形式,可以提高展示效果;并且,通過粒子流形式,當(dāng)要展示更新后的信息時(shí)可以無需重新加載頁(yè)面,避免對(duì)用戶操作的打斷,提升用戶體驗(yàn)。
[0009]為達(dá)到上述目的,本發(fā)明第二方面實(shí)施例提出的信息展示裝置,包括:第一獲取模塊,用于獲取要展示的信息;第一展示模塊,用于以粒子流形式,展示所述信息。
[0010]本發(fā)明第二方面實(shí)施例提出的信息展示裝置,通過獲取要展示的信息,并以粒子流形式展示信息,由于是以粒子流的形式,可以提高展示效果;并且,通過粒子流形式,當(dāng)要展示更新后的信息時(shí)可以無需重新加載頁(yè)面,避免對(duì)用戶操作的打斷,提升用戶體驗(yàn)。
[0011]為達(dá)到上述目的,本發(fā)明第三方面實(shí)施例提出的電子設(shè)備,包括:顯示屏;處理器;存儲(chǔ)器,用于存儲(chǔ)預(yù)設(shè)代碼,所述預(yù)設(shè)代碼被所述處理器執(zhí)行時(shí),獲取要展示的信息,并以粒子流形式,在所述顯示屏上展示所述信息。
[0012]本發(fā)明第三方面實(shí)施例提出的電子設(shè)備,通過獲取要展示的信息,并以粒子流形式展示信息,由于是以粒子流的形式,可以提高展示效果;并且,通過粒子流形式,當(dāng)要展示更新后的信息時(shí)可以無需重新加載頁(yè)面,避免對(duì)用戶操作的打斷,提升用戶體驗(yàn)。
[0013]本發(fā)明附加的方面和優(yōu)點(diǎn)將在下面的描述中部分給出,部分將從下面的描述中變得明顯,或通過本發(fā)明的實(shí)踐了解到。
【附圖說明】
[0014]本發(fā)明上述的和/或附加的方面和優(yōu)點(diǎn)從下面結(jié)合附圖對(duì)實(shí)施例的描述中將變得明顯和容易理解,其中:
[0015]圖1是本發(fā)明一實(shí)施例提出的信息展示方法的流程示意圖;
[0016]圖2是本發(fā)明實(shí)施例中信息區(qū)的結(jié)構(gòu)示意圖;
[0017]圖3是本發(fā)明實(shí)施例中第一區(qū)域示意圖;
[0018]圖4是本發(fā)明實(shí)施例中第二區(qū)域示意圖;
[0019]圖5是本發(fā)明實(shí)施例中第三區(qū)域示意圖;
[0020]圖6是本發(fā)明實(shí)施例中第四區(qū)域示意圖;
[0021]圖7是本發(fā)明實(shí)施例中速度控制條的示意圖;
[0022]圖8是本發(fā)明實(shí)施例中動(dòng)畫開關(guān)按鈕的示意圖;
[0023]圖9是本發(fā)明實(shí)施例中視圖切換按鈕的示意圖;
[0024]圖10是本發(fā)明實(shí)施例中以粒子流形式展示信息的流程示意圖;
[0025]圖11是本發(fā)明實(shí)施例中收藏商品信息的流程示意圖;
[0026]圖12是本發(fā)明實(shí)施例中一種控制流程示意圖;
[0027]圖13是本發(fā)明實(shí)施例中另一種控制流程示意圖;
[0028]圖14是本發(fā)明實(shí)施例中更新流程不意圖;
[0029]圖15是本發(fā)明另一實(shí)施例提出的信息展示裝置的結(jié)構(gòu)示意圖;
[0030]圖16是本發(fā)明另一實(shí)施例提出的信息展示裝置的結(jié)構(gòu)示意圖。
【具體實(shí)施方式】
[0031]下面詳細(xì)描述本發(fā)明的實(shí)施例,所述實(shí)施例的示例在附圖中示出,其中自始至終相同或類似的標(biāo)號(hào)表示相同或類似的元件或具有相同或類似功能的元件。下面通過參考附圖描述的實(shí)施例是示例性的,僅用于解釋本發(fā)明,而不能理解為對(duì)本發(fā)明的限制。相反,本發(fā)明的實(shí)施例包括落入所附加權(quán)利要求書的精神和內(nèi)涵范圍內(nèi)的所有變化、修改和等同物。
[0032]圖1是本發(fā)明一實(shí)施例提出的信息展示方法的流程示意圖,該方法包括:
[0033]Sll:獲取要展示的信息。
[0034]其中,要展不的?目息可以具體是商品?目息。
[0035]例如,用戶在客戶端的搜索框中輸入關(guān)鍵詞后,客戶端可以將關(guān)鍵詞發(fā)送給服務(wù)端,服務(wù)端根據(jù)關(guān)鍵詞檢測(cè)到對(duì)應(yīng)的商品信息后,將商品信息發(fā)送給客戶端,從而客戶端可以從服務(wù)端獲取商品信息。
[0036]S12:以粒子流形式,展示所述信息。
[0037]例如,客戶端獲取商品信息后,以粒子流形式展示商品信息。
[0038]粒子流形式是指信息在展示信息的頁(yè)面內(nèi)不斷流入以及流出的展示形式。
[0039]現(xiàn)有技術(shù)中,商品信息是以列表形式展示在頁(yè)面的商品列表區(qū),該方式是一種靜態(tài)方式,而本實(shí)施例中,在頁(yè)面上以粒子流形式展示商品信息,由于粒子流形式是信息不斷流入及流出的形式,因此,可以實(shí)現(xiàn)商品信息的動(dòng)態(tài)展示,提升展示效果。
[0040]信息可以展示在搜索結(jié)果頁(yè),當(dāng)前的搜索結(jié)果頁(yè)可以稱為當(dāng)前頁(yè)面。
[0041]進(jìn)一步的,現(xiàn)有技術(shù)中,當(dāng)用戶輸入新的關(guān)鍵詞或者在SKU區(qū)域選擇新的屬性值時(shí),客戶端都需要重新加載新的頁(yè)面,并將新的商品信息展示在新的頁(yè)面內(nèi)。
[0042]而本實(shí)施例中,可以不需要加載新的頁(yè)面,依然在當(dāng)前頁(yè)面中展示新的商品信息。
[0043]具體的,當(dāng)所述信息包括更新前的信息時(shí),所述以粒子流形式,展示所述信息,包括:
[0044]以粒子流形式,在當(dāng)前頁(yè)面內(nèi)展示所述更新前的信息;
[0045]所述方法還包括:
[0046]獲取更新后的信息;
[0047]以粒子流形式,在所述當(dāng)前頁(yè)面內(nèi)展示所述更新后的信息。
[0048]通過將更新后的信息展示在更新前的信息所在的當(dāng)前頁(yè)面,可以不需要加載新的頁(yè)面,從而避免重新加載頁(yè)面對(duì)用戶操作的打斷。
[0049]可選的,以信息是商品信息為例,當(dāng)前頁(yè)面可以包括搜索區(qū)和信息區(qū),其中,搜索區(qū)包括搜索框,用戶可以在搜索框內(nèi)輸入關(guān)鍵詞,發(fā)起搜索;信息區(qū)用于展示商品信息。
[0050]可選的,當(dāng)前頁(yè)面還可以包括SKU區(qū)域,用戶可以在SKU區(qū)域選擇商品屬性,例如,選擇顏色,尺碼等??梢岳斫獾氖?,由于本發(fā)明實(shí)施例中,后續(xù)會(huì)出現(xiàn)篩選區(qū),用戶可以在篩選區(qū)進(jìn)行商品屬性選擇,因此本發(fā)明實(shí)施例中也可以不設(shè)置SKU區(qū)域。
[0051]現(xiàn)有技術(shù)中,信息區(qū)也可以稱為商品列表區(qū),商品信息以列表形式展示在信息區(qū),而本實(shí)施例中,商品信息以粒子流形式展示在信息區(qū)。
[0052]可選的,參見圖2,信息區(qū)20可以包括第一區(qū)域21,第一區(qū)域21也可以稱為畫布區(qū),商品信息具體展示在第一區(qū)域21。
[0053]具體的,商品信息以粒子流形式展示在第一區(qū)域內(nèi)。例如,參見圖3,第一區(qū)域21中出現(xiàn)了三個(gè)商品信息,且三個(gè)商品信息處于不斷移動(dòng)的狀態(tài),移動(dòng)方向例如為從上向下移動(dòng)??梢岳斫獾氖牵苿?dòng)速度以及移動(dòng)方向可以預(yù)先設(shè)置。
[0054]可選的,商品信息在移動(dòng)時(shí)根據(jù)商品信息所在位置的不同可以采用不同的移動(dòng)速度。例如,所述當(dāng)前要展示的信息在所述第一區(qū)域內(nèi)從上向下移動(dòng),且,所述當(dāng)前要展示的信息在所述第一區(qū)域的中間位置上的移動(dòng)速度,小于,所述當(dāng)前要展示的信息在所述第一區(qū)域的上下兩端上的移動(dòng)速度。具體的,不同位置處的移動(dòng)速度可以根據(jù)貝塞爾函數(shù)實(shí)現(xiàn),例如,貝塞爾函數(shù)為 cubic-bezier (O,.3,.99,.3)。
[0055]可選的,參見圖2,信息區(qū)20可以包括第二區(qū)域22,第二區(qū)域22也可以稱為收藏區(qū),用戶可以將選中的商品信息收藏在第二區(qū)域22。
[0056]可選的,當(dāng)在所述第一區(qū)域中選擇信息后,將所述選擇的信息添加到所述第二區(qū)域。
[0057]具體的,商品信息可以收藏在第二區(qū)域內(nèi)。例如,參見圖4,用戶可以通過第一區(qū)域中展示的商品信息進(jìn)行收藏操作后,將商品信息收藏到第二區(qū)域中。例如,用戶在第一區(qū)域中點(diǎn)擊一個(gè)商品信息后,將用戶點(diǎn)擊的商品信息添加到第二區(qū)域。將商品信息添加到第二區(qū)域后,在第二區(qū)域內(nèi),用戶可以對(duì)第二區(qū)域內(nèi)的商品信息進(jìn)行刪除,比對(duì),進(jìn)入商品詳情頁(yè)中的一項(xiàng)或者多項(xiàng)。具體的,可以通過設(shè)置功能按鈕,實(shí)現(xiàn)相應(yīng)操作。
[0058]可選的,參見圖2,信息區(qū)20可以包括第三區(qū)域23,第三區(qū)域23也可以稱為篩選區(qū),用戶可以在第三區(qū)域23內(nèi)選擇標(biāo)簽。標(biāo)簽用于標(biāo)識(shí)商品屬性,例如商品的顏色,或者品牌等。初始的標(biāo)簽可以是系統(tǒng)預(yù)先設(shè)置的,之后,用戶可以新增標(biāo)簽或者刪除標(biāo)簽等,或者,也可以由系統(tǒng)根據(jù)用戶選擇的商品信息自動(dòng)添加標(biāo)簽。
[0059]例如,參見圖5,初始時(shí)可以默認(rèn)設(shè)置一個(gè)或多個(gè)標(biāo)簽,該一個(gè)或多個(gè)標(biāo)簽可以組成標(biāo)簽列表,用戶可以在“輸入標(biāo)簽”的位置處輸入要添加的標(biāo)簽,并且點(diǎn)擊“添加”后,在標(biāo)簽列表中新增標(biāo)簽;或者,每個(gè)標(biāo)簽可以對(duì)應(yīng)設(shè)置刪除標(biāo)識(shí),當(dāng)用戶點(diǎn)擊刪除標(biāo)識(shí)后可以刪除對(duì)應(yīng)的標(biāo)簽;或者,用戶在第一區(qū)域內(nèi)選擇一個(gè)商品信息后,該商品信息具有的標(biāo)簽可以自動(dòng)添加到標(biāo)簽列表中。
[0060]具體的,用戶可以在第三區(qū)域23內(nèi)選擇喜好的商品屬性,例如,選擇深藍(lán)??蛻舳双@取到用戶選擇的標(biāo)簽后,將標(biāo)簽發(fā)送至服務(wù)端,服務(wù)端根據(jù)標(biāo)簽,在預(yù)先建立的數(shù)據(jù)庫(kù)中獲取對(duì)應(yīng)的商品信息,例如,將顏色是深藍(lán)的商品信息發(fā)回客戶端,由客戶端在第一區(qū)域內(nèi)展示給用戶。
[0061]可選的,參見圖2,信息區(qū)20可以包括第四區(qū)域24,第四區(qū)域24也可以稱為控制區(qū),用戶可以在第四區(qū)域24內(nèi)控制信息區(qū)的展示形式。
[0062]可選的,可以根據(jù)所述第四區(qū)域24內(nèi)的可供選擇的功能項(xiàng),確定所述信息區(qū)的展示形式,并以所述確定的展示形式展示所述信息區(qū)。
[0063]例如,參見圖6,第四區(qū)域24內(nèi)的可供選擇的功能項(xiàng)包括如下項(xiàng)中的至少一項(xiàng):
[0064]速度控制條61,用于控制所述信息在所述第一區(qū)域內(nèi)移動(dòng)速度;
[0065]例如,初始時(shí)可以默認(rèn)將速度控制條設(shè)置在常速,如圖7所示,當(dāng)向右移動(dòng)初始時(shí)位于中間位置的控制標(biāo)識(shí)時(shí),可以進(jìn)行加速,當(dāng)向左移動(dòng)初始時(shí)位于中間位置的控制標(biāo)識(shí)時(shí),可以進(jìn)行減速。
[0066]其中,商品信息的不同位置的移動(dòng)速度可以不同,例如,中間位置的移動(dòng)速度慢,上下兩端的移動(dòng)速度快,或者,還可以根據(jù)商品信息的熱度值確定移動(dòng)速度,例如,熱度值高的商品信息的移動(dòng)速度慢,熱度值例如根據(jù)銷量,價(jià)格,評(píng)價(jià)等中的一項(xiàng)或者多項(xiàng)確定。
[0067]具體的,實(shí)現(xiàn)商品信息移動(dòng)的模塊可以稱為產(chǎn)品模塊,可以通過設(shè)置產(chǎn)品模塊的層疊樣式表(Cascading Style Sheets,CSS)的 animat1n-durat1n 屬性,實(shí)現(xiàn)移動(dòng)速度的設(shè)置。
[0068]動(dòng)畫開關(guān)按鈕62,用于控制所述第一區(qū)域內(nèi)是否是動(dòng)畫展示形式;其中,如果是動(dòng)畫展示形式,則信息在第一區(qū)域內(nèi)以粒子流形式不斷移動(dòng),如果不是動(dòng)畫展示形式,則信息在第一區(qū)域內(nèi)靜止。
[0069]例如,初始時(shí)可以處于“0N”狀態(tài),如圖8所示,當(dāng)用戶點(diǎn)擊動(dòng)畫開關(guān)按鈕后,可以由“0N”狀態(tài)轉(zhuǎn)為“OFF”狀態(tài),當(dāng)再點(diǎn)擊“OFF”狀態(tài)的動(dòng)畫開關(guān)按鈕后,可以再由“OFF”狀態(tài)轉(zhuǎn)為“0N”狀態(tài)。
[0070]具體的,可以通過將產(chǎn)品模塊CSS的animat1n-play-state屬性設(shè)置為pause或者running,實(shí)現(xiàn)動(dòng)畫的開關(guān)。
[0071]視圖切換按鈕63,用于控制所述信息區(qū)是列表視圖或者粒子視圖。其中,如果是列表視圖,則信息在第一區(qū)域內(nèi)以列表形式進(jìn)行展示,如果是粒子視圖,則信息在第一區(qū)域內(nèi)以粒子流形式展示。
[0072]例如,參見圖9,初始時(shí)可以處于粒子視圖,當(dāng)點(diǎn)擊視圖切換按鈕后,由粒子視圖切換為列表視圖。之后,通過再次點(diǎn)擊,可以由列表視圖切換為粒子視圖。
[0073]本實(shí)施例中,通過以粒子流形式展示信息,可以提高展示效果。
[0074]以展示的信息是商品信息為例,圖10是本發(fā)明實(shí)施例中以粒子流形式展示信息的流程示意圖,包括:
[0075]SlOl:發(fā)射計(jì)時(shí)器達(dá)到計(jì)時(shí)周期。
[0076]其中,發(fā)射計(jì)時(shí)器是推送商品信息的計(jì)時(shí)器,計(jì)時(shí)周期可以預(yù)先設(shè)置。
[0077]以粒子流形式展示的商品信息可以稱為商品粒子流,通過改變發(fā)射計(jì)時(shí)器的計(jì)時(shí)周期,可以控制商品粒子流發(fā)射的頻率。
[0078]具體的,每個(gè)商品信息可以稱為一個(gè)產(chǎn)品粒子,用于推送商品信息的發(fā)射器可以根據(jù)用戶瀏覽器窗口大小、收藏區(qū)大小、產(chǎn)品模塊大小計(jì)算畫布區(qū)能展示產(chǎn)品粒子流的最大列數(shù),設(shè)置間隔時(shí)間,依次在不同列中循環(huán)發(fā)射產(chǎn)品粒子。
[0079]S102:判斷畫布區(qū)的動(dòng)畫是否暫停,若是,執(zhí)行步驟S103,否則執(zhí)行步驟S104及其后續(xù)步驟。
[0080]例如,當(dāng)檢測(cè)到用戶點(diǎn)擊到商品信息上,確定動(dòng)畫暫停,或者,檢測(cè)到動(dòng)畫開關(guān)按鈕處于關(guān)狀態(tài)時(shí),確定動(dòng)畫暫停。
[0081]S103:不執(zhí)行任何操作。
[0082]S104:確定當(dāng)前要展示的商品信息所在的當(dāng)前列,以及確定當(dāng)前列的下一列的商品?目息。
[0083]其中,商品信息可以以列形式進(jìn)行保存,發(fā)射器依次發(fā)送每列的商品信息。
[0084]S105:確定每個(gè)商品信息的移動(dòng)速度以及動(dòng)畫時(shí)長(zhǎng)。
[0085]其中,移動(dòng)速度可以根據(jù)商品信息位置的不同改變,或者,移動(dòng)速度也可以根據(jù)商品ig息的熱度值確定。
[0086]動(dòng)畫時(shí)長(zhǎng)可以根據(jù)移動(dòng)速度以及商品信息要經(jīng)過的路徑的長(zhǎng)度確定。
[0087]S106:生成產(chǎn)品模塊,并添加到文檔流中。
[0088]其中,每個(gè)商品信息可以對(duì)應(yīng)生成一個(gè)產(chǎn)品模塊,每個(gè)產(chǎn)品模塊可以作為一個(gè)文檔對(duì)象模型(Document Object Model, DOM)添加到文檔流中。
[0089]當(dāng)將商品信息添加到文檔流后,可以在頁(yè)面的第一區(qū)域中以粒子流形式展示商品信息。例如,發(fā)射器按照發(fā)射周期從文檔流中讀取包含商品信息的產(chǎn)品模塊,并進(jìn)行發(fā)射,產(chǎn)品模塊在被發(fā)射后,按照產(chǎn)品模塊的移動(dòng)速度在第一區(qū)域內(nèi)移動(dòng),形成產(chǎn)品粒子流,每個(gè)廣品模塊對(duì)應(yīng)展不商品?目息。
[0090]本實(shí)施例中,可以監(jiān)聽產(chǎn)品模塊對(duì)應(yīng)的CSS代碼中的animat1nEnd事件,當(dāng)產(chǎn)品粒子從頁(yè)面下方流出時(shí),觸發(fā)該事件,此時(shí)服務(wù)端將該產(chǎn)品模塊的DOM從文檔流中移除,保證內(nèi)存不會(huì)溢出,可以無限推送產(chǎn)品粒子流。
[0091]可選的,用戶還可以將展示的商品信息進(jìn)行收藏。參見圖11,圖11是本發(fā)明實(shí)施例中收藏商品信息的流程示意圖,包括:
[0092]SllOl:確定用戶在第一區(qū)域內(nèi)的操作。
[0093]用戶在第一區(qū)域內(nèi)的操作例如用戶將鼠標(biāo)移入產(chǎn)品模塊,或者用戶在第一區(qū)域內(nèi)點(diǎn)擊某廣品t旲塊。
[0094]S1102:判斷該操作是否是用戶將鼠標(biāo)移入產(chǎn)品模塊,若是,則執(zhí)行步驟S1103,否則執(zhí)行步驟SI 104。
[0095]通過檢測(cè)鼠標(biāo)的位置,以及產(chǎn)品模塊的位置,可以確定鼠標(biāo)是否移入產(chǎn)品模塊。
[0096]S1103:暫停第一區(qū)域內(nèi)的動(dòng)畫。
[0097]當(dāng)鼠標(biāo)移入任一個(gè)產(chǎn)品模塊時(shí),第一區(qū)域內(nèi)的動(dòng)畫暫停,所有產(chǎn)品模塊保持靜止。
[0098]S1104:判斷該操作是否是用戶將鼠標(biāo)移出產(chǎn)品模塊,若是,則執(zhí)行步驟S1105-S1107,否則執(zhí)行步驟 S1108-S1110。
[0099]S1105:判斷第一區(qū)域內(nèi)的全局動(dòng)畫是否關(guān)閉,若是,則執(zhí)行步驟S1106,否則執(zhí)行步驟S1107。
[0100]當(dāng)檢測(cè)到動(dòng)畫開關(guān)按鈕處于“0N”狀態(tài)時(shí)表明全局動(dòng)畫開啟,當(dāng)檢測(cè)到動(dòng)畫開關(guān)按鈕處于“OFF”狀態(tài)時(shí)表明全局動(dòng)畫關(guān)閉。
[0101]S1106:不執(zhí)行任何操作。
[0102]S1107:開啟第一區(qū)域內(nèi)的動(dòng)畫。
[0103]當(dāng)開啟動(dòng)畫后,產(chǎn)品模塊從靜止?fàn)顟B(tài)恢復(fù)為移動(dòng)狀態(tài)。
[0104]S1108:判斷用戶在第一區(qū)域內(nèi)是否選擇了產(chǎn)品,若是,則執(zhí)行步驟S1109,否則執(zhí)行步驟SI 110。
[0105]當(dāng)用戶點(diǎn)擊一個(gè)產(chǎn)品模塊后,表明用戶選擇該點(diǎn)擊的產(chǎn)品模塊對(duì)應(yīng)的產(chǎn)品。
[0106]S1109:將用戶選擇的產(chǎn)品添加到第二區(qū)域,并將選擇的產(chǎn)品對(duì)應(yīng)的標(biāo)簽,添加到第三區(qū)域。
[0107]其中,每個(gè)產(chǎn)品可以預(yù)先設(shè)置標(biāo)簽,在用戶點(diǎn)擊選擇一個(gè)產(chǎn)品后,不僅可以將該產(chǎn)品添加到第二區(qū)域,從而在第二區(qū)域中展示選擇的產(chǎn)品的商品信息,還可以將該產(chǎn)品的標(biāo)簽自動(dòng)添加到第三區(qū)域,例如,將產(chǎn)品的品牌添加到第三區(qū)域。
[0108]SlllO:不執(zhí)行任何操作。
[0109]可選的,用戶還可以對(duì)商品信息的展示效果進(jìn)行控制操作。
[0110]參見圖12,以控制動(dòng)畫開關(guān)為例,本發(fā)明實(shí)施例提出的一種控制流程可以包括:
[0111]S121:用戶按下動(dòng)畫開關(guān)按鈕或者鍵盤空格鍵。
[0112]例如,用戶可以通過點(diǎn)擊第四區(qū)域內(nèi)動(dòng)畫開關(guān)按鈕,或者,也可以按下鍵盤空格鍵。
[0113]S122:判斷當(dāng)前全局動(dòng)畫是否關(guān)閉,若是,則執(zhí)行步驟S123,否則執(zhí)行步驟S124。
[0114]可以通過檢測(cè)動(dòng)畫開關(guān)按鈕的狀態(tài)來判斷當(dāng)前全局動(dòng)畫是否關(guān)閉,例如,當(dāng)前的動(dòng)畫開關(guān)按鈕的狀態(tài)是“0N”,則表明全局動(dòng)畫開啟,當(dāng)前的動(dòng)畫開關(guān)按鈕的狀態(tài)是“0FF”,則表明全局動(dòng)畫關(guān)閉。
[0115]S123:開啟第一區(qū)域內(nèi)的動(dòng)畫。
[0116]例如,將動(dòng)畫開關(guān)按鈕的狀態(tài)從“OFF”切換為“0N”。
[0117]S124:關(guān)閉第一區(qū)域內(nèi)的動(dòng)畫。
[0118]例如,將動(dòng)畫開關(guān)按鈕的狀態(tài)從“0N”切換為“OFF”。
[0119]另外,用戶還可以控制動(dòng)畫速度,當(dāng)動(dòng)畫速度快時(shí),商品信息的移動(dòng)速度快,否則移動(dòng)速度慢,參見圖13,以控制動(dòng)畫速度為例,本發(fā)明實(shí)施例提出的另一種控制流程包括:
[0120]S131:用戶滑動(dòng)第四區(qū)域內(nèi)的速度控制條。
[0121]S132:判斷速度控制條的滑塊值是否改變,若是,則執(zhí)行步驟S134,否則執(zhí)行步驟S133o
[0122]例如,當(dāng)用戶向右或者向左移動(dòng)滑塊后,滑塊值改變。
[0123]S133:不進(jìn)行任何操作。
[0124]S134:獲取滑塊值改變后的商品信息的更新后的移動(dòng)速度。
[0125]例如,滑塊值改變后,表明增速10%,則移動(dòng)速度更新為原始速度的1.1倍。
[0126]S135:以更新后的移動(dòng)速度移動(dòng)商品信息。
[0127]例如,可以根據(jù)移動(dòng)速度重置發(fā)射器的發(fā)射頻率等,使得發(fā)射器以更新后的移動(dòng)速度對(duì)應(yīng)的頻率發(fā)射商品信息對(duì)應(yīng)的產(chǎn)品模塊。
[0128]可選的,用戶還可以更新選擇的標(biāo)簽,以便獲取與更新后的標(biāo)簽對(duì)應(yīng)的商品信息。如圖14所示,更新流程可以包括:
[0129]S141:新添標(biāo)簽。
[0130]例如,用戶“輸入標(biāo)簽”的位置處輸入要添加的標(biāo)簽,并點(diǎn)擊“添加”按鈕后可以新添標(biāo)簽,或者,用戶在第一區(qū)域選擇商品信息后,可以將商品信息具有的標(biāo)簽自動(dòng)添加到標(biāo)簽列表中。
[0131]S142:客戶端判斷新添的標(biāo)簽是否在已有的標(biāo)簽列表中,若是,則執(zhí)行步驟S143,否則執(zhí)行步驟S144。
[0132]其中,標(biāo)簽列表也可以稱為標(biāo)簽數(shù)組,例如,已有的標(biāo)簽數(shù)組中包括標(biāo)簽“喬丹”,而新添的標(biāo)簽是“喬丹”,則判斷結(jié)果是新添的標(biāo)簽在已有的標(biāo)簽列表中。
[0133]S143:不執(zhí)行任何操作。
[0134]S144:客戶端將該新添的標(biāo)簽添加到標(biāo)簽列表中,并顯示該標(biāo)簽。
[0135]例如,已有的標(biāo)簽列表中不包括標(biāo)簽“喬丹”,而新添的標(biāo)簽是“喬丹”,則在已有的標(biāo)簽列表中增加標(biāo)簽“喬丹”。
[0136]S145:客戶端將更新后的標(biāo)簽列表發(fā)送到服務(wù)端,以使服務(wù)端根據(jù)更新后的標(biāo)簽列表中包括的標(biāo)簽,獲取要展示的更新后的信息。
[0137]更新后的標(biāo)簽列表是將新添的標(biāo)簽添加到已有的標(biāo)簽列表后得到的,例如,在已有的標(biāo)簽列表中增加標(biāo)簽“喬丹”后的標(biāo)簽列表。
[0138]服務(wù)端在獲取更新后的信息時(shí)需要根據(jù)更新后的標(biāo)簽列表獲取,例如,獲取的更新后的信息還需要與“喬丹”相關(guān)。
[0139]本實(shí)施例通過獲取要展示的信息,并以粒子流形式展示信息,由于是以粒子流的形式,可以提高展示效果;并且,通過粒子流形式,當(dāng)要展示更新后的信息時(shí)可以無需重新加載頁(yè)面,避免對(duì)用戶操作的打斷,提升用戶體驗(yàn)。
[0140]圖15是本發(fā)明另一實(shí)施例提出的信息展示裝置的結(jié)構(gòu)示意圖,該裝置150包括第一獲取模塊151和第一展不模塊152。
[0141]第一獲取模塊151,用于獲取要展示的信息。
[0142]其中,要展不的?目息可以具體是商品?目息。
[0143]例如,用戶在客戶端的搜索框中輸入關(guān)鍵詞后,客戶端可以將關(guān)鍵詞發(fā)送給服務(wù)端,服務(wù)端根據(jù)關(guān)鍵詞檢測(cè)到對(duì)應(yīng)的商品信息后,將商品信息發(fā)送給客戶端,從而客戶端可以從服務(wù)端獲取商品信息。
[0144]一個(gè)實(shí)施例中,所述信息展示在當(dāng)前頁(yè)面的信息區(qū)的第一區(qū)域,所述信息區(qū)還包括第三區(qū)域,所述第一獲取模塊151具體用于獲取用戶在所述第三區(qū)域內(nèi)設(shè)置的標(biāo)簽;根據(jù)所述標(biāo)簽獲取要展示的信息。
[0145]可選的,參見圖2,信息區(qū)20可以包括第三區(qū)域23,第三區(qū)域23也可以稱為篩選區(qū),用戶可以在第三區(qū)域23內(nèi)選擇標(biāo)簽。標(biāo)簽用于標(biāo)識(shí)商品屬性,例如商品的顏色,或者品牌等。初始的標(biāo)簽可以是系統(tǒng)預(yù)先設(shè)置的,之后,用戶可以新增標(biāo)簽或者刪除標(biāo)簽等,或者,也可以由系統(tǒng)根據(jù)用戶選擇的商品信息自動(dòng)添加標(biāo)簽。
[0146]例如,參見圖5,初始時(shí)可以默認(rèn)設(shè)置一個(gè)或多個(gè)標(biāo)簽,該一個(gè)或多個(gè)標(biāo)簽可以組成標(biāo)簽列表,用戶可以在“輸入標(biāo)簽”的位置處輸入要添加的標(biāo)簽,并且點(diǎn)擊“添加”后,在標(biāo)簽列表中新增標(biāo)簽;或者,每個(gè)標(biāo)簽可以對(duì)應(yīng)設(shè)置刪除標(biāo)識(shí),當(dāng)用戶點(diǎn)擊刪除標(biāo)識(shí)后可以刪除對(duì)應(yīng)的標(biāo)簽;或者,用戶在第一區(qū)域內(nèi)選擇一個(gè)商品信息后,該商品信息具有的標(biāo)簽可以自動(dòng)添加到標(biāo)簽列表中。
[0147]具體的,用戶可以在第三區(qū)域23內(nèi)選擇喜好的商品屬性,例如,選擇深藍(lán)。客戶端獲取到用戶選擇的標(biāo)簽后,將標(biāo)簽發(fā)送至服務(wù)端,服務(wù)端根據(jù)標(biāo)簽,在預(yù)先建立的數(shù)據(jù)庫(kù)中獲取對(duì)應(yīng)的商品信息,例如,將顏色是深藍(lán)的商品信息發(fā)回客戶端,由客戶端在第一區(qū)域內(nèi)展示給用戶。
[0148]第一展示模塊152,用于以粒子流形式,展示所述信息。
[0149]例如,客戶端獲取商品信息后,以粒子流形式展示商品信息。
[0150]粒子流形式是指信息在展示信息的頁(yè)面內(nèi)不斷流入以及流出的展示形式。
[0151]現(xiàn)有技術(shù)中,商品信息是以列表形式展示在頁(yè)面的商品列表區(qū),該方式是一種靜態(tài)方式,而本實(shí)施例中,在頁(yè)面上以粒子流形式展示商品信息,由于粒子流形式是信息不斷流入及流出的形式,因此,可以實(shí)現(xiàn)商品信息的動(dòng)態(tài)展示,提升展示效果。
[0152]信息可以展示在搜索結(jié)果頁(yè),當(dāng)前的搜索結(jié)果頁(yè)可以稱為當(dāng)前頁(yè)面。
[0153]進(jìn)一步的,現(xiàn)有技術(shù)中,當(dāng)用戶輸入新的關(guān)鍵詞或者在SKU區(qū)域選擇新的屬性值時(shí),客戶端都需要重新加載新的頁(yè)面,并將新的商品信息展示在新的頁(yè)面內(nèi)。
[0154]而本實(shí)施例中,可以不需要加載新的頁(yè)面,依然在當(dāng)前頁(yè)面中展示新的商品信息。
[0155]另一個(gè)實(shí)施例中,當(dāng)所述信息包括更新前的信息時(shí),所述第一展示模塊152具體用于以粒子流形式,在當(dāng)前頁(yè)面內(nèi)展示所述更新前的信息;
[0156]參見圖16,所述裝置150還包括:
[0157]第二獲取模塊153,用于獲取更新后的信息。
[0158]第二展示模塊154,用于以粒子流形式,在所述當(dāng)前頁(yè)面內(nèi)展示所述更新后的信息。
[0159]通過將更新后的信息展示在更新前的信息所在的當(dāng)前頁(yè)面,可以不需要加載新的頁(yè)面,從而避免重新加載頁(yè)面對(duì)用戶操作的打斷。
[0160]可選的,以信息是商品信息為例,當(dāng)前頁(yè)面可以包括搜索區(qū)和信息區(qū),其中,搜索區(qū)包括搜索框,用戶可以在搜索框內(nèi)輸入關(guān)鍵詞,發(fā)起搜索;信息區(qū)用于展示商品信息。
[0161]可選的,當(dāng)前頁(yè)面還可以包括SKU區(qū)域,用戶可以在SKU區(qū)域選擇商品屬性,例如,選擇顏色,尺碼等??梢岳斫獾氖?,由于本發(fā)明實(shí)施例中,后續(xù)會(huì)出現(xiàn)篩選區(qū),用戶可以在篩選區(qū)進(jìn)行商品屬性選擇,因此本發(fā)明實(shí)施例中也可以不設(shè)置SKU區(qū)域。
[0162]現(xiàn)有技術(shù)中,信息區(qū)也可以稱為商品列表區(qū),商品信息以列表形式展示在信息區(qū),而本實(shí)施例中,商品信息以粒子流形式展示在信息區(qū)。
[0163]另一個(gè)實(shí)施例中,所述信息展示在當(dāng)前頁(yè)面的信息區(qū)的第一區(qū)域內(nèi),參見圖16,所述第一展不模塊152包括:
[0164]第一單元1521,用于在預(yù)設(shè)的定時(shí)器達(dá)到計(jì)時(shí)周期時(shí),判斷所述第一區(qū)域是否為動(dòng)畫展示形式。
[0165]第二單元1522,用于如果所述第一區(qū)域是動(dòng)畫展示形式,獲取當(dāng)前要展示的信息以及所述信息對(duì)應(yīng)的動(dòng)畫時(shí)長(zhǎng)。
[0166]第三單元1523,用于按照預(yù)設(shè)方向控制所述當(dāng)前要展示的信息移動(dòng)流入所述第一區(qū)域并逐漸移動(dòng)流出所述第一區(qū)域,且在所述第一區(qū)域內(nèi)的出現(xiàn)時(shí)長(zhǎng)為所述動(dòng)畫時(shí)長(zhǎng)。
[0167]可選的,參見圖2,信息區(qū)20可以包括第一區(qū)域21,第一區(qū)域21也可以稱為畫布區(qū),商品信息具體展示在第一區(qū)域21。
[0168]具體的,商品信息以粒子流形式展示在第一區(qū)域內(nèi)。例如,參見圖3,第一區(qū)域21中出現(xiàn)了三個(gè)商品信息,且三個(gè)商品信息處于不斷移動(dòng)的狀態(tài),移動(dòng)方向例如為從上向下移動(dòng)。可以理解的是,移動(dòng)速度以及移動(dòng)方向可以預(yù)先設(shè)置。
[0169]另一個(gè)實(shí)施例中,所述當(dāng)前要展示的信息在所述第一區(qū)域內(nèi)從上向下移動(dòng),且,所述當(dāng)前要展示的信息在所述第一區(qū)域的中間位置上的移動(dòng)速度,小于,所述當(dāng)前要展示的信息在所述第一區(qū)域的上下兩端上的移動(dòng)速度。
[0170]可選的,商品信息在移動(dòng)時(shí)根據(jù)商品信息所在位置的不同可以采用不同的移動(dòng)速度。例如,所述當(dāng)前要展示的信息在所述第一區(qū)域內(nèi)從上向下移動(dòng),且,所述當(dāng)前要展示的信息在所述第一區(qū)域的中間位置上的移動(dòng)速度,小于,所述當(dāng)前要展示的信息在所述第一區(qū)域的上下兩端上的移動(dòng)速度。具體的,不同位置處的移動(dòng)速度可以根據(jù)貝塞爾函數(shù)實(shí)現(xiàn),例如,貝塞爾函數(shù)為cubic-bezier (0,.3,.99,.3)?;蛘?,
[0171]另一實(shí)施例中,所述當(dāng)前要展示的信息包括具有不同熱度值的信息,且熱度值高的信息的移動(dòng)速度小于熱度值低的信息的移動(dòng)速度。例如,當(dāng)信息是商品信息時(shí),熱度值高的商品信息的移動(dòng)速度慢,熱度值例如根據(jù)銷量,價(jià)格,評(píng)價(jià)等中的一項(xiàng)或者多項(xiàng)確定。
[0172]另一個(gè)實(shí)施例中,所述信息展示在當(dāng)前頁(yè)面的信息區(qū)的第一區(qū)域,所述信息區(qū)還包括第二區(qū)域,參見圖16,所述裝置150還包括:
[0173]添加模塊155,用于當(dāng)在所述第一區(qū)域中選擇信息后,將所述選擇的信息添加到所述第二區(qū)域。
[0174]可選的,參見圖2,信息區(qū)20可以包括第二區(qū)域22,第二區(qū)域22也可以稱為收藏區(qū),用戶可以將選中的商品信息收藏在第二區(qū)域22。
[0175]可選的,當(dāng)在所述第一區(qū)域中選擇信息后,將所述選擇的信息添加到所述第二區(qū)域。
[0176]具體的,商品信息可以收藏在第二區(qū)域內(nèi)。例如,參見圖4,用戶可以通過第一區(qū)域中展示的商品信息進(jìn)行收藏操作后,將商品信息收藏到第二區(qū)域中。例如,用戶在第一區(qū)域中點(diǎn)擊一個(gè)商品信息后,將用戶點(diǎn)擊的商品信息添加到第二區(qū)域。將商品信息添加到第二區(qū)域后,在第二區(qū)域內(nèi),用戶可以對(duì)第二區(qū)域內(nèi)的商品信息進(jìn)行刪除,比對(duì),進(jìn)入商品詳情頁(yè)中的一項(xiàng)或者多項(xiàng)。具體的,可以通過設(shè)置功能按鈕,實(shí)現(xiàn)相應(yīng)操作。
[0177]另一個(gè)實(shí)施例中,所述信息展示在當(dāng)前頁(yè)面的信息區(qū)的第一區(qū)域,所述信息區(qū)還包括第四區(qū)域,參見圖16,所述裝置150還包括:
[0178]確定模塊156,用于根據(jù)所述第四區(qū)域內(nèi)的可供選擇的功能項(xiàng),確定所述信息區(qū)的展示形式,并以所述確定的展示形式展示所述信息區(qū)。
[0179]可選的,參見圖2,信息區(qū)20可以包括第四區(qū)域24,第四區(qū)域24也可以稱為控制區(qū),用戶可以在第四區(qū)域24內(nèi)控制信息區(qū)的展示形式。
[0180]可選的,可以根據(jù)所述第四區(qū)域24內(nèi)的可供選擇的功能項(xiàng),確定所述信息區(qū)的展示形式,并以所述確定的展示形式展示所述信息區(qū)。
[0181]另一個(gè)實(shí)施例中,所述可供選擇的功能項(xiàng)包括如下項(xiàng)中的至少一項(xiàng):用于控制所述信息在所述第一區(qū)域內(nèi)移動(dòng)速度的功能項(xiàng);用于控制所述第一區(qū)域內(nèi)是否是動(dòng)畫展示形式的功能項(xiàng);用于控制所述信息區(qū)是列表展示或者動(dòng)畫展示的功能項(xiàng)。
[0182]可選的,參見圖2,信息區(qū)20可以包括第四區(qū)域24,第四區(qū)域24也可以稱為控制區(qū),用戶可以在第四區(qū)域24內(nèi)控制信息區(qū)的展示形式。
[0183]可選的,可以根據(jù)所述第四區(qū)域24內(nèi)的可供選擇的功能項(xiàng),確定所述信息區(qū)的展示形式,并以所述確定的展示形式展示所述信息區(qū)。
[0184]例如,參見圖6,第四區(qū)域24內(nèi)的可供選擇的功能項(xiàng)包括如下項(xiàng)中的至少一項(xiàng):
[0185]速度控制條61,用于控制所述信息在所述第一區(qū)域內(nèi)移動(dòng)速度;
[0186]例如,初始時(shí)可以默認(rèn)將速度控制條設(shè)置在常速,如圖7所示,當(dāng)向右移動(dòng)初始時(shí)位于中間位置的控制標(biāo)識(shí)時(shí),可以進(jìn)行加速,當(dāng)向左移動(dòng)初始時(shí)位于中間位置的控制標(biāo)識(shí)時(shí),可以進(jìn)行減速。
[0187]其中,商品信息的不同位置的移動(dòng)速度可以不同,例如,中間位置的移動(dòng)速度慢,上下兩端的移動(dòng)速度快,或者,還可以根據(jù)商品信息的熱度值確定移動(dòng)速度,例如,熱度值高的商品信息的移動(dòng)速度慢,熱度值例如根據(jù)銷量,價(jià)格,評(píng)價(jià)等中的一項(xiàng)或者多項(xiàng)確定。
[0188]具體的,實(shí)現(xiàn)商品信息移動(dòng)的模塊可以稱為產(chǎn)品模塊,可以通過設(shè)置產(chǎn)品模塊的CSS的animat1n-durat1n屬性,實(shí)現(xiàn)移動(dòng)速度的設(shè)置。
[0189]動(dòng)畫開關(guān)按鈕62,用于控制所述第一區(qū)域內(nèi)是否是動(dòng)畫展示形式;其中,如果是動(dòng)畫展示形式,則信息在第一區(qū)域內(nèi)以粒子流形式不斷移動(dòng),如果不是動(dòng)畫展示形式,則信息在第一區(qū)域內(nèi)靜止。
[0190]例如,初始時(shí)可以處于“0N”狀態(tài),如圖8所示,當(dāng)用戶點(diǎn)擊動(dòng)畫開關(guān)按鈕后,可以由“0N”狀態(tài)轉(zhuǎn)為“OFF”狀態(tài),當(dāng)再點(diǎn)擊“OFF”狀態(tài)的動(dòng)畫開關(guān)按鈕后,可以再由“OFF”狀態(tài)轉(zhuǎn)為“0N”狀態(tài)。
[0191]具體的,可以通過將產(chǎn)品模塊CSS的animat1n-play-state屬性設(shè)置為pause或者running,實(shí)現(xiàn)動(dòng)畫的開關(guān)。
[0192]視圖切換按鈕63,用于控制所述信息區(qū)是列表視圖或者粒子視圖。其中,如果是列表視圖,則信息在第一區(qū)域內(nèi)以列表形式進(jìn)行展示,如果是粒子視圖,則信息在第一區(qū)域內(nèi)以粒子流形式展示。
[0193]例如,參見圖9,初始時(shí)可以處于粒子視圖,當(dāng)點(diǎn)擊視圖切換按鈕后,由粒子視圖切換為列表視圖。之后,通過再次點(diǎn)擊,可以由列表視圖切換為粒子視圖。
[0194]本實(shí)施例通過獲取要展示的信息,并以粒子流形式展示信息,由于是以粒子流的形式,可以提高展示效果;并且,通過粒子流形式,當(dāng)要展示更新后的信息時(shí)可以無需重新加載頁(yè)面,避免對(duì)用戶操作的打斷,提升用戶體驗(yàn)。
[0195]需要說明的是,在本發(fā)明的描述中,術(shù)語(yǔ)“第一”、“第二”等僅用于描述目的,而不能理解為指示或暗示相對(duì)重要性。此外,在本發(fā)明的描述中,除非另有說明,“多個(gè)”的含義是兩個(gè)或兩個(gè)以上。
[0196]流程圖中或在此以其他方式描述的任何過程或方法描述可以被理解為,表示包括一個(gè)或更多個(gè)用于實(shí)現(xiàn)特定邏輯功能或過程的步驟的可執(zhí)行指令的代碼的模塊、片段或部分,并且本發(fā)明的優(yōu)選實(shí)施方式的范圍包括另外的實(shí)現(xiàn),其中可以不按所示出或討論的順序,包括根據(jù)所涉及的功能按基本同時(shí)的方式或按相反的順序,來執(zhí)行功能,這應(yīng)被本發(fā)明的實(shí)施例所屬技術(shù)領(lǐng)域的技術(shù)人員所理解。
[0197]應(yīng)當(dāng)理解,本發(fā)明的各部分可以用硬件、軟件、固件或它們的組合來實(shí)現(xiàn)。在上述實(shí)施方式中,多個(gè)步驟或方法可以用存儲(chǔ)在存儲(chǔ)器中且由合適的指令執(zhí)行系統(tǒng)執(zhí)行的軟件或固件來實(shí)現(xiàn)。例如,如果用硬件來實(shí)現(xiàn),和在另一實(shí)施方式中一樣,可用本領(lǐng)域公知的下列技術(shù)中的任一項(xiàng)或他們的組合來實(shí)現(xiàn):具有用于對(duì)數(shù)據(jù)信號(hào)實(shí)現(xiàn)邏輯功能的邏輯門電路的離散邏輯電路,具有合適的組合邏輯門電路的專用集成電路,可編程門陣列(PGA),現(xiàn)場(chǎng)可編程門陣列(FPGA)等。
[0198]本技術(shù)領(lǐng)域的普通技術(shù)人員可以理解實(shí)現(xiàn)上述實(shí)施例方法攜帶的全部或部分步驟是可以通過程序來指令相關(guān)的硬件完成,所述的程序可以存儲(chǔ)于一種計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)中,該程序在執(zhí)行時(shí),包括方法實(shí)施例的步驟之一或其組合。
[0199]此外,在本發(fā)明各個(gè)實(shí)施例中的各功能單元可以集成在一個(gè)處理模塊中,也可以是各個(gè)單元單獨(dú)物理存在,也可以兩個(gè)或兩個(gè)以上單元集成在一個(gè)模塊中。上述集成的模塊既可以采用硬件的形式實(shí)現(xiàn),也可以采用軟件功能模塊的形式實(shí)現(xiàn)。所述集成的模塊如果以軟件功能模塊的形式實(shí)現(xiàn)并作為獨(dú)立的產(chǎn)品銷售或使用時(shí),也可以存儲(chǔ)在一個(gè)計(jì)算機(jī)可讀取存儲(chǔ)介質(zhì)中。
[0200]上述提到的存儲(chǔ)介質(zhì)可以是只讀存儲(chǔ)器,磁盤或光盤等。
[0201]在本說明書的描述中,參考術(shù)語(yǔ)“一個(gè)實(shí)施例”、“一些實(shí)施例”、“示例”、“具體示例”、或“一些示例”等的描述意指結(jié)合該實(shí)施例或示例描述的具體特征、結(jié)構(gòu)、材料或者特點(diǎn)包含于本發(fā)明的至少一個(gè)實(shí)施例或示例中。在本說明書中,對(duì)上述術(shù)語(yǔ)的示意性表述不一定指的是相同的實(shí)施例或示例。而且,描述的具體特征、結(jié)構(gòu)、材料或者特點(diǎn)可以在任何的一個(gè)或多個(gè)實(shí)施例或示例中以合適的方式結(jié)合。
[0202]盡管上面已經(jīng)示出和描述了本發(fā)明的實(shí)施例,可以理解的是,上述實(shí)施例是示例性的,不能理解為對(duì)本發(fā)明的限制,本領(lǐng)域的普通技術(shù)人員在本發(fā)明的范圍內(nèi)可以對(duì)上述實(shí)施例進(jìn)行變化、修改、替換和變型。
【主權(quán)項(xiàng)】
1.一種信息展示方法,其特征在于,包括: 獲取要展示的信息; 以粒子流形式,展示所述信息。2.根據(jù)權(quán)利要求1所述的方法,其特征在于,當(dāng)所述信息包括更新前的信息時(shí),所述以粒子流形式,展示所述信息,包括: 以粒子流形式,在當(dāng)前頁(yè)面內(nèi)展示所述更新前的信息; 所述方法還包括: 獲取更新后的信息; 以粒子流形式,在所述當(dāng)前頁(yè)面內(nèi)展示所述更新后的信息。3.根據(jù)權(quán)利要求1所述的方法,其特征在于,所述信息展示在當(dāng)前頁(yè)面的信息區(qū)的第一區(qū)域內(nèi),所述以粒子流形式,展示所述信息,包括: 在預(yù)設(shè)的定時(shí)器達(dá)到計(jì)時(shí)周期時(shí),判斷所述第一區(qū)域是否為動(dòng)畫展示形式; 如果所述第一區(qū)域是動(dòng)畫展示形式,獲取當(dāng)前要展示的信息以及所述信息對(duì)應(yīng)的動(dòng)畫時(shí)長(zhǎng); 按照預(yù)設(shè)方向控制所述當(dāng)前要展示的信息移動(dòng)流入所述第一區(qū)域并逐漸移動(dòng)流出所述第一區(qū)域,且在所述第一區(qū)域內(nèi)的出現(xiàn)時(shí)長(zhǎng)為所述動(dòng)畫時(shí)長(zhǎng)。4.根據(jù)權(quán)利要求3所述的方法,其特征在于,所述當(dāng)前要展示的信息在所述第一區(qū)域內(nèi)從上向下移動(dòng),且,所述當(dāng)前要展示的信息在所述第一區(qū)域的中間位置上的移動(dòng)速度,小于,所述當(dāng)前要展示的信息在所述第一區(qū)域的上下兩端上的移動(dòng)速度;或者, 所述當(dāng)前要展示的信息包括具有不同熱度值的信息,且熱度值高的信息的移動(dòng)速度小于熱度值低的信息的移動(dòng)速度。5.根據(jù)權(quán)利要求1所述的方法,其特征在于,所述信息展示在當(dāng)前頁(yè)面的信息區(qū)的第一區(qū)域,所述信息區(qū)還包括第二區(qū)域,所述方法還包括: 當(dāng)在所述第一區(qū)域中選擇信息后,將所述選擇的信息添加到所述第二區(qū)域。6.根據(jù)權(quán)利要求1所述的方法,其特征在于,所述信息展示在當(dāng)前頁(yè)面的信息區(qū)的第一區(qū)域,所述信息區(qū)還包括第三區(qū)域,所述獲取要展示的信息,包括: 獲取用戶在所述第三區(qū)域內(nèi)設(shè)置的標(biāo)簽; 根據(jù)所述標(biāo)簽獲取要展示的信息。7.根據(jù)權(quán)利要求1所述的方法,其特征在于,所述信息展示在當(dāng)前頁(yè)面的信息區(qū)的第一區(qū)域,所述信息區(qū)還包括第四區(qū)域,所述方法還包括: 根據(jù)所述第四區(qū)域內(nèi)的可供選擇的功能項(xiàng),確定所述信息區(qū)的展示形式,并以所述確定的展示形式展示所述信息區(qū)。8.根據(jù)權(quán)利要求7所述的方法,其特征在于,所述可供選擇的功能項(xiàng)包括如下項(xiàng)中的至少一項(xiàng): 用于控制所述信息在所述第一區(qū)域內(nèi)移動(dòng)速度的功能項(xiàng); 用于控制所述第一區(qū)域內(nèi)是否是動(dòng)畫展示形式的功能項(xiàng); 用于控制所述信息區(qū)是列表展示或者動(dòng)畫展示的功能項(xiàng)。9.根據(jù)權(quán)利要求1-8任一項(xiàng)所述的方法,其特征在于,所述信息是檢索后得到的商品?目息O10.一種信息展示裝置,其特征在于,包括: 第一獲取模塊,用于獲取要展示的信息; 第一展示模塊,用于以粒子流形式,展示所述信息。11.根據(jù)權(quán)利要求10所述的裝置,其特征在于,當(dāng)所述信息包括更新前的信息時(shí),所述第一展示模塊具體用于: 以粒子流形式,在當(dāng)前頁(yè)面內(nèi)展示所述更新前的信息; 所述方法還包括: 第二獲取模塊,用于獲取更新后的信息; 第二展示模塊,用于以粒子流形式,在所述當(dāng)前頁(yè)面內(nèi)展示所述更新后的信息。12.根據(jù)權(quán)利要求10所述的裝置,其特征在于,所述信息展示在當(dāng)前頁(yè)面的信息區(qū)的第一區(qū)域內(nèi),所述第一展示模塊包括: 第一單元,用于在預(yù)設(shè)的定時(shí)器達(dá)到計(jì)時(shí)周期時(shí),判斷所述第一區(qū)域是否為動(dòng)畫展示形式; 第二單元,用于如果所述第一區(qū)域是動(dòng)畫展示形式,獲取當(dāng)前要展示的信息以及所述信息對(duì)應(yīng)的動(dòng)畫時(shí)長(zhǎng); 第三單元,用于按照預(yù)設(shè)方向控制所述當(dāng)前要展示的信息移動(dòng)流入所述第一區(qū)域并逐漸移動(dòng)流出所述第一區(qū)域,且在所述第一區(qū)域內(nèi)的出現(xiàn)時(shí)長(zhǎng)為所述動(dòng)畫時(shí)長(zhǎng)。13.根據(jù)權(quán)利要求10所述的裝置,其特征在于,所述信息展示在當(dāng)前頁(yè)面的信息區(qū)的第一區(qū)域,所述信息區(qū)還包括第二區(qū)域,所述裝置還包括: 添加模塊,用于當(dāng)在所述第一區(qū)域中選擇信息后,將所述選擇的信息添加到所述第三區(qū)域。14.根據(jù)權(quán)利要求10所述的裝置,其特征在于,所述信息展示在當(dāng)前頁(yè)面的信息區(qū)的第一區(qū)域,所述信息區(qū)還包括第三區(qū)域,所述第一獲取模塊具體用于: 獲取用戶在所述第三區(qū)域內(nèi)設(shè)置的標(biāo)簽; 根據(jù)所述標(biāo)簽獲取要展示的信息。15.根據(jù)權(quán)利要求10所述的裝置,其特征在于,所述信息展示在當(dāng)前頁(yè)面的信息區(qū)的第一區(qū)域,所述信息區(qū)還包括第四區(qū)域,所述裝置還包括: 確定模塊,用于根據(jù)所述第四區(qū)域內(nèi)的可供選擇的功能項(xiàng),確定所述信息區(qū)的展示形式,并以所述確定的展示形式展示所述信息區(qū)。16.—種電子設(shè)備,其特征在于,包括: 顯不屏; 處理器; 存儲(chǔ)器,用于存儲(chǔ)預(yù)設(shè)代碼,所述預(yù)設(shè)代碼被所述處理器執(zhí)行時(shí),獲取要展示的信息,并以粒子流形式,在所述顯示屏上展示所述信息。
【文檔編號(hào)】G06Q30/00GK105989036SQ201510056170
【公開日】2016年10月5日
【申請(qǐng)日】2015年2月3日
【發(fā)明人】潘佳
【申請(qǐng)人】阿里巴巴集團(tuán)控股有限公司