[發(fā)明專利]生成商品詳情頁面數(shù)據(jù)的方法和終端裝置

有效

• 申請?zhí)枺?/td>: 201510082754.0
• 申請日: 2015-02-15
• 公開（公告）號: CN104573131B
• 公開（公告）日: 2018-09-14
• 發(fā)明（設(shè)計）人: 陳鵬飛;裴建東;楊凱;周凌;高飛;趙迅雷;黃自立;黎源;王衛(wèi)嬌;茍建軍;游媛
• 申請（專利權(quán)）人: 北京京東尚科信息技術(shù)有限公司;北京京東世紀(jì)貿(mào)易有限公司
• 主分類號: G06F17/30
• 分類號: G06F17/30
• 代理公司: 中原信達(dá)知識產(chǎn)權(quán)代理有限責(zé)任公司 11219
• 代理人: 姜勁;金潔

本發(fā)明提供一種生成商品詳情頁面數(shù)據(jù)的方法和裝置，有助于提高商品詳情頁面的裝修效率，特別是提高用于多個電子商務(wù)運(yùn)營商的網(wǎng)站的商品詳情頁面的裝修效率。該方法包括：終端裝置將商品詳情數(shù)據(jù)填充到預(yù)設(shè)的商品詳情頁面模板中得到商品詳情頁面初稿，所述商品詳情頁面模板中包含所述商品詳情頁面的頁面樣式；終端裝置根據(jù)接收的頁面寬度參數(shù)，根據(jù)所述商品詳情頁面初稿生成寬度為該頁面寬度參數(shù)的、外觀與所述商品詳情頁面初稿相一致的圖像。

技術(shù)領(lǐng)域

本發(fā)明涉及計算機(jī)技術(shù)領(lǐng)域，特別地涉及一種生成商品詳情頁面數(shù)據(jù)的方法和終端裝置。

背景技術(shù)

現(xiàn)有電子商務(wù)系統(tǒng)中，展示商品的頁面一般包括電子商務(wù)平臺的一般信息例如電子商務(wù)平臺標(biāo)題、用戶登錄入口、商品分類信息、廣告等，以及各商品的詳情頁。相比于各種商品的不同詳情頁來說，上述一般信息通常更改較少，具有相對固定的主體樣式；而商品詳情頁由于各種商品的特性區(qū)別，展示方式各種各樣，并且展示效果對于商品的銷售也至關(guān)重要。目前對于商品詳情頁的裝修一般采用富文本編輯器來實(shí)現(xiàn)。富文本編輯器是一種比較方便的頁面編輯工具，是一種可視化編輯器，可以手動編輯或粘貼HTML代碼，也可以使用貼圖的方式進(jìn)行，由富文本編輯器生成相應(yīng)的HTML代碼。

但是在商品詳情頁的裝修方面，采用富文本編輯器，發(fā)明人發(fā)現(xiàn)其存在以下一些問題：

按照富文本編輯器操作方式，沒有一定HTML代碼功底的用戶無法制作復(fù)雜頁面，一般以貼圖方式制作詳情頁。富文本編輯器制作頁面需要用戶有較高的美術(shù)功底，需要自己設(shè)計頁面的展示效果。限于用戶即電子商務(wù)的商家的美工能力和對于HTML代碼的掌據(jù)程度，在現(xiàn)實(shí)中采用富文本編輯器的許多用戶難以得到裝修效果較佳的商品詳情頁。

富文本編輯器這種可視化編輯器由于是自動生成HTML代碼，因此該HTML代碼不可控，生成的HTML代碼中的頁面樣式代碼，可能與現(xiàn)有的商品詳情頁面主體樣式代碼沖突，導(dǎo)致在富文本編輯器中看到的裝修效果和在商品詳情頁面實(shí)際展示的效果有較大差異，商品詳情頁面裝修人員往往需要重復(fù)觀察商品詳情頁面效果、比較差異、調(diào)整富文本編輯器中的設(shè)計才能達(dá)到比較滿意的頁面裝修效果，這就影響了商品詳情頁的裝修效率。

另外，在現(xiàn)實(shí)中存在多個電子商務(wù)運(yùn)營商，各個電子商務(wù)運(yùn)營商的網(wǎng)站對于商品詳情頁面的寬度的設(shè)定不盡相同，這就使商品詳情頁面裝修人員要針對各種不同的頁面寬度進(jìn)行設(shè)計，對商品詳情頁面的裝修效率也造成影響。

發(fā)明內(nèi)容

有鑒于此，本發(fā)明提供一種生成商品詳情頁面數(shù)據(jù)的方法和裝置，有助于提高商品詳情頁面的裝修效率，特別是提高用于多個電子商務(wù)運(yùn)營商的網(wǎng)站的商品詳情頁面的裝修效率。

為實(shí)現(xiàn)上述目的，根據(jù)本發(fā)明的一個方面，提供了一種生成商品詳情頁面數(shù)據(jù)的方法。

本發(fā)明的生成商品詳情頁面數(shù)據(jù)的方法包括：步驟A：終端裝置將商品詳情數(shù)據(jù)填充到預(yù)設(shè)的商品詳情頁面模板中得到商品詳情頁面初稿，所述商品詳情頁面模板中包含所述商品詳情頁面的頁面樣式；步驟B：終端裝置根據(jù)接收的頁面寬度參數(shù)，根據(jù)所述商品詳情頁面初稿生成寬度為該頁面寬度參數(shù)的、外觀與所述商品詳情頁面初稿相一致的圖像。

可選地，所述商品詳情頁面模板中包含綁定特殊事件的偽屬性的代碼，該偽屬性綁定模板接受的頁面修改操作，用于接收文本或圖像；所述步驟A包括：接受所述偽屬性所綁定的頁面修改操作，將接收的文本和/或圖像添加到所述商品詳情頁面模板中，并且樣式屬性為所述偽屬性。

可選地，所述步驟B之前，還包括：對接收的圖像進(jìn)行縮放和/或裁剪，使圖像尺寸與所述商品詳情頁面模板中設(shè)定的圖像尺寸相一致。

可選地，所述步驟B包括：調(diào)用瀏覽器的畫布功能，該畫布功能用于按所述商品詳情頁面初稿的外觀繪制得到圖像；將所述畫布功能繪制得到的圖像的寬度調(diào)整為所述接收的頁面寬度參數(shù)。