生成商品詳情頁面的方法和裝置的制造方法
【技術(shù)領(lǐng)域】
[0001] 本發(fā)明涉及計(jì)算機(jī)技術(shù)領(lǐng)域,特別地涉及一種生成商品詳情頁面的方法和裝置。
【背景技術(shù)】
[0002] 現(xiàn)有電子商務(wù)系統(tǒng)中,商品詳情頁描述了一個商品的特性,對于商品的銷售至關(guān) 重要。電子商務(wù)平臺的網(wǎng)店店主(商家)作為電子商務(wù)平臺的用戶,他們在裝修商品詳情 頁時(shí)可以通過雇傭第三方設(shè)計(jì)師來設(shè)計(jì)詳情頁,這種方式在現(xiàn)實(shí)中一是要與設(shè)計(jì)師溝通, 比較費(fèi)時(shí);二是存在設(shè)計(jì)費(fèi)用成本。為了提高效率和降低成本,用戶也可以自己設(shè)計(jì)商品詳 情頁。此時(shí)用戶可以采用富文本編輯器來裝修商品詳情頁,也可以采用電子商務(wù)平臺提供 的裝修模板系統(tǒng),例如圖1所示的流程,圖1是根據(jù)現(xiàn)有技術(shù)中的利用電子商務(wù)平臺提供的 裝修模塊系統(tǒng)裝修商品詳情頁的一種流程的示意圖。如圖1所示,用戶可以利用裝修模塊 11、12合成頁面13,然后在頁面13中的模塊內(nèi)填充圖片和文字得到頁面14。發(fā)明人在實(shí)現(xiàn) 本發(fā)明的過程中發(fā)現(xiàn),上述的由用戶自己采用富文本編輯器來裝修商品詳情頁的方式以及 利用電子商務(wù)平臺提供的裝修模塊系統(tǒng)裝修商品詳情頁的方式總的來說存在如下問題:基 于安全考慮,現(xiàn)有系統(tǒng)只能容許商家編輯靜態(tài)頁面,部分電商系統(tǒng)能夠支持用戶上傳視頻, 而對于常用的Javascript效果,現(xiàn)有系統(tǒng)都不容許商家上傳,以避免出現(xiàn)系統(tǒng)安全漏洞; 現(xiàn)有系統(tǒng)不支持動態(tài)獲取數(shù)據(jù),及上傳后的頁面數(shù)據(jù)是一次性的,不會隨著電商的數(shù)據(jù)維 護(hù)而變更,比如用戶編輯好一個商品后,該商品的屬性有所變化,該變化不能及時(shí)的反應(yīng)到 裝修系統(tǒng)中,商家需要再次編輯商品詳情,修改屬性才能夠讓用戶看到變化;現(xiàn)有電商系統(tǒng) 不支持自動生成頁面,即用戶輸入商品的ID等數(shù)據(jù),自動生成商品描述,商品圖片效果展 示等特殊效果。
【發(fā)明內(nèi)容】
[0003] 有鑒于此,本發(fā)明提供一種生成商品詳情頁面的方法和裝置,能夠用戶僅需提供 商品詳情頁面的個性化信息,就可以實(shí)現(xiàn)商品詳情頁面的動態(tài)效果,并且實(shí)現(xiàn)商品屬性信 息隨著電子商務(wù)平臺的數(shù)據(jù)維護(hù)而變更,以及有助于提高電子商務(wù)平臺的安全性。
[0004] 為實(shí)現(xiàn)上述目的,根據(jù)本發(fā)明的一個方面,提供了一種生成商品詳情頁面的方法。
[0005] 本發(fā)明的生成商品詳情頁面的方法包括:獲取商品的屬性信息,并且接收用戶提 供的商品詳情頁面的個性化信息;根據(jù)所述商品的屬性信息、個性化信息、預(yù)設(shè)的用于顯示 頁面布局的頁面代碼、以及用于提供頁面動態(tài)展示效果的頁面腳本代碼,進(jìn)行頁面渲染得 到所述商品的商品詳情頁面。
[0006] 可選地,獲取商品的屬性信息的步驟包括:根據(jù)用戶提供的商品標(biāo)識,從保存商品 屬性信息的裝置中讀取對應(yīng)于該商品標(biāo)識的商品屬性信息。
[0007] 可選地,所述頁面腳本代碼中包括定義的用于提供頁面動態(tài)展示效果的偽屬性的 屬性名稱以及實(shí)現(xiàn)該頁面動態(tài)展示效果的代碼;所述用于顯示頁面布局的頁面代碼中包括 應(yīng)用所述偽屬性的代碼;所述進(jìn)行頁面渲染的步驟中包括應(yīng)用所述偽屬性的步驟。
[0008] 可選地,進(jìn)行頁面渲染的步驟之前,還包括:對所述個性化信息按預(yù)設(shè)項(xiàng)目進(jìn)行過 濾。
[0009] 可選地,所述預(yù)設(shè)方式包括如下一種或幾種:對跨站腳本攻擊的過濾;對外部鏈 接的過濾;對預(yù)先指定的詞匯的過濾。
[0010] 根據(jù)本發(fā)明的另一方面,提供了一種生成商品詳情頁面的裝置。
[0011] 本發(fā)明的生成商品詳情頁面的裝置包括:獲取模塊,用于獲取商品的屬性信息; 接收模塊,用于接收用戶提供的商品詳情頁面的個性化信息;渲染模塊,用于根據(jù)所述商品 的屬性信息、個性化信息、預(yù)設(shè)的用于顯示頁面布局的頁面代碼、以及用于提供頁面動態(tài)展 示效果的頁面腳本代碼,進(jìn)行頁面渲染得到所述商品的商品詳情頁面。
[0012] 可選地,所述獲取模塊還用于:根據(jù)用戶提供的商品標(biāo)識,從保存商品屬性信息的 裝置中讀取對應(yīng)于該商品標(biāo)識的商品屬性信息。
[0013] 可選地,所述頁面腳本代碼中包括定義的用于提供頁面動態(tài)展示效果的偽屬性的 屬性名稱以及實(shí)現(xiàn)該頁面動態(tài)展示效果的代碼;所述用于顯示頁面布局的頁面代碼中包括 應(yīng)用所述偽屬性的代碼;所述渲染模塊還用于在進(jìn)行頁面渲染時(shí)應(yīng)用所述偽屬性。
[0014] 可選地,還包括過濾模塊,用于在所述渲染模塊進(jìn)行頁面渲染之前,對所述個性化 信息按預(yù)設(shè)項(xiàng)目進(jìn)行過濾。
[0015] 可選地,所述預(yù)設(shè)方式包括如下一種或幾種:對跨站腳本攻擊的過濾;對外部鏈 接的過濾;對預(yù)先指定的詞匯的過濾。
[0016] 根據(jù)本發(fā)明的技術(shù)方案,由電子商務(wù)平臺提供商品的屬性信息、用于顯示頁面布 局的頁面代碼、以及用于提供頁面動態(tài)展示效果的頁面腳本代碼,用戶僅需提供商品詳情 頁面的個性化信息,就可以實(shí)現(xiàn)商品詳情頁面的動態(tài)效果,并且實(shí)現(xiàn)商品屬性信息隨著電 子商務(wù)平臺的數(shù)據(jù)維護(hù)而變更。該方案方便用戶得到動態(tài)頁面,并且有助于提高電子商務(wù) 平臺的安全性。
【附圖說明】
[0017] 附圖用于更好地理解本發(fā)明,不構(gòu)成對本發(fā)明的不當(dāng)限定。其中:
[0018] 圖1是根據(jù)現(xiàn)有技術(shù)中的利用電子商務(wù)平臺提供的裝修模塊系統(tǒng)裝修商品詳情 頁的一種流程的示意圖;
[0019] 圖2是根據(jù)本發(fā)明實(shí)施例的生成商品詳情頁面的方法的示意圖;
[0020] 圖3是根據(jù)本發(fā)明實(shí)施例的一種頁面元素組合方式的示意圖;
[0021] 圖4是根據(jù)本發(fā)明實(shí)施例的生成商品詳情頁面的裝置的主要模塊的示意圖。
【具體實(shí)施方式】
[0022] 以下結(jié)合附圖對本發(fā)明的示范性實(shí)施例做出說明,其中包括本發(fā)明實(shí)施例的各種 細(xì)節(jié)以助于理解,應(yīng)當(dāng)將它們認(rèn)為僅僅是示范性的。因此,本領(lǐng)域普通技術(shù)人員應(yīng)當(dāng)認(rèn)識 至IJ,可以對這里描述的實(shí)施例做出各種改變和修改,而不會背離本發(fā)明的范圍和精神。同 樣,為了清楚和簡明,以下的描述中省略了對公知功能和結(jié)構(gòu)的描述。
[0023] 在本發(fā)明實(shí)施例中,將頁面樣式與頁面填充數(shù)據(jù)分離,利用模板和數(shù)據(jù)源以及用 戶提供的商品詳情頁面的個性化信息,由電子商務(wù)平臺的生成商品詳情頁面的裝置通過頁 面渲染直接生成HTML代碼片段,從而實(shí)現(xiàn)在線頁面裝修,如圖2所示,圖2是根據(jù)本發(fā)明實(shí) 施例的生成商品詳情頁面的方法的示意圖。在該方法中,獲取商品的屬性信息,并且接收用 戶提供的商品詳情頁面的個性化信息,然后根據(jù)該商品的屬性信息、個性化信息、預(yù)設(shè)的用 于顯示頁面布局的頁面代碼、以及用于提供頁面動態(tài)展示效果的頁面腳本代碼,進(jìn)行頁面 渲染得到該商品的商品詳情頁面。
[0024] 按上述方案,商品詳情頁面的元素主要分為四個部分:第一部分是用于顯示頁面 布局的頁面代碼,即頁面模板;第二部分是用于提供頁面動態(tài)展示效果的頁面腳本代碼,可 米用JavaScript代碼;第二郃分是商品的屬性 /[目息,主要是商品本身具有的/[目息,例如名 稱、型號、參數(shù)等,還可包括商品的圖像,保存在電子商務(wù)平臺的數(shù)據(jù)庫中;第四部分是商品 詳情頁面的個性化信息,通常由用戶提供,一般是介紹或宣傳商品的文字和圖片。
[0025] 在渲染得到HTML代碼時(shí)可采用現(xiàn)有的頁面渲染技術(shù),對上述四個部分進(jìn)行組合。 圖3是根據(jù)本發(fā)明實(shí)施例的一種頁面元素組合方式的示意圖,如圖3所示,在頁面模板中填 充商品的屬性信息和商品詳情頁面的個性化信息,再將頁面模板和用于提供頁面動態(tài)展示 效果的頁面腳本代碼組合得到HTML代碼30。這里的頁面腳本代碼和商品的屬性信息是由 電子商務(wù)平臺提供,用戶可以自主輸入的數(shù)據(jù)為商品詳情頁面的個性化信息。這種做法