CN104616158B - 生成商品详情页面的方法和装置 - Google Patents
生成商品详情页面的方法和装置 Download PDFInfo
- Publication number
- CN104616158B CN104616158B CN201510076550.6A CN201510076550A CN104616158B CN 104616158 B CN104616158 B CN 104616158B CN 201510076550 A CN201510076550 A CN 201510076550A CN 104616158 B CN104616158 B CN 104616158B
- Authority
- CN
- China
- Prior art keywords
- page
- data
- commodity details
- class
- commodity
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Landscapes
- Processing Or Creating Images (AREA)
- Document Processing Apparatus (AREA)
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 (4)
1.一种生成商品详情页面的方法,其特征在于,包括:
将商品详情的初始数据填充到第一类页面模板中得到第一类商品详情页面;所述第一类页面模板中包含在第一种显示尺寸参数的人机界面中显示商品详情页面的页面样式;所述第一种显示尺寸参数是在计算机屏幕上显示的页面的尺寸参数;
接收对所述商品详情的初始数据进行的修改,将修改后得到的数据作为所述第一类商品详情页面中的商品详情的数据;
将所述第一类商品详情页面中的商品详情的数据填充到第二类页面模板中;所述第二类页面模板中包含在第二种显示尺寸参数的人机界面中显示商品详情页面的页面样式;所述第二种显示尺寸参数是在平板电脑上显示的页面的尺寸参数,或者所述第二种显示尺寸参数是在手机上显示的页面的尺寸参数;
对所述第二类页面模板中的商品详情的数据按预设方式进行修改得到第二类商品详情页面;其中,所述预设方式包括:
对于所述第二类页面模板中的商品详情的数据中的一个或多个文本段落,截取各文本段落的前预设数目个字;或者,对于所述第二类页面模板中的商品详情的数据中的一个或多个文本段落,截取各文本段落的前预设数目个字,然后接收对所述多个字的修改;
对于所述第二类页面模板中的商品详情的数据中的图片进行尺寸缩放和/或裁剪。
2.一种生成商品详情页面的装置,其特征在于,包括:
第一填充模块,用于将商品详情的初始数据填充到第一类页面模板中得到第一类商品详情页面;所述第一类页面模板中包含在第一种显示尺寸参数的人机界面中显示商品详情页面的页面样式;所述第一种显示尺寸参数是在计算机屏幕上显示的页面的尺寸参数;
第二填充模块,用于将所述第一类商品详情页面中的商品详情的数据填充到第二类页面模板中;所述第二类页面模板中包含在第二种显示尺寸参数的人机界面中显示商品详情页面的页面样式;所述第二种显示尺寸参数是在平板电脑上显示的页面的尺寸参数,或者所述第二种显示尺寸参数是在手机上显示的页面的尺寸参数;
修改模块,用于接收对所述商品详情的初始数据进行的修改,将修改后得到的数据作为所述第一类商品详情页面中的商品详情的数据;用于对所述第二类页面模板中的商品详情的数据按预设方式进行修改得到第二类商品详情页面;其中,所述预设方式包括:
对于所述第二类页面模板中的商品详情的数据中的一个或多个文本段落,截取各文本段落的前预设数目个字;或者,对于所述第二类页面模板中的商品详情的数据中的一个或多个文本段落,截取各文本段落的前预设数目个字,然后接收对所述多个字的修改;
对于所述第二类页面模板中的商品详情的数据中的图片进行尺寸缩放和/或裁剪。
3.一种生成商品详情页面的电子设备,其特征在于,包括:
一个或多个处理器;
存储装置,用于存储一个或多个程序,
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如权利要求1所述的方法。
4.一种计算机可读介质,其上存储有计算机程序,其特征在于,所述程序被处理器执行时实现如权利要求1所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201510076550.6A CN104616158B (zh) | 2015-02-13 | 2015-02-13 | 生成商品详情页面的方法和装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201510076550.6A CN104616158B (zh) | 2015-02-13 | 2015-02-13 | 生成商品详情页面的方法和装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN104616158A CN104616158A (zh) | 2015-05-13 |
CN104616158B true CN104616158B (zh) | 2018-10-19 |
Family
ID=53150593
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201510076550.6A Active CN104616158B (zh) | 2015-02-13 | 2015-02-13 | 生成商品详情页面的方法和装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN104616158B (zh) |
Families Citing this family (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104966204A (zh) * | 2015-07-06 | 2015-10-07 | 无锡天脉聚源传媒科技有限公司 | 一种网络店铺的生成方法和装置 |
CN105426347A (zh) * | 2015-10-29 | 2016-03-23 | 北京京东尚科信息技术有限公司 | 提供对象信息的方法、显示终端和服务器 |
CN107656941A (zh) * | 2016-07-26 | 2018-02-02 | 阿里巴巴集团控股有限公司 | 文件解析方法、装置及富文本编辑器 |
CN106484242B (zh) * | 2016-09-19 | 2019-09-20 | 北京京东尚科信息技术有限公司 | 界面的信息显示方法和装置 |
CN106547928A (zh) * | 2016-12-27 | 2017-03-29 | 浪潮软件集团有限公司 | 一种电商行业商品详情页面装修方法 |
CN110598017B (zh) * | 2019-08-29 | 2020-08-14 | 杭州光云科技股份有限公司 | 一种基于自学习的商品详情页的生成方法 |
CN111339467A (zh) * | 2020-02-27 | 2020-06-26 | 上海百秋电子商务有限公司 | 基于电商平台商品详情页标准化模板的方法 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101815093A (zh) * | 2010-03-11 | 2010-08-25 | 深圳市嘉讯软件有限公司 | 一种网页到移动终端的适配方法及移动终端页面适配装置 |
CN103218357A (zh) * | 2012-01-18 | 2013-07-24 | 腾讯科技(深圳)有限公司 | 页面的设置方法及装置 |
CN103593196A (zh) * | 2013-11-25 | 2014-02-19 | 深信服网络科技(深圳)有限公司 | 页面布局自适应方法及装置 |
CN103744985A (zh) * | 2014-01-16 | 2014-04-23 | 世纪龙信息网络有限责任公司 | 网页适配的方法和系统 |
Family Cites Families (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US8307045B1 (en) * | 2001-08-22 | 2012-11-06 | Open Text S.A. | System and method for creating target-specific data conversion templates using a master style template |
-
2015
- 2015-02-13 CN CN201510076550.6A patent/CN104616158B/zh active Active
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101815093A (zh) * | 2010-03-11 | 2010-08-25 | 深圳市嘉讯软件有限公司 | 一种网页到移动终端的适配方法及移动终端页面适配装置 |
CN103218357A (zh) * | 2012-01-18 | 2013-07-24 | 腾讯科技(深圳)有限公司 | 页面的设置方法及装置 |
CN103593196A (zh) * | 2013-11-25 | 2014-02-19 | 深信服网络科技(深圳)有限公司 | 页面布局自适应方法及装置 |
CN103744985A (zh) * | 2014-01-16 | 2014-04-23 | 世纪龙信息网络有限责任公司 | 网页适配的方法和系统 |
Also Published As
Publication number | Publication date |
---|---|
CN104616158A (zh) | 2015-05-13 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN104616158B (zh) | 生成商品详情页面的方法和装置 | |
WO2021042515A1 (zh) | 图数据存储和查询方法、装置及计算机可读存储介质 | |
CN104573131B (zh) | 生成商品详情页面数据的方法和终端装置 | |
CN110515951B (zh) | 一种bom标准化方法、系统及电子设备和存储介质 | |
CN104572084B (zh) | 卡片业务中用户界面生成及数据下发方法、装置 | |
CN104298727B (zh) | 一种基于文档的模板匹配方法及装置 | |
TWI525456B (zh) | Choose font, font determination, recommendation, generation method and device | |
CN112102445B (zh) | 楼盘海报制作方法、装置、设备及计算机可读存储介质 | |
CN104239067B (zh) | 微型客户端的制作方法及装置 | |
CN106372090B (zh) | 一种查询聚类方法及装置 | |
JP2019520617A (ja) | 広告生成方法、コンピュータ読み取り可能な記憶媒体及びシステム | |
US20190043229A1 (en) | Analytics visualization | |
CN110647371A (zh) | 一种基于业务配置的多语言资源文件解析方法和系统 | |
EP2857943A1 (en) | Method and device for providing virtual input keyboard | |
CN113836124A (zh) | 用户画像的生成方法、装置、设备及存储介质 | |
CN102929636A (zh) | 一种人机交互界面创建方法和装置 | |
US8775385B2 (en) | Techniques to modify file descriptors for content files | |
CN107909628A (zh) | 一种文字处理系统及方法 | |
JP2020502710A (ja) | ウェブページメイン画像認識方法及び装置 | |
CN104793837A (zh) | 图形生成方法及装置 | |
Song et al. | Development of a lightweight CAE middleware for CAE data exchange | |
CN105808636A (zh) | 一种基于app信息数据的超文本链接推送系统 | |
Ślusarczyk | Hierarchical hypergraph transformations in engineering design | |
CN104361047B (zh) | 一种客户端中的数据展示方法及装置 | |
CN107273398A (zh) | 人机接口系统和用于操作其的方法 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |