CN104616158A - 生成商品详情页面的方法和装置 - Google Patents

Abstract

本发明提供一种生成商品详情页面的方法和装置，有助于提高在多种屏幕尺寸的终端设备上显示的商品详情页的装修效率。该方法包括：将商品详情的初始数据填充到第一类页面模板中得到第一类商品详情页面；所述第一类页面模板中包含在第一种显示尺寸参数的人机界面中显示商品详情页面的页面样式；将所述第一类商品详情页面中的商品详情的数据填充到第二类页面模板中；所述第二类页面模板中包含在第二种显示尺寸参数的人机界面中显示商品详情页面的页面样式；对所述第二类页面模板中的商品详情的数据按预设方式进行修改得到第二类商品详情页面。

Description

生成商品详情页面的方法和装置

技术领域

本发明涉及计算机技术领域，特别地涉及一种生成商品详情页面的方法和装置。

背景技术

现有电子商务系统中，展示商品的页面一般包括电子商务平台的一般信息例如电子商务平台标题、用户登录入口、商品分类信息、广告等，以及各商品的详情页。相比于各种商品的不同详情页来说，上述一般信息通常更改较少，具有相对固定的主体样式；而商品详情页由于各种商品的特性区别，展示方式各种各样，并且展示效果对于商品的销售也至关重要。目前对于商品详情页的装修一般采用富文本编辑器来实现。富文本编辑器是一种比较方便的页面编辑工具，是一种可视化编辑器，可以手动编辑或粘贴HTML代码，也可以使用贴图的方式进行，由富文本编辑器生成相应的HTML代码。

但是在商品详情页的装修方面，采用富文本编辑器，发明人发现其存在以下一些问题：

按照富文本编辑器操作方式，没有一定HTML代码功底的用户无法制作复杂页面，一般以贴图方式制作详情页。富文本编辑器制作页面需要用户有较高的美术功底，需要自己设计页面的展示效果。限于用户的美工能力和对于HTML代码的掌据程度，在现实中采用富文本编辑器的许多用户难以得到装修效果较佳的商品详情页。

富文本编辑器这种可视化编辑器由于是自动生成HTML代码，因此该HTML代码不可控，生成的HTML代码中的页面样式代码，可能与现有的商品详情页面主体样式代码冲突，导致在富文本编辑器中看到的装修效果和在商品详情页面实际展示的效果有较大差异，商品详情页面装修人员往往需要重复观察商品详情页面效果、比较差异、调整富文本编辑器中的设计才能达到比较满意的页面装修效果，这就影响了商品详情页的装修效率。

另外随着电子技术的发展，除了计算机以外，近些年来还出现了其他互联网终端设备。这里的计算机指的是通常所谓的台式机和笔记本电脑，而近年来还出现平板电脑、智能手机等能够接入互联网的终端设备。上述种种终端设备的屏幕尺寸各异，因此目前一般需要分别针对这些设备的屏幕尺寸来装修商品详情页，同样也导致了装修效率低下。

发明内容

有鉴于此，本发明提供一种生成商品详情页面的方法和装置，有助于提高在多种屏幕尺寸的终端设备上显示的商品详情页的装修效率。

为实现上述目的，根据本发明的一个方面，提供了一种生成商品详情页面的方法。

本发明的生成商品详情页面的方法包括：将商品详情的初始数据填充到第一类页面模板中得到第一类商品详情页面；所述第一类页面模板中包含在第一种显示尺寸参数的人机界面中显示商品详情页面的页面样式；将所述第一类商品详情页面中的商品详情的数据填充到第二类页面模板中；所述第二类页面模板中包含在第二种显示尺寸参数的人机界面中显示商品详情页面的页面样式；对所述第二类页面模板中的商品详情的数据按预设方式进行修改得到第二类商品详情页面。

可选地，所述第一种显示尺寸参数是在计算机屏幕上显示的页面的尺寸参数；所述第二种显示尺寸参数是在平板电脑上显示的页面的尺寸参数，或者所述第二种显示尺寸参数是在手机上显示的页面的尺寸参数。

