避 免用戶直接上傳 Javascript代碼和頁面代碼，避免由Javascript代碼引起的安全性問題。 而頁面模板和頁面腳本代碼由電子商務(wù)平臺的人員完成。
[0026] 下面采用偽代碼來說明本實施例中的上述HTML代碼設(shè)計結(jié)構(gòu)。
[0027] 上述的腳本代碼可采用Javascript代碼，其形式如下：
[0028] 〈script〉
[0029] xxxxxx
[0030] 〈/script〉
[0031] 其中的"xxxxxx"表示具體的代碼，下同。
[0032] 頁面樣式的設(shè)計者可自定義任何css顯示效果，形成如下形式的頁面樣式集：
[0033] 〈style type =，'text/css" >
[0034] xxxxxx
[0035] 〈/style〉
[0036] 頁面模板設(shè)計者可以隨意定義html標(biāo)簽，只需按照系統(tǒng)格式填寫某些屬性即可。 例如：
[0037] <div>
[0038] 〈div class ="系統(tǒng)樣式集中的某個樣式" style ="自定義樣式"偽屬性=" 該偽屬性值綁定Javascript的實現(xiàn)效果"偽屬性1 = "該偽屬性值綁定Javascript的 實現(xiàn)效果"偽屬性2 = "該偽屬性值綁定Javascript的實現(xiàn)效果"其他diV屬性比如 (background, XXX) >
[0039] 電商數(shù)據(jù)參數(shù)標(biāo)簽
[0040] </div>
[0041] 〈div class ="系統(tǒng)樣式集中的某個樣式" style ="自定義樣式"偽屬性=" 該偽屬性值綁定Javascript的實現(xiàn)效果"偽屬性1 = "該偽屬性值綁定Javascript的 實現(xiàn)效果"偽屬性2 = "該偽屬性值綁定Javascript的實現(xiàn)效果"其他diV屬性比如 (background, xxx) >
[0042] 用戶填充數(shù)據(jù)標(biāo)簽
[0043] </div>
[0044] </div>
[0045] 在上述斜體的"電商數(shù)據(jù)參數(shù)標(biāo)簽"處，生成商品詳情頁面的裝置根據(jù)該標(biāo)簽自動 填充數(shù)據(jù)。該標(biāo)簽表示商品第一條主屬性，該主屬性可作為商品標(biāo)識，那么在渲染時根據(jù)用 戶選擇的商品，填充商品屬性數(shù)據(jù)。也就是說，通過生成商品詳情頁面的裝置獲取商品的屬 性信息的方式可以實現(xiàn)動態(tài)填充商品屬性信息，在商品屬性信息發(fā)生變化的情況下，再次 獲取商品的屬性信息即可實現(xiàn)商品的屬性信息的更新。
[0046] 在上述斜體的"用戶填充數(shù)據(jù)標(biāo)簽"處，用戶可以自己填充頁面的個性化信息，t匕 如填充商品廣告、商品描述、商品圖片等信息。用戶登錄后進入商品詳情頁裝修操作頁面， 可通過人機界面的表單提供文本，圖片通過上傳的方式提供。對于用戶填充的內(nèi)容，本實施 例中采用Javascript和界面分離的方式來對其實現(xiàn)動態(tài)效果。具體是，在頁面腳本代碼中 包含定義的用于提供頁面動態(tài)展示效果的偽屬性的屬性名稱以及實現(xiàn)該頁面動態(tài)展示效 果的代碼。例如定義img-fadein偽屬性，該屬性的動態(tài)效果，擁有該屬性的html元素在頁 面載入時候，會有從透明到出現(xiàn)的效果，代碼形式如下：
[0047] 〈script〉
[0048] 效果代碼
[0049] 〈/script〉
[0050] 在用于顯示頁面布局的頁面代碼中包括應(yīng)用上述偽屬性的代碼，例如如下形式的 代碼：
[0051] 〈div class =" 樣式屬性" img-fadein =" true" > 用戶填充內(nèi)容 </div>
[0052] 在頁面渲染時，將上述兩種代碼組合成一段HTML代碼，如下：
[0053]
【主權(quán)項】
1. 一種生成商品詳情頁面的方法，其特征在于，包括： 獲取商品的屬性信息，并且接收用戶提供的商品詳情頁面的個性化信息； 根據(jù)所述商品的屬性信息、個性化信息、預(yù)設(shè)的用于顯示頁面布局的頁面代碼、W及用 于提供頁面動態(tài)展示效果的頁面腳本代碼，進行頁面撞染得到所述商品的商品詳情頁面。
2. 根據(jù)權(quán)利要求1所述的方法，其特征在于，獲取商品的屬性信息的步驟包括：根據(jù) 用戶提供的商品標(biāo)識，從保存商品屬性信息的裝置中讀取對應(yīng)于該商品標(biāo)識的商品屬性信 息。
3. 根據(jù)權(quán)利要求1所述的方法，其特征在于， 所述頁面腳本代碼中包括定義的用于提供頁面動態(tài)展示效果的偽屬性的屬性名稱W 及實現(xiàn)該頁面動態(tài)展示效果的代碼； 所述用于顯示頁面布局的頁面代碼中包括應(yīng)用所述偽屬性的代碼； 所述進行頁面撞染的步驟中包括應(yīng)用所述偽屬性的步驟。
4. 根據(jù)權(quán)利要求1所述的方法，其特征在于，進行頁面撞染的步驟之前，還包括；對所 述個性化信息按預(yù)設(shè)項目進行過濾。
5. 根據(jù)權(quán)利要求4所述的方法，其特征在于，所述預(yù)設(shè)方式包括如下一種或幾種： 對跨站腳本攻擊的過濾； 對外部鏈接的過濾； 對預(yù)先指定的詞匯的過濾。
6. -種生成商品詳情頁面的裝置，其特征在于，包括： 獲取模塊，用于獲取商品的屬性信息； 接收模塊，用于接收用戶提供的商品詳情頁面的個性化信息； 撞染模塊，用于根據(jù)所述商品的屬性信息、個性化信息、預(yù)設(shè)的用于顯示頁面布局的頁 面代碼、W及用于提供頁面動態(tài)展示效果的頁面腳本代碼，進行頁面撞染得到所述商品的 商品詳情頁面。
7. 根據(jù)權(quán)利要求6所述的裝置，其特征在于，所述獲取模塊還用于；根據(jù)用戶提供的商 品標(biāo)識，從保存商品屬性信息的裝置中讀取對應(yīng)于該商品標(biāo)識的商品屬性信息。
8. 根據(jù)權(quán)利要求6所述的裝置，其特征在于， 所述頁面腳本代碼中包括定義的用于提供頁面動態(tài)展示效果的偽屬性的屬性名稱W 及實現(xiàn)該頁面動態(tài)展示效果的代碼； 所述用于顯示頁面布局的頁面代碼中包括應(yīng)用所述偽屬性的代碼； 所述撞染模塊還用于在進行頁面撞染時應(yīng)用所述偽屬性。
9. 根據(jù)權(quán)利要求6所述的裝置，其特征在于，還包括過濾模塊，用于在所述撞染模塊進 行頁面撞染之前，對所述個性化信息按預(yù)設(shè)項目進行過濾。
10. 根據(jù)權(quán)利要求9所述的裝置，其特征在于，所述預(yù)設(shè)方式包括如下一種或幾種： 對跨站腳本攻擊的過濾； 對外部鏈接的過濾； 對預(yù)先指定的詞匯的過濾。
【專利摘要】本發(fā)明提供一種生成商品詳情頁面的方法和裝置，能夠用戶僅需提供商品詳情頁面的個性化信息，就可以實現(xiàn)商品詳情頁面的動態(tài)效果，并且實現(xiàn)商品屬性信息隨著電子商務(wù)平臺的數(shù)據(jù)維護而變更，以及有助于提高電子商務(wù)平臺的安全性。本發(fā)明的生成商品詳情頁面的方法包括：獲取商品的屬性信息，并且接收用戶提供的商品詳情頁面的個性化信息；根據(jù)所述商品的屬性信息、個性化信息、預(yù)設(shè)的用于顯示頁面布局的頁面代碼、以及用于提供頁面動態(tài)展示效果的頁面腳本代碼，進行頁面渲染得到所述商品的商品詳情頁面。
【IPC分類】G06F17-30, G06Q30-00, G06F9-44
【公開號】CN104599144
【申請?zhí)枴緾N201510054841
【發(fā)明人】陳鵬飛, 裴建東, 趙迅雷, 楊凱, 高飛, 周凌, 羅煒, 黃自立, 黎源, 王衛(wèi)嬌, 茍建軍, 吳金志, 劉若喬
【申請人】北京京東尚科信息技術(shù)有限公司, 北京京東世紀(jì)貿(mào)易有限公司
【公開日】2015年5月6日
【申請日】2015年2月3日