生成商品詳情頁(yè)面數(shù)據(jù)的方法和終端裝置的制造方法
【技術(shù)領(lǐng)域】
[0001] 本發(fā)明涉及計(jì)算機(jī)技術(shù)領(lǐng)域，特別地涉及一種生成商品詳情頁(yè)面數(shù)據(jù)的方法和終 端裝置。
【背景技術(shù)】
[0002] 現(xiàn)有電子商務(wù)系統(tǒng)中，展示商品的頁(yè)面一般包括電子商務(wù)平臺(tái)的一般信息例如電 子商務(wù)平臺(tái)標(biāo)題、用戶登錄入口、商品分類信息、廣告等，以及各商品的詳情頁(yè)。相比于各種 商品的不同詳情頁(yè)來說，上述一般信息通常更改較少，具有相對(duì)固定的主體樣式；而商品詳 情頁(yè)由于各種商品的特性區(qū)別，展示方式各種各樣，并且展示效果對(duì)于商品的銷售也至關(guān) 重要。目前對(duì)于商品詳情頁(yè)的裝修一般采用富文本編輯器來實(shí)現(xiàn)。富文本編輯器是一種比 較方便的頁(yè)面編輯工具，是一種可視化編輯器，可以手動(dòng)編輯或粘貼HTML代碼，也可以使 用貼圖的方式進(jìn)行，由富文本編輯器生成相應(yīng)的HTML代碼。
[0003] 但是在商品詳情頁(yè)的裝修方面，采用富文本編輯器，發(fā)明人發(fā)現(xiàn)其存在以下一些 問題：
[0004] 按照富文本編輯器操作方式，沒有一定HTML代碼功底的用戶無法制作復(fù)雜頁(yè)面， 一般以貼圖方式制作詳情頁(yè)。富文本編輯器制作頁(yè)面需要用戶有較高的美術(shù)功底，需要自 己設(shè)計(jì)頁(yè)面的展示效果。限于用戶即電子商務(wù)的商家的美工能力和對(duì)于HTML代碼的掌據(jù) 程度，在現(xiàn)實(shí)中采用富文本編輯器的許多用戶難以得到裝修效果較佳的商品詳情頁(yè)。
[0005] 富文本編輯器這種可視化編輯器由于是自動(dòng)生成HTML代碼，因此該HTML代碼不 可控，生成的HTML代碼中的頁(yè)面樣式代碼，可能與現(xiàn)有的商品詳情頁(yè)面主體樣式代碼沖 突，導(dǎo)致在富文本編輯器中看到的裝修效果和在商品詳情頁(yè)面實(shí)際展示的效果有較大差 異，商品詳情頁(yè)面裝修人員往往需要重復(fù)觀察商品詳情頁(yè)面效果、比較差異、調(diào)整富文本編 輯器中的設(shè)計(jì)才能達(dá)到比較滿意的頁(yè)面裝修效果，這就影響了商品詳情頁(yè)的裝修效率。
[0006] 另外，在現(xiàn)實(shí)中存在多個(gè)電子商務(wù)運(yùn)營(yíng)商，各個(gè)電子商務(wù)運(yùn)營(yíng)商的網(wǎng)站對(duì)于商品 詳情頁(yè)面的寬度的設(shè)定不盡相同，這就使商品詳情頁(yè)面裝修人員要針對(duì)各種不同的頁(yè)面寬 度進(jìn)行設(shè)計(jì)，對(duì)商品詳情頁(yè)面的裝修效率也造成影響。

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