可选地，将所述第一类商品详情页面中的商品详情的数据填充到第二类页面模板中的步骤之前，还包括：接收对所述商品详情的初始数据进行的修改，将修改后得到的数据作为所述第一类商品详情页面中的商品详情的数据。

可选地，所述预设方式包括：对于所述第二类页面模板中的商品详情的数据中的一个或多个文本段落，截取各文本段落的前预设数目个字；或者，所述预设方式包括：对于所述第二类页面模板中的商品详情的数据中的一个或多个文本段落，截取各文本段落的前预设数目个字，然后接收对所述多个字的修改。

可选地，所述预设方式包括：对于所述第二类页面模板中的商品详情的数据中的图片进行尺寸缩放和/或裁剪。

根据本发明的另一方面，提供了一种生成商品详情页面的装置。

本发明的生成商品详情页面的装置包括：第一填充模块，用于将商品详情的初始数据填充到第一类页面模板中得到第一类商品详情页面；所述第一类页面模板中包含在第一种显示尺寸参数的人机界面中显示商品详情页面的页面样式；第二填充模块，用于将所述第一类商品详情页面中的商品详情的数据填充到第二类页面模板中；所述第二类页面模板中包含在第二种显示尺寸参数的人机界面中显示商品详情页面的页面样式；修改模块，用于对所述第二类页面模板中的商品详情的数据按预设方式进行修改得到第二类商品详情页面。

可选地，所述第一种显示尺寸参数是在计算机屏幕上显示的页面的尺寸参数；所述第二种显示尺寸参数是在平板电脑上显示的页面的尺寸参数，或者所述第二种显示尺寸参数是在手机上显示的页面的尺寸参数。

可选地，所述修改模块还用于接收对所述商品详情的初始数据进行的修改，将修改后得到的数据作为所述第一类商品详情页面中的商品详情的数据。

可选地，所述预设方式包括：对于所述第二类页面模板中的商品详情的数据中的一个或多个文本段落，截取各文本段落的前预设数目个字；或者，所述预设方式包括：对于所述第二类页面模板中的商品详情的数据中的一个或多个文本段落，截取各文本段落的前预设数目个字，然后接收对所述多个字的修改。

可选地，所述预设方式包括：对于所述第二类页面模板中的商品详情的数据中的图片进行尺寸缩放和/或裁剪。

根据本发明的技术方案，将商品详情页面中的数据与样式相分离，首先用商品详情初始数据填充第一类页面模板，在商品详情数据基本定下来之后将其填充到第二类页面模板，再对商品详情数据做出修改，这样一是无需用户自己设计模板，二是提高商品详情页面的装修效率，三是有助于快速地装修多种显示比例的商品详情页面。

附图说明

附图用于更好地理解本发明，不构成对本发明的不当限定。其中：

图1是根据本发明实施例的生成商品详情页面的方法的主要步骤的示意图；

图2是根据本发明实施例的生成商品详情页面的装置的基本结构的示意图。

具体实施方式

以下结合附图对本发明的示范性实施例做出说明，其中包括本发明实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本发明的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。

在本发明实施例中，将页面模板数据和商品详情数据相分离，由设计人员设计页面模板，由用户即电子商务的商家提供商品详情数据，再将商品详情数据填充到页面模板中；并且对应于多种终端设备，分别设置不同的页面模板，各种页面模板包含一个显示尺寸参数的人机界面中显示商品详情页面的页面样式。在填充了对应于一种终端设备的页面模板之后，因为用户要放到商品详情页中的文本和图像等数据即商品详情数据此时已确定，所以再将该商品详情数据填充到另一种终端设备的页面模板中，因为两种终端设备的显示尺寸不尽相同，所以此时再对商品详情数据作一些修改，例如改变文本字数，并且/或者，改变图像尺寸。

用户登录到商品详情页面装修后台中之后，服务器即提供商品装修的服务，此时用户上传商品详情数据，并在合适的时候对商品详情数据进行修改(下文中有详细说明)，由服务器来生成商品详情页面。以下结合图1对本发明实施例的方法中的步骤加以说明。图1是根据本发明实施例的生成商品详情页面的方法的主要步骤的示意图。

