生成商品详情页面数据的方法和终端装置的制造方法
【技术领域】
[0001] 本发明涉及计算机技术领域，特别地涉及一种生成商品详情页面数据的方法和终 端装置。
【背景技术】
[0002] 现有电子商务系统中，展示商品的页面一般包括电子商务平台的一般信息例如电 子商务平台标题、用户登录入口、商品分类信息、广告等，以及各商品的详情页。相比于各种 商品的不同详情页来说，上述一般信息通常更改较少，具有相对固定的主体样式；而商品详 情页由于各种商品的特性区别，展示方式各种各样，并且展示效果对于商品的销售也至关 重要。目前对于商品详情页的装修一般采用富文本编辑器来实现。富文本编辑器是一种比 较方便的页面编辑工具，是一种可视化编辑器，可以手动编辑或粘贴HTML代码，也可以使 用贴图的方式进行，由富文本编辑器生成相应的HTML代码。
[0003] 但是在商品详情页的装修方面，采用富文本编辑器，发明人发现其存在以下一些 问题：
[0004] 按照富文本编辑器操作方式，没有一定HTML代码功底的用户无法制作复杂页面， 一般以贴图方式制作详情页。富文本编辑器制作页面需要用户有较高的美术功底，需要自 己设计页面的展示效果。限于用户即电子商务的商家的美工能力和对于HTML代码的掌据 程度，在现实中采用富文本编辑器的许多用户难以得到装修效果较佳的商品详情页。
[0005] 富文本编辑器这种可视化编辑器由于是自动生成HTML代码，因此该HTML代码不 可控，生成的HTML代码中的页面样式代码，可能与现有的商品详情页面主体样式代码冲 突，导致在富文本编辑器中看到的装修效果和在商品详情页面实际展示的效果有较大差 异，商品详情页面装修人员往往需要重复观察商品详情页面效果、比较差异、调整富文本编 辑器中的设计才能达到比较满意的页面装修效果，这就影响了商品详情页的装修效率。
[0006] 另外，在现实中存在多个电子商务运营商，各个电子商务运营商的网站对于商品 详情页面的宽度的设定不尽相同，这就使商品详情页面装修人员要针对各种不同的页面宽 度进行设计，对商品详情页面的装修效率也造成影响。
【发明内容】
[0007] 有鉴于此，本发明提供一种生成商品详情页面数据的方法和装置，有助于提高商 品详情页面的装修效率，特别是提高用于多个电子商务运营商的网站的商品详情页面的装 修效率。
[0008] 为实现上述目的，根据本发明的一个方面，提供了一种生成商品详情页面数据的 方法。
[0009] 本发明的生成商品详情页面数据的方法包括：步骤A :终端装置将商品详情数据 填充到预设的商品详情页面模板中得到商品详情页面初稿，所述商品详情页面模板中包含 所述商品详情页面的页面样式；步骤B :终端装置根据接收的页面宽度参数，根据所述商品 详情页面初稿生成宽度为该页面宽度参数的、外观与所述商品详情页面初稿相一致的图 像。
[0010] 可选地，所述商品详情页面模板中包含绑定特殊事件的伪属性的代码，该伪属性 绑定模板接受的页面修改操作，用于接收文本或图像；所述步骤A包括：接受所述伪属性所 绑定的页面修改操作，将接收的文本和/或图像添加到所述商品详情页面模板中，并且样 式属性为所述伪属性。
[0011] 可选地，所述步骤B之前，还包括：对接收的图像进行缩放和/或裁剪，使图像尺寸 与所述商品详情页面模板中设定的图像尺寸相一致。
[0012] 可选地，所述步骤B包括：调用浏览器的画布功能，该画布功能用于按所述商品详 情页面初稿的外观绘制得到图像；将所述画布功能绘制得到的图像的宽度调整为所述接收 的页面宽度参数。
[0013] 可选地，调用浏览器的画布功能的步骤包括：调用文档对象模型解析器，该文档对 象模型解析器用于对所述商品详情页面初稿进行解析得到页面基础元素的集合；将所述页 面基础元素的集合发送给浏览器的画布功能模块。
[0014] 根据本发明的另一方面，提供了一种生成商品详情页面数据的装置。
[0015] 本发明的生成商品详情页面数据的装置包括：模板填充模块，用于将商品详情数 据填充到预设的商品详情页面模板中得到商品详情页面初稿，所述商品详情页面模板中包 含所述商品详情页面的页面样式；作图模块，用于根据接收的页面宽度参数，根据所述商 品详情页面初稿生成宽度为该页面宽度参数的、外观与所述商品详情页面初稿相一致的图 像。
[0016] 可选地，所述商品详情页面模板中包含绑定特殊事件的伪属性的代码，该伪属性 绑定模板接受的页面修改操作，用于接收文本或图像；所述模板填充模块还用于接受所述 伪属性所绑定的页面修改操作，将接收的文本和/或图像添加到所述商品详情页面模板 中，并且样式属性为所述伪属性。
[0017] 可选地，还包括图像尺寸调整模块，用于对接收的图像进行缩放和/或裁剪，使图 像尺寸与所述商品详情页面模板中设定的图像尺寸相一致。
[0018] 可选地，所述作图模块还用于：调用浏览器的画布功能，该画布功能用于按所述商 品详情页面初稿的外观绘制得到图像；将所述画布功能绘制得到的图像的宽度调整为所述 接收的页面宽度参数。
[0019] 可选地，所述作图模块还用于：调用文档对象模型解析器，该文档对象模型解析器 用于对所述商品详情页面初稿进行解析得到页面基础元素的集合；将所述页面基础元素的 集合发送给浏览器的画布功能模块。
[0020] 根据本发明的技术方案，终端装置将商品详情数据填充到预设的商品详情页面模 板中得到商品详情页面初稿，再根据接收的页面宽度参数，根据商品详情页面初稿生成宽 度为该页面宽度参数的、外观与商品详情页面初稿相一致的图像，这样一方面能够快速生 成商品详情页面数据，另一方面由于生成的图像的宽度为电子商务运营方指定的商品详情 页面的宽度，所以适用于各种电子商务运营方的网站，以上这两方面都有助于提高商品详 情页的装修效率。
【附图说明】
[0021] 附图用于更好地理解本发明，不构成对本发明的不当限定。其中：
[0022] 图1是根据本发明实施例的生成商品详情页面数据的方法的基本步骤的示意图；
[0023] 图2是根据本发明实施例的生成商品详情页面数据的装置的主要模块