[0007] 有鑒于此，本發(fā)明提供一種生成商品詳情頁(yè)面數(shù)據(jù)的方法和裝置，有助于提高商 品詳情頁(yè)面的裝修效率，特別是提高用于多個(gè)電子商務(wù)運(yùn)營(yíng)商的網(wǎng)站的商品詳情頁(yè)面的裝 修效率。
[0008] 為實(shí)現(xiàn)上述目的，根據(jù)本發(fā)明的一個(gè)方面，提供了一種生成商品詳情頁(yè)面數(shù)據(jù)的 方法。
[0009] 本發(fā)明的生成商品詳情頁(yè)面數(shù)據(jù)的方法包括：步驟A :終端裝置將商品詳情數(shù)據(jù) 填充到預(yù)設(shè)的商品詳情頁(yè)面模板中得到商品詳情頁(yè)面初稿，所述商品詳情頁(yè)面模板中包含 所述商品詳情頁(yè)面的頁(yè)面樣式；步驟B :終端裝置根據(jù)接收的頁(yè)面寬度參數(shù)，根據(jù)所述商品 詳情頁(yè)面初稿生成寬度為該頁(yè)面寬度參數(shù)的、外觀與所述商品詳情頁(yè)面初稿相一致的圖 像。
[0010] 可選地，所述商品詳情頁(yè)面模板中包含綁定特殊事件的偽屬性的代碼，該偽屬性 綁定模板接受的頁(yè)面修改操作，用于接收文本或圖像；所述步驟A包括：接受所述偽屬性所 綁定的頁(yè)面修改操作，將接收的文本和/或圖像添加到所述商品詳情頁(yè)面模板中，并且樣 式屬性為所述偽屬性。
[0011] 可選地，所述步驟B之前，還包括：對(duì)接收的圖像進(jìn)行縮放和/或裁剪，使圖像尺寸 與所述商品詳情頁(yè)面模板中設(shè)定的圖像尺寸相一致。
[0012] 可選地，所述步驟B包括：調(diào)用瀏覽器的畫布功能，該畫布功能用于按所述商品詳 情頁(yè)面初稿的外觀繪制得到圖像；將所述畫布功能繪制得到的圖像的寬度調(diào)整為所述接收 的頁(yè)面寬度參數(shù)。
[0013] 可選地，調(diào)用瀏覽器的畫布功能的步驟包括：調(diào)用文檔對(duì)象模型解析器，該文檔對(duì) 象模型解析器用于對(duì)所述商品詳情頁(yè)面初稿進(jìn)行解析得到頁(yè)面基礎(chǔ)元素的集合；將所述頁(yè) 面基礎(chǔ)元素的集合發(fā)送給瀏覽器的畫布功能模塊。
[0014] 根據(jù)本發(fā)明的另一方面，提供了一種生成商品詳情頁(yè)面數(shù)據(jù)的裝置。
[0015] 本發(fā)明的生成商品詳情頁(yè)面數(shù)據(jù)的裝置包括：模板填充模塊，用于將商品詳情數(shù) 據(jù)填充到預(yù)設(shè)的商品詳情頁(yè)面模板中得到商品詳情頁(yè)面初稿，所述商品詳情頁(yè)面模板中包 含所述商品詳情頁(yè)面的頁(yè)面樣式；作圖模塊，用于根據(jù)接收的頁(yè)面寬度參數(shù)，根據(jù)所述商 品詳情頁(yè)面初稿生成寬度為該頁(yè)面寬度參數(shù)的、外觀與所述商品詳情頁(yè)面初稿相一致的圖 像。
[0016] 可選地，所述商品詳情頁(yè)面模板中包含綁定特殊事件的偽屬性的代碼，該偽屬性 綁定模板接受的頁(yè)面修改操作，用于接收文本或圖像；所述模板填充模塊還用于接受所述 偽屬性所綁定的頁(yè)面修改操作，將接收的文本和/或圖像添加到所述商品詳情頁(yè)面模板 中，并且樣式屬性為所述偽屬性。
[0017] 可選地，還包括圖像尺寸調(diào)整模塊，用于對(duì)接收的圖像進(jìn)行縮放和/或裁剪，使圖 像尺寸與所述商品詳情頁(yè)面模板中設(shè)定的圖像尺寸相一致。
[0018] 可選地，所述作圖模塊還用于：調(diào)用瀏覽器的畫布功能，該畫布功能用于按所述商 品詳情頁(yè)面初稿的外觀繪制得到圖像；將所述畫布功能繪制得到的圖像的寬度調(diào)整為所述 接收的頁(yè)面寬度參數(shù)。
[0019] 可選地，所述作圖模塊還用于：調(diào)用文檔對(duì)象模型解析器，該文檔對(duì)象模型解析器 用于對(duì)所述商品詳情頁(yè)面初稿進(jìn)行解析得到頁(yè)面基礎(chǔ)元素的集合；將所述頁(yè)面基礎(chǔ)元素的 集合發(fā)送給瀏覽器的畫布功能模塊。
[0020] 根據(jù)本發(fā)明的技術(shù)方案，終端裝置將商品詳情數(shù)據(jù)填充到預(yù)設(shè)的商品詳情頁(yè)面模 板中得到商品詳情頁(yè)面初稿，再根據(jù)接收的頁(yè)面寬度參數(shù)，根據(jù)商品詳情頁(yè)面初稿生成寬 度為該頁(yè)面寬度參數(shù)的、外觀與商品詳情頁(yè)面初稿相一致的圖像，這樣一方面能夠快速生 成商品詳情頁(yè)面數(shù)據(jù)，另一方面由于生成的圖像的寬度為電子商務(wù)運(yùn)營(yíng)方指定的商品詳情 頁(yè)面的寬度，所以適用于各種電子商務(wù)運(yùn)營(yíng)方的網(wǎng)站，以上這兩方面都有助于提高商品詳 情頁(yè)的裝修效率。
【附圖說明】
[0021] 附圖用于更好地理解本發(fā)明，不構(gòu)成對(duì)本發(fā)明的不當(dāng)限定。其中：
[0022] 圖1是根據(jù)本發(fā)明實(shí)施例的生成商品詳情頁(yè)面數(shù)據(jù)的方法的基本步驟的示意圖；
[0023] 圖2是根據(jù)本發(fā)明實(shí)施例的生成商品詳情頁(yè)面數(shù)據(jù)的裝置的主要模塊