步骤S11：将商品详情的初始数据填充到第一类页面模板中得到第一类商品详情页面。这里的第一类页面模板中包含在第一种显示尺寸参数的人机界面中显示商品详情页面的页面样式。

步骤S12：将第一类商品详情页面中的商品详情的数据填充到第二类页面模板中。这里的第一类商品详情页面中的商品详情的数据可以是由用户对步骤S11中的初始数据进行修改后的数据，例如替换一个图片，加长或缩短一段文本等。第二类页面模板中包含了另一种页面样式，这种页面样式是在第二种显示尺寸参数的人机界面中显示商品详情页面的页面样式。

可以看出经过上述两个步骤，在第一类商品详情页面装修完成后，将定稿的商品详情的数据填充到第二类页面模板中，即可基本完成另一种显示尺寸参数的人机界面中要显示的商品详情页面的装修，但一般来说由于显示尺寸参数不同，各类商品详情页面也需作一些调整，该调整同样是由服务器来完成，即步骤S13。

步骤S13：对第二类页面模板中的商品详情的数据按预设方式进行修改得到第二类商品详情页面。因为商品详情的数据主要是文本和图像，而对于文本和图像的修改，一般来说从长文本修改为短文本比较方便，从大幅图像修改为小幅图像比较方便，所以，本实施例的一种优选的方式是，在步骤S11中，填充模板得到计算机上显示的页面，即步骤S11中的第一种显示尺寸参数是在计算机屏幕上显示的页面的尺寸参数；然后在步骤S12中，采用的页面模板所包含的页面样式是用来在平板电脑或手机等屏幕尺寸一般要小于计算机屏幕尺寸的设备的人机界面上显示。

在本实施例中，在服务器中设定了对于文本和图像的修改方式。对于文本来说，直接截取预设数目的前若干个文字，例如在计算机上显示了一段包含50个字的文本，在手机屏幕上不便显示这么多字，就按照设定的“截取前10个字”的方式，截取前10个字。对于图片来说，可以先获取手机或平板电脑的屏幕尺寸，然后采用压缩算法，例如以下的压缩算法：在计算机屏幕图片分辨率为A(长)，B(宽)，手机需求图片分辨率为C(长)，D(宽)，设P1＝A/C，P2＝B/D，若P1<＝P2，压缩后的图片分辨率为：C(长)，B×(1/P1)(宽)；若P1>P2，手机压缩后的图片分辨率为：C×(1/P2)(长)，B(宽)。另外可以对图片直接裁剪，例如设置裁剪其中的

按照上面的做法，截取的前若干个文字可以由用户再手动修改一下，例如截取前10个字之后，第10个字和第11个字组成的词被拆开，这样就需要用户进行手动修改文字。

图2是根据本发明实施例的生成商品详情页面的装置的基本结构的示意图。如图2所示，本发明实施例的生成商品详情页面的装置20主要包括第一填充模块21、第二填充模块22、和修改模块23。

第一填充模块21用于将商品详情的初始数据填充到第一类页面模板中得到第一类商品详情页面；第一类页面模板中包含在第一种显示尺寸参数的人机界面中显示商品详情页面的页面样式；第二填充模块22用于将第一类商品详情页面中的商品详情的数据填充到第二类页面模板中；第二类页面模板中包含在第二种显示尺寸参数的人机界面中显示商品详情页面的页面样式；修改模块23用于对第二类页面模板中的商品详情的数据按预设方式进行修改得到第二类商品详情页面，还可用于接收对商品详情的初始数据进行的修改，将修改后得到的数据作为第一类商品详情页面中的商品详情的数据。

根据本发明实施例的技术方案，将商品详情页面中的数据与样式相分离，首先用商品详情初始数据填充第一类页面模板，在商品详情数据基本定下来之后将其填充到第二类页面模板，再对商品详情数据做出修改，这样一是无需用户自己设计模板，二是提高商品详情页面的装修效率，三是有助于快速地装修多种显示比例的商品详情页面。

以上结合具体实施例描述了本发明的基本原理，在本发明的装置和方法中，显然，各部件或各步骤是可以分解和/或重新组合的。这些分解和/或重新组合应视为本发明的等效方案。并且，执行上述系列处理的步骤可以自然地按照说明的顺序按时间顺序执行，但是并不需要一定按照时间顺序执行。某些步骤可以并行或彼此独立地执行。

上述具体实施方式，并不构成对本发明保护范围的限制。本领域技术人员应该明白的是，取决于设计要求和其他因素，可以发生各种各样的修改、组合、子组合和替代。任何在本发明的精神和原则之内所作的修改、等同替换和改进等，均应包含在本发明保护范围之内。

Claims (10)

1.一种生成商品详情页面的方法，其特征在于，包括：

将商品详情的初始数据填充到第一类页面模板中得到第一类商品详情页面；所述第一类页面模板中包含在第一种显示尺寸参数的人机界面中显示商品详情页面的页面样式；

将所述第一类商品详情页面中的商品详情的数据填充到第二类页面模板中；所述第二类页面模板中包含在第二种显示尺寸参数的人机界面中显示商品详情页面的页面样式；

对所述第二类页面模板中的商品详情的数据按预设方式进行修改得到第二类商品详情页面。

2.根据权利要求1所述的方法，其特征在于，

所述第一种显示尺寸参数是在计算机屏幕上显示的页面的尺寸参数；

所述第二种显示尺寸参数是在平板电脑上显示的页面的尺寸参数，或者所述第二种显示尺寸参数是在手机上显示的页面的尺寸参数。

3.根据权利要求1所述的方法，其特征在于，将所述第一类商品详情页面中的商品详情的数据填充到第二类页面模板中的步骤之前，还包括：接收对所述商品详情的初始数据进行的修改，将修改后得到的数据作为所述第一类商品详情页面中的商品详情的数据。

4.根据权利要求1，2，或3所述的方法，其特征在于，

所述预设方式包括：对于所述第二类页面模板中的商品详情的数据中的一个或多个文本段落，截取各文本段落的前预设数目个字；

或者，所述预设方式包括：对于所述第二类页面模板中的商品详情的数据中的一个或多个文本段落，截取各文本段落的前预设数目个字，然后接收对所述多个字的修改。

5.根据权利要求1，2，或3所述的方法，其特征在于，所述预设方式包括：对于所述第二类页面模板中的商品详情的数据中的图片进行尺寸缩放和/或裁剪。

6.一种生成商品详情页面的装置，其特征在于，包括：

第一填充模块，用于将商品详情的初始数据填充到第一类页面模板中得到第一类商品详情页面；所述第一类页面模板中包含在第一种显示尺寸参数的人机界面中显示商品详情页面的页面样式；

第二填充模块，用于将所述第一类商品详情页面中的商品详情的数据填充到第二类页面模板中；所述第二类页面模板中包含在第二种显示尺寸参数的人机界面中显示商品详情页面的页面样式；

修改模块，用于对所述第二类页面模板中的商品详情的数据按预设方式进行修改得到第二类商品详情页面。

7.根据权利要求6所述的装置，其特征在于，

所述第一种显示尺寸参数是在计算机屏幕上显示的页面的尺寸参数；

所述第二种显示尺寸参数是在平板电脑上显示的页面的尺寸参数，或者所述第二种显示尺寸参数是在手机上显示的页面的尺寸参数。

8.根据权利要求6所述的装置，其特征在于，所述修改模块还用于接收对所述商品详情的初始数据进行的修改，将修改后得到的数据作为所述第一类商品详情页面中的商品详情的数据。

9.根据权利要求6，7，或8所述的装置，其特征在于，

所述预设方式包括：对于所述第二类页面模板中的商品详情的数据中的一个或多个文本段落，截取各文本段落的前预设数目个字；

或者，所述预设方式包括：对于所述第二类页面模板中的商品详情的数据中的一个或多个文本段落，截取各文本段落的前预设数目个字，然后接收对所述多个字的修改。

10.根据权利要求6，7，或8所述的装置，其特征在于，所述预设方式包括：对于所述第二类页面模板中的商品详情的数据中的图片进行尺寸缩放和/或裁剪。