CN106611340A - 动态展示方法和装置、动态设置方法和装置 - Google Patents

动态展示方法和装置、动态设置方法和装置 Download PDF

Info

Publication number
CN106611340A
CN106611340A CN201510689405.5A CN201510689405A CN106611340A CN 106611340 A CN106611340 A CN 106611340A CN 201510689405 A CN201510689405 A CN 201510689405A CN 106611340 A CN106611340 A CN 106611340A
Authority
CN
China
Prior art keywords
content
pages
dynamic
component
module
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.)
Pending
Application number
CN201510689405.5A
Other languages
English (en)
Inventor
孙龙菲
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Alibaba Group Holding Ltd
Original Assignee
Alibaba Group Holding Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Alibaba Group Holding Ltd filed Critical Alibaba Group Holding Ltd
Priority to CN201510689405.5A priority Critical patent/CN106611340A/zh
Publication of CN106611340A publication Critical patent/CN106611340A/zh
Pending legal-status Critical Current

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06QINFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
    • G06Q30/00Commerce
    • G06Q30/02Marketing; Price estimation or determination; Fundraising
    • G06Q30/0282Rating or review of business operators or products
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06QINFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
    • G06Q30/00Commerce
    • G06Q30/06Buying, selling or leasing transactions
    • G06Q30/0601Electronic shopping [e-shopping]

Landscapes

  • Business, Economics & Management (AREA)
  • Accounting & Taxation (AREA)
  • Finance (AREA)
  • Strategic Management (AREA)
  • Engineering & Computer Science (AREA)
  • Development Economics (AREA)
  • Marketing (AREA)
  • Economics (AREA)
  • Physics & Mathematics (AREA)
  • General Business, Economics & Management (AREA)
  • General Physics & Mathematics (AREA)
  • Theoretical Computer Science (AREA)
  • Game Theory and Decision Science (AREA)
  • Entrepreneurship & Innovation (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本申请提出一种动态展示方法和装置、动态设置方法和装置,该动态展示方法包括:获取页面内容;识别所述页面内容中的动态标;根据所述动态标对所述页面内容中需要动态显示的组件进行渲染。本申请可让用户自行定制搜索展示风格,基于动态组件技术,结合搜索结果数据,实现了个性化的搜索展示,并能够为消费者带来全新的用户体验。

Description

动态展示方法和装置、动态设置方法和装置
技术领域
本申请涉及搜索技术领域,尤其涉及一种动态展示方法和装置、动态设置方法和装置。
背景技术
电子商务网站中搜索功能一般都占据主导地位,但现有的搜索功能存在一定的不足:搜索结果展示时为每个商家提供的搜索展示都是千篇一律,并没有展示其个性化的地方,虽然底层提供的搜索结果是相同的,但对于不同类型的商品以及不同商家可能会有更合适的展示。因此,如何在既有搜索功能的基础上满足商家的展示需求成为一个亟需解决的问题。
但是,现有技术中,对于一个既定的搜索结果,一般的电商服务平台都是一致性的搜索展示,并没有展示每个站点的个性点。
发明内容
本申请的目的旨在至少在一定程度上解决相关技术中的技术问题之一。
为此,本申请的第一个目的在于提出一种动态展示方法。该方法可让用户自行定制搜索展示风格,基于动态组件技术,结合搜索结果数据,实现了个性化的搜索展示,并能够为消费者带来全新的用户体验。
本申请的第二个目的在于提出一种动态展示装置。
本申请的第三个目的在于提出一种动态设置方法。该方法可以根据用户的选择对页面内容中需要动态显示的组件设置动态标,从而可以让用户自行定制搜索展示风格,进而可以实现个性化的搜索展示,并能够为消费者带来全新的用户体验。
本申请的第四个目的在于提出一种动态设置装置。
为了实现上述目的,本申请第一方面实施例的动态展示方法,包括:获取页面内容;识别所述页面内容中的动态标;根据所述动态标对所述页面内容中需要动态显示的组件进行渲染。
本申请实施例的动态展示方法,获取页面内容之后,识别上述页面内容中的动态标,然后根据上述动态标对上述页面内容中需要动态显示的组件进行渲染,从而可以实现用户自行定制搜索展示风格,基于动态组件技术,结合搜索结果数据,实现了个性化的搜索展示,并能够为消费者带来全新的用户体验。
为了实现上述目的,本申请第二方面实施例的动态设置方法,包括:根据通用模型,将用户提交的内容生成为页面内容;对所述页面内容进行切割,并根据所述用户的选择对切割获得的组件中需要动态显示的组件设置动态标。
本申请实施例的动态设置方法,根据通用模型,将用户提交的内容生成为页面内容之后,对上述页面内容进行切割,并根据用户的选择对切割获得的组件中需要动态显示的组件设置动态标,从而可以让用户自行定制搜索展示风格,进而可以实现个性化的搜索展示,并能够为消费者带来全新的用户体验。
为了实现上述目的,本申请第三方面实施例的动态展示装置,包括:获取模块,用于获取页面内容;识别模块,用于识别所述获取模块获取的页面内容中的动态标;渲染模块,用于根据所述识别模块识别的动态标对所述页面内容中需要动态显示的组件进行渲染。
本申请实施例的动态展示装置,获取模块获取页面内容之后,识别模块识别上述页面内容中的动态标,然后渲染模块根据上述动态标对上述页面内容中需要动态显示的组件进行渲染,从而可以实现用户自行定制搜索展示风格,基于动态组件技术,结合搜索结果数据,实现了个性化的搜索展示,并能够为消费者带来全新的用户体验。
为了实现上述目的,本申请第四方面实施例的动态设置装置,包括:生成模块,用于根据通用模型,将用户提交的内容生成为页面内容;切割模块,用于对所述生成模块生成的页面内容进行切割;设置模块,用于根据所述用户的选择对所述切割模块切割获得的组件中需要动态显示的组件设置动态标。
本申请实施例的动态设置装置,生成模块根据通用模型,将用户提交的内容生成为页面内容之后,切割模块对上述页面内容进行切割,设置模块根据用户的选择对切割获得的组件中需要动态显示的组件设置动态标,从而可以让用户自行定制搜索展示风格,进而可以实现个性化的搜索展示,并能够为消费者带来全新的用户体验。
本申请附加的方面和优点将在下面的描述中部分给出,部分将从下面的描述中变得明显,或通过本申请的实践了解到。
附图说明
本申请上述的和/或附加的方面和优点从下面结合附图对实施例的描述中将变得明显和容易理解,其中:
图1为本申请动态展示方法一个实施例的流程图;
图2为本申请动态展示方法另一个实施例的流程图;
图3为本申请动态展示方法再一个实施例的流程图;
图4为本申请动态展示方法再一个实施例的流程图;
图5为本申请动态展示方法再一个实施例的流程图;
图6为本申请动态展示方法中动静切割一个实施例的示意图;
图7为本申请动态设置方法一个实施例的流程图;
图8为本申请动态设置方法中XML文件的基本内容形式一个实施例的示意图;
图9为本申请动态展示装置一个实施例的结构示意图;
图10为本申请动态展示装置另一个实施例的结构示意图;
图11为本申请动态设置装置一个实施例的结构示意图;
图12为本申请动态设置装置另一个实施例的结构示意图。
具体实施方式
下面详细描述本申请的实施例,所述实施例的示例在附图中示出,其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实施例是示例性的,仅用于解释本申请,而不能理解为对本申请的限制。相反,本申请的实施例包括落入所附加权利要求书的精神和内涵范围内的所有变化、修改和等同物。
在电子商务中,拥有独立域名的商务网站对于公司或企业类卖家来说更能够彰显其营销规模及公司实力,使得用户能够放心购买商品。而对于中小型卖家来说单独开发、运营一个网站不仅会带来巨大的成本还需要聘请专业的技术人员来维护、更新网站的功能及安全性,这对于中小型卖家来说开发成本及维护代价太大。基于上述问题,当前一些电子商务平台为商家提供独立站点,并维护网站的功能及安全性,而商家仅需专一地关心其商品的来源及销售,并且通过电子商务平台提供的网站也能够彰显其公司实力,从而吸引更多的消费者,带来更多地收益。
电子商务网站中搜索功能一般都会占据主导的角色,因为对于消费者来说,会更多、更频繁地通过搜索来查找其喜欢的商品,但电子商务网站中的搜索功能存在一定的不足:搜索结果展示时为每个商家提供的搜索展示都是千篇一律,并没有展示其个性化的地方,虽然底层提供的搜索结果是相同的,但对于不同类型的商品以及不同商家可能会有更合适的展示。例如专门销售淑女装的站点,其主题可能会更倾向于粉色系或可爱类型系;专门销售童装的站点,其服装的展示及整体的设计会更倾向于活波、可爱类型。因此,如何在既有搜索功能的基础上能够满足商家的展示需求成为一个亟需解决的问题。
本申请提供的动态展示方法可以满足上述商家的展示需求,可让商家自主设计网站风格及商品展示,并基于动态组件技术,结合搜索结果数据,展示出能够真正体现商家独特风格及商品的主题。通过本申请能够为商家带来真正地个性化搜索展示,并能够为消费者带来全新的用户体验。
图1为本申请动态展示方法一个实施例的流程图,如图1所示,该动态展示方法可以包括:
步骤101,获取页面内容。
步骤102,识别上述页面内容中的动态标。
步骤103,根据上述动态标对上述页面内容中需要动态显示的组件进行渲染。
上述动态展示方法中,获取页面内容之后,识别上述页面内容中的动态标,然后根据上述动态标对上述页面内容中需要动态显示的组件进行渲染,从而可以实现用户自行定制搜索展示风格,基于动态组件技术,结合搜索结果数据,实现了个性化的搜索展示,并能够为消费者带来全新的用户体验。
图2为本申请动态展示方法另一个实施例的流程图,如图2所示,步骤103之后,还可以包括:
步骤201,将渲染后的需要动态显示的组件显示为用户定制的页面内容。
图3为本申请动态展示方法再一个实施例的流程图,如图3所示,步骤103之后,还可以包括:
步骤301,将渲染后的需要动态显示的组件与上述页面内容中需要静态显示的组件进行拼接,获得用户定制的页面内容。
图4为本申请动态展示方法再一个实施例的流程图,如图4所示,步骤103可以包括:
步骤401,对动态标进行解析,获得上述动态标中的参数。
其中,动态标的基本示例如下:
<dynamic data-arg="10001"data-template="subsite:fair/homepage/modMainExInfo.vm">
<imgsrc="https://cbu01.alicdn.com/cms/upload/2015/771/843/2348177_171076489.jpg_.webp"/>
</dynamic>
具体地,对上述动态标进行解析,获得的上述动态标中的参数可以为:data-arg="10001"和data-template="subsite:fair/homepage/modMainExInfo.vm"。
步骤402,通过上述参数,获得渲染上述需要动态显示的组件所需的数据。
具体地,可以通过上述参数获得对应的回调函数和上述回调函数的参数,并调用上述参数对应的接口获取渲染上述需要动态显示的组件所需的数据。
其中,渲染上述需要动态显示的组件所需的数据为渲染上述需要动态显示的组件所需的搜索结果数据。
在具体实现时,获得上述动态标中的参数之后,还需要对上述参数进行解析,其中参数解析即是通过参数解析表自动映射得出参数值,对于非法参数或非格式化参数则会解析失败。
然后,通过上述参数值获得对应的回调(callback)函数及上述回调函数的参数,并通过java反射机制调用相应的接口获取渲染上述需要动态显示的组件所需的数据。
步骤403,根据所获得的数据进行渲染。
具体地,在根据所获得的数据进行渲染时是通过Webx3框架提供的渲染机制直接渲染,最后与切割获得的业务区块中静态显示的组件进行拼接,获得上述用户定制的页面内容,并返回给用户使用。
图5为本申请动态展示方法再一个实施例的流程图,如图5所示,步骤101可以为:
步骤501,根据通用模型,将用户提交的内容生成为页面内容。
步骤502,对上述页面内容进行切割,并根据用户的选择对切割获得的组件中需要动态显示的组件设置动态标。
本申请中,在对页面内容进行切割时,由于部分页面内容仅需要静态显示即可,例如:头部和/或尾部信息展示等,所以本申请在切割页面内容时是采用动静结合的方式来切割的。
然后,可以根据上述用户的选择对切割获得的组件中需要动态显示的组件设置动态标,也就是说,可以对切割获得的组件中上述用户选择的需要动态显示的组件设置动态标,动态标的一个示例如上所示,在此不再赘述。
进行切割并设置动态标之后的页面内容可以如图6所示,图6为本申请动态展示方法中动静切割一个实施例的示意图。图6中,静态组件即为静态显示的组件,动态组件即为需要动态显示的组件。
上述动态展示方法可以对根据用户提交的内容生成的页面内容进行渲染,最终生成出用户自行定制的页面,从而实现个性化的搜索展示。
图7为本申请动态设置方法一个实施例的流程图,如图7所示,上述动态设置方法可以包括:
步骤701,根据通用模型,将用户提交的内容生成为页面内容。
本实施例中,将页面风格及样式的定义交给用户自行处理,那么出于安全考虑,可以制定一个通用模型,用户可通过该通用模型设置页面风格及样式。上述通用模型可以通过可扩展标记语言(Extensible Markup Language;以下简称:XML)文件展示,用户填写的内容都是通过该XML文件进行校验,上述XML文件的基本内容形式可以如图8所示,图8为本申请动态设置方法中XML文件的基本内容形式一个实施例的示意图。
步骤702,对上述页面内容进行切割,并根据上述用户的选择对切割获得的组件中需要动态显示的组件设置动态标。
进一步地,步骤701之后,还可以通过层叠样式表(Cascading Style Sheets;以下简称:CSS)对上述页面内容进行修饰。本实施例中,通过上述通用模型可以将上述用户提交的内容编写出基本的页面结果,然后需要通过CSS对基本的页面结果进行修饰。本实施例采用统一的CSS格式,CSS格式表可以如表1所示。
表1
序号 属性 格式 备注
1 class ***-***-*** 全部小写、最多两个-
2 id ***-*** 全部小写、最多一个-,全局唯一
3 name ***-*** 全部小写、最多一个-
进一步地,步骤701之后,还可以对上述页面内容进行校验。
其中,上述校验包括安全性校验、敏感词校验、格式化校验、规格化校验和样式校验之一或组合。
本申请中,在生成页面内容之后,需要对上述页面内容进行自动化校验,上述校验可以包括安全性校验、敏感词校验、格式化校验、规格化校验和样式校验之一或组合。其中,上述安全性校验主要是判断是否跨站脚本攻击(Cross Site Scripting;以下简称:XSS)、跨站请求伪造(Cross-Site Request Forgery;以下简称:CSRF)等攻击;敏感词校验是判断用户输入的文案是否包含敏感词;格式化校验主要是用来检查用户提交的内容格式是否正确;规格化校验是对照通用模型判断用户输入的内容是否都是在通用模型内;样式校验则是对CSS规范及整个页面布局的校验。
这时,对上述页面内容进行切割可以为:对通过校验的页面内容进行切割。
也就是说,本实施例中,如果生成的页面内容通过了校验,则对通过校验的页面内容进行切割;而如果生成的页面内容未通过校验,则给出相应的提示,以提示用户上述生成的页面内容未通过哪项校验,举例来说,如果上述生成的页面内容未通过安全性校验,则提示未通过安全性校验,以此类推,在此不再赘述。
本实施例中,在对通过校验的页面内容进行切割时,由于部分页面内容仅需要静态显示即可,例如:头部和/或尾部信息展示等,所以本实施例在切割页面内容时是采用动静结合的方式来切割的。
然后,可以根据上述用户的选择对切割获得的组件中需要动态显示的组件设置动态标,也就是说,可以对切割获得的组件中上述用户选择的需要动态显示的组件设置动态标。
其中,动态标的基本示例如下:
<dynamic data-arg="10001"data-template="subsite:fair/homepage/modMainExInfo.vm">
<imgsrc="https://cbu01.alicdn.com/cms/upload/2015/771/843/2348177_171076489.jpg_.webp"/>
</dynamic>
进行切割并设置动态标之后的页面内容可以如图6所示,图6中,静态组件即为静态显示的组件,动态组件即为需要动态显示的组件。
上述动态设置方法中,根据通用模型,将用户提交的内容生成为页面内容之后,对上述页面内容进行切割,并根据用户的选择对切割获得的组件中需要动态显示的组件设置动态标,从而可以让用户自行定制搜索展示风格,进而可以实现个性化的搜索展示,并能够为消费者带来全新的用户体验。
在实施本申请提供的动态展示方法和动态设置方法时,主要分为前端页面布局、服务端异步JavaScript和XML(Asynchronous JavaScript and XML;以下简称:Ajax)接口、服务端逻辑处理接口和底层算法分析处理部分,第一部分的前端页面布局可以使用超文本标记语言(HyperText Markup Language;以下简称:HTML)结合CSS来实现比较容易达到最佳效果;第二部分服务端Ajax接口可以由服务端提供Ajax接口,结合JavaScript对象表示法(JavaScript Object Notation;以下简称:JSON)数据格式和Java、超文本预处理器(Hypertext Preprocessor;以下简称:PHP)等语言能达到最佳的实现效果;第三部分的服务端逻辑处理接口可以通过Java语言编写,Java语言对于提供网页(Web)服务已经很成熟,所以能够达到最佳实施效果;第四部分的底层算法分析处理部分可以通过Java语言实现,主要是对数据按照算法进行计算,并将结果存入数据库中。
其中,上述“Ajax异步加载”技术,也可以使用相同功能的“JSON使用模式(JSON withPadding;以下简称:JSONP)异步加载”技术替代;
本申请中,接口提供给Ajax的数据格式是JSON格式,也可以通过XML或键值(key-value)形式替代该格式,同样可有效返回数据并得到正确解析。
本申请是采用Webx3框架进行设计开发的,根据不同的需求也可采用其他的开发框架及语言,同样可以实现个性化的效果。
图9为本申请动态展示装置一个实施例的结构示意图,本实施例中的动态展示装置可以实现本申请提供的动态展示方法的流程,如图9所示,上述动态展示装置可以包括:获取模块91、识别模块92和渲染模块93;
获取模块91,用于获取页面内容;
识别模块92,用于识别获取模块91获取的页面内容中的动态标;
渲染模块93,用于根据识别模块92识别的动态标对上述页面内容中需要动态显示的组件进行渲染。
上述动态展示装置中,获取模块91获取页面内容之后,识别模块92识别上述页面内容中的动态标,然后渲染模块93根据上述动态标对上述页面内容中需要动态显示的组件进行渲染,从而可以实现用户自行定制搜索展示风格,基于动态组件技术,结合搜索结果数据,实现了个性化的搜索展示,并能够为消费者带来全新的用户体验。
图10为本申请动态展示装置另一个实施例的结构示意图,与图9所示的动态展示装置相比,不同之处在于,图10所示的动态展示装置还可以包括:
显示模块94,用于在渲染模块93对上述页面内容中需要动态显示的组件进行渲染之后,将渲染模块93渲染后的需要动态显示的组件显示为用户定制的页面内容。
进一步地,上述动态展示装置还可以包括:拼接模块95,用于在渲染模块93对上述页面内容中需要动态显示的组件进行渲染之后,将渲染模块93渲染后的需要动态显示的组件与上述页面内容中需要静态显示的组件进行拼接,获得用户定制的页面内容。
具体地,本实施例中,渲染模块93可以包括:解析子模块931、获得子模块932和渲染子模块933;
其中,解析子模块931,用于对动态标进行解析,获得上述动态标中的参数;具体地,动态标的基本示例如下:
<dynamic data-arg="10001"data-template="subsite:fair/homepage/modMainExInfo.vm">
<imgsrc="https://cbu01.alicdn.com/cms/upload/2015/771/843/2348177_171076489.jpg_.webp"/>
</dynamic>
”,
解析子模块931对上述动态标进行解析,获得的上述动态标中的参数可以为:data-arg="10001"和data-template="subsite:fair/homepage/modMainExInfo.vm"。
获得子模块932,用于通过解析子模块931获得的参数,获得渲染上述需要动态显示的组件所需的数据;具体地,获得子模块932可以通过上述参数获得对应的回调函数和上述回调函数的参数,并调用上述参数对应的接口获取渲染上述需要动态显示的组件所需的数据。
其中,渲染上述需要动态显示的组件所需的数据为渲染上述需要动态显示的组件所需的搜索结果数据。
在具体实现时,解析子模块931获得上述动态标中的参数之后,还需要对上述参数进行解析,其中参数解析即是通过参数解析表自动映射得出参数值,对于非法参数或非格式化参数则会解析失败。
然后,获得子模块932通过上述参数值获得对应的回调(callback)函数及上述回调函数的参数,并通过java反射机制调用相应的接口获取渲染上述需要动态显示的组件所需的数据。
渲染子模块933,用于根据获得子模块932获得的数据进行渲染。具体地,渲染子模块933在根据所获得的数据进行渲染时是通过Webx3框架提供的渲染机制直接渲染,最后与切割获得的业务区块中静态显示的组件进行拼接,获得上述用户定制的页面内容,并返回给用户使用。
本实施例中,获取模块91可以包括:生成子模块911、切割子模块912和设置子模块913;
其中,生成子模块911,用于根据通用模型,将用户提交的内容生成为页面内容;
切割子模块912,用于对生成子模块911生成的页面内容进行切割;
设置子模块913,用于根据用户的选择对切割子模块912切割获得的组件中需要动态显示的组件设置动态标。
本申请中,切割子模块912在对页面内容进行切割时,由于部分页面内容仅需要静态显示即可,例如:头部和/或尾部信息展示等,所以切割子模块912在切割页面内容时是采用动静结合的方式来切割的。
然后,设置子模块913可以根据上述用户的选择对切割获得的组件中需要动态显示的组件设置动态标,也就是说,设置子模块913可以对切割获得的组件中上述用户选择的需要动态显示的组件设置动态标,动态标的一个示例如上所示,在此不再赘述。
进行切割并设置动态标之后的页面内容可以如图6所示,图6中,静态组件即为静态显示的组件,动态组件即为需要动态显示的组件。
上述动态展示装置可以对根据用户提交的内容生成的页面内容进行渲染,最终生成出用户自行定制的页面,从而实现个性化的搜索展示。
图11为本申请动态设置装置一个实施例的结构示意图,本实施例中的动态设置装置可以实现本申请提供的动态设置方法的流程,如图11所示,上述动态设置装置可以包括:生成模块1101、切割模块1102和设置模块1103;
其中,生成模块1101,用于根据通用模型,将用户提交的内容生成为页面内容;本实施例中,将页面风格及样式的定义交给用户自行处理,那么出于安全考虑,可以制定一个通用模型,用户可通过该通用模型设置页面风格及样式。上述通用模型可以通过可扩展标记语言(Extensible Markup Language;以下简称:XML)文件展示,用户填写的内容都是通过该XML文件进行校验,上述XML文件的基本内容形式可以如图8所示。
切割模块1102,用于对生成模块1101生成的页面内容进行切割;
设置模块1103,用于根据上述用户的选择对切割模块1102切割获得的组件中需要动态显示的组件设置动态标。
图12为本申请动态设置装置另一个实施例的结构示意图,与图11所示的动态设置装置相比,不同之处在于,图12所示的动态设置装置还可以包括:
修饰模块1104,用于在生成模块1101将用户提交的内容生成为页面内容之后,通过CSS对生成模块1101生成的页面内容进行修饰。本实施例中,通过上述通用模型可以将上述用户提交的内容编写出基本的页面结果,然后修饰模块1104需要通过CSS对基本的页面结果进行修饰。本实施例采用统一的CSS格式,CSS格式表可以如表1所示。
进一步地,上述动态设置装置还可以包括:
校验模块1105,用于在生成模块1101将用户提交的内容生成为页面内容之后,对上述页面内容进行校验;其中,上述校验包括安全性校验、敏感词校验、格式化校验、规格化校验和样式校验之一或组合。
本申请中,在生成页面内容之后,校验模块1105需要对上述页面内容进行自动化校验,上述校验可以包括安全性校验、敏感词校验、格式化校验、规格化校验和样式校验之一或组合。其中,上述安全性校验主要是判断是否XSS、CSRF等攻击;敏感词校验是判断用户输入的文案是否包含敏感词;格式化校验主要是用来检查用户提交的内容格式是否正确;规格化校验是对照通用模型判断用户输入的内容是否都是在通用模型内;样式校验则是对CSS规范及整个页面布局的校验。
这时,切割模块1102,具体用于对通过校验的页面内容进行切割。
也就是说,本实施例中,如果生成的页面内容通过了校验,则切割模块1102对通过校验的页面内容进行切割;而如果生成的页面内容未通过校验,则给出相应的提示,以提示用户上述生成的页面内容未通过哪项校验,举例来说,如果上述生成的页面内容未通过安全性校验,则提示未通过安全性校验,以此类推,在此不再赘述。
本实施例中,切割模块1102在对通过校验的页面内容进行切割时,由于部分页面内容仅需要静态显示即可,例如:头部和/或尾部信息展示等,所以切割模块1102在切割页面内容时是采用动静结合的方式来切割的。
然后,设置模块1103可以根据上述用户的选择对切割获得的组件中需要动态显示的组件设置动态标,也就是说,设置模块1103可以对切割获得的组件中上述用户选择的需要动态显示的组件设置动态标。
其中,动态标的基本示例如下:
<dynamic data-arg="10001"data-template="subsite:fair/homepage/modMainExInfo.vm">
<imgsrc="https://cbu01.alicdn.com/cms/upload/2015/771/843/2348177_171076489.jpg_.webp"/>
</dynamic>
进行切割并设置动态标之后的页面内容可以如图6所示,图6中,静态组件即为静态显示的组件,动态组件即为需要动态显示的组件。
上述动态设置装置中,生成模块1101根据通用模型,将用户提交的内容生成为页面内容之后,切割模块1102对上述页面内容进行切割,设置模块1103根据用户的选择对切割获得的组件中需要动态显示的组件设置动态标,从而可以让用户自行定制搜索展示风格,进而可以实现个性化的搜索展示,并能够为消费者带来全新的用户体验。
需要说明的是,在本申请的描述中,术语“第一”、“第二”等仅用于描述目的,而不能理解为指示或暗示相对重要性。此外,在本申请的描述中,除非另有说明,“多个”的含义是两个或两个以上。
流程图中或在此以其他方式描述的任何过程或方法描述可以被理解为,表示包括一个或更多个用于实现特定逻辑功能或过程的步骤的可执行指令的代码的模块、片段或部分,并且本申请的优选实施方式的范围包括另外的实现,其中可以不按所示出或讨论的顺序,包括根据所涉及的功能按基本同时的方式或按相反的顺序,来执行功能,这应被本申请的实施例所属技术领域的技术人员所理解。
应当理解,本申请的各部分可以用硬件、软件、固件或它们的组合来实现。在上述实施方式中,多个步骤或方法可以用存储在存储器中且由合适的指令执行系统执行的软件或固件来实现。例如,如果用硬件来实现,和在另一实施方式中一样,可用本领域公知的下列技术中的任一项或他们的组合来实现:具有用于对数据信号实现逻辑功能的逻辑门电路的离散逻辑电路,具有合适的组合逻辑门电路的专用集成电路,可编程门阵列(Programmable Gate Array;以下简称:PGA),现场可编程门阵列(Field ProgrammableGate Array;以下简称:FPGA)等。
本技术领域的普通技术人员可以理解实现上述实施例方法携带的全部或部分步骤是可以通过程序来指令相关的硬件完成,所述的程序可以存储于一种计算机可读存储介质中,该程序在执行时,包括方法实施例的步骤之一或其组合。
此外,本申请各个实施例中的各功能模块可以集成在一个处理模块中,也可以是各个模块单独物理存在,也可以两个或两个以上模块集成在一个模块中。上述集成的模块既可以采用硬件的形式实现,也可以采用软件功能模块的形式实现。所述集成的模块如果以软件功能模块的形式实现并作为独立的产品销售或使用时,也可以存储在一个计算机可读取存储介质中。
上述提到的存储介质可以是只读存储器,磁盘或光盘等。
在本说明书的描述中,参考术语“一个实施例”、“一些实施例”、“示例”、“具体示例”、或“一些示例”等的描述意指结合该实施例或示例描述的具体特征、结构、材料或者特点包含于本申请的至少一个实施例或示例中。在本说明书中,对上述术语的示意性表述不一定指的是相同的实施例或示例。而且,描述的具体特征、结构、材料或者特点可以在任何的一个或多个实施例或示例中以合适的方式结合。
尽管上面已经示出和描述了本申请的实施例,可以理解的是,上述实施例是示例性的,不能理解为对本申请的限制,本领域的普通技术人员在本申请的范围内可以对上述实施例进行变化、修改、替换和变型。

Claims (16)

1.一种动态展示方法,其特征在于,包括:
获取页面内容;
识别所述页面内容中的动态标;
根据所述动态标对所述页面内容中需要动态显示的组件进行渲染。
2.根据权利要求1所述的方法,其特征在于,在所述根据所述动态标对所述页面内容中需要动态显示的组件进行渲染之后,还包括:
将渲染后的需要动态显示的组件显示为用户定制的页面内容。
3.根据权利要求1所述的方法,其特征在于,所述根据所述动态标对所述页面内容中需要动态显示的组件进行渲染之后,还包括:
将渲染后的需要动态显示的组件与所述页面内容中需要静态显示的组件进行拼接,获得用户定制的页面内容。
4.根据权利要求2或3所述的方法,其特征在于,所述根据所述动态标对所述页面内容中需要动态显示的组件进行渲染包括:
对所述动态标进行解析,获得所述动态标中的参数;
通过所述参数,获得渲染所述需要动态显示的组件所需的数据;
根据所获得的数据进行渲染。
5.根据权利要求4所述的方法,其特征在于,所述获取页面内容包括:
根据通用模型,将用户提交的内容生成为页面内容;
对所述页面内容进行切割,并根据用户的选择对切割获得的组件中需要动态显示的组件设置动态标。
6.一种动态设置方法,其特征在于,包括:
根据通用模型,将用户提交的内容生成为页面内容;
对所述页面内容进行切割,并根据所述用户的选择对切割获得的组件中需要动态显示的组件设置动态标。
7.根据权利要求6所述的方法,其特征在于,所述根据通用模型,将用户提交的内容生成为页面内容之后,还包括:
通过层叠样式表对所述页面内容进行修饰。
8.根据权利要求6或7所述的方法,其特征在于,所述根据通用模型,将用户提交的内容生成为页面内容之后,还包括:
对所述页面内容进行校验;
所述对所述页面内容进行切割包括:
对通过校验的页面内容进行切割。
9.一种动态展示装置,其特征在于,包括:
获取模块,用于获取页面内容;
识别模块,用于识别所述获取模块获取的页面内容中的动态标;
渲染模块,用于根据所述识别模块识别的动态标对所述页面内容中需要动态显示的组件进行渲染。
10.根据权利要求9所述的装置,其特征在于,还包括:
显示模块,用于在所述渲染模块对所述页面内容中需要动态显示的组件进行渲染之后,将所述渲染模块渲染后的需要动态显示的组件显示为用户定制的页面内容。
11.根据权利要求9所述的装置,其特征在于,还包括:
拼接模块,用于在所述渲染模块对所述页面内容中需要动态显示的组件进行渲染之后,将所述渲染模块渲染后的需要动态显示的组件与所述页面内容中需要静态显示的组件进行拼接,获得用户定制的页面内容。
12.根据权利要求10或11所述的装置,其特征在于,所述渲染模块包括:
解析子模块,用于对所述动态标进行解析,获得所述动态标中的参数;
获得子模块,用于通过所述解析子模块获得的参数,获得渲染所述需要动态显示的组件所需的数据;
渲染子模块,用于根据所述获得子模块获得的数据进行渲染。
13.根据权利要求12所述的装置,其特征在于,所述获取模块包括:
生成子模块,用于根据通用模型,将用户提交的内容生成为页面内容;
切割子模块,用于对所述生成子模块生成的页面内容进行切割;
设置子模块,用于根据用户的选择对所述切割子模块切割获得的组件中需要动态显示的组件设置动态标。
14.一种动态设置装置,其特征在于,包括:
生成模块,用于根据通用模型,将用户提交的内容生成为页面内容;
切割模块,用于对所述生成模块生成的页面内容进行切割;
设置模块,用于根据所述用户的选择对所述切割模块切割获得的组件中需要动态显示的组件设置动态标。
15.根据权利要求14所述的装置,其特征在于,还包括:
修饰模块,用于在所述生成模块将用户提交的内容生成为页面内容之后,通过层叠样式表对所述生成模块生成的页面内容进行修饰。
16.根据权利要求14或15所述的装置,其特征在于,还包括:
校验模块,用于在所述生成模块将用户提交的内容生成为页面内容之后,对所述页面内容进行校验;
所述切割模块,具体用于对通过校验的页面内容进行切割。
CN201510689405.5A 2015-10-21 2015-10-21 动态展示方法和装置、动态设置方法和装置 Pending CN106611340A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201510689405.5A CN106611340A (zh) 2015-10-21 2015-10-21 动态展示方法和装置、动态设置方法和装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201510689405.5A CN106611340A (zh) 2015-10-21 2015-10-21 动态展示方法和装置、动态设置方法和装置

Publications (1)

Publication Number Publication Date
CN106611340A true CN106611340A (zh) 2017-05-03

Family

ID=58610280

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201510689405.5A Pending CN106611340A (zh) 2015-10-21 2015-10-21 动态展示方法和装置、动态设置方法和装置

Country Status (1)

Country Link
CN (1) CN106611340A (zh)

Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101207450A (zh) * 2007-12-14 2008-06-25 北大方正集团有限公司 一种专题模板制作方法、系统及客户端和网络侧服务器
CN101405723A (zh) * 2006-03-17 2009-04-08 微软公司 初始动态呈现控件数据估计
CN102231160A (zh) * 2011-06-24 2011-11-02 中兴通讯股份有限公司 网页外观的更新方法和系统
CN102902725A (zh) * 2012-09-05 2013-01-30 曙光信息产业(北京)有限公司 一种基于扩展点实现Web页面重用的页面
CN104375808A (zh) * 2013-07-11 2015-02-25 携程计算机技术(上海)有限公司 界面显示方法及装置
CN104599144A (zh) * 2015-02-03 2015-05-06 北京京东尚科信息技术有限公司 生成商品详情页面的方法和装置
CN104899228A (zh) * 2014-03-07 2015-09-09 中国移动通信集团河北有限公司 一种发布网页资源的方法及装置

Patent Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101405723A (zh) * 2006-03-17 2009-04-08 微软公司 初始动态呈现控件数据估计
CN101207450A (zh) * 2007-12-14 2008-06-25 北大方正集团有限公司 一种专题模板制作方法、系统及客户端和网络侧服务器
CN102231160A (zh) * 2011-06-24 2011-11-02 中兴通讯股份有限公司 网页外观的更新方法和系统
CN102902725A (zh) * 2012-09-05 2013-01-30 曙光信息产业(北京)有限公司 一种基于扩展点实现Web页面重用的页面
CN104375808A (zh) * 2013-07-11 2015-02-25 携程计算机技术(上海)有限公司 界面显示方法及装置
CN104899228A (zh) * 2014-03-07 2015-09-09 中国移动通信集团河北有限公司 一种发布网页资源的方法及装置
CN104599144A (zh) * 2015-02-03 2015-05-06 北京京东尚科信息技术有限公司 生成商品详情页面的方法和装置

Similar Documents

Publication Publication Date Title
US9507698B2 (en) Test code generation based on test documentation
CN105760290B (zh) 基于网页前端测试的问题定位方法及相关装置、系统
US9152392B2 (en) Systems and methods for realtime creation and modification of a dynamic media player and disabled user compliant video player
CN103729285B (zh) 一种网页测试方法、设备及系统
CN104572035B (zh) 网页代码的动态生成方法和动态生成系统
CN104239206B (zh) 网页测试方法和装置
EP3905151A1 (en) System, method, and apparatus for displaying proprietary information within a quick response (qr) code
CN106502896B (zh) 一种函数测试代码的生成方法及装置
CN107818143A (zh) 一种页面配置、生成方法及装置
CN104281705B (zh) 搜索方法及搜索装置
CN104599144A (zh) 生成商品详情页面的方法和装置
CN106294107A (zh) 生成网页页面的测试用例的方法和装置
CN104423951B (zh) 用于用户界面的方法和装置
CN109710528A (zh) 一种测试脚本生成方法、装置、设备和介质
CN105373468B (zh) 一种web自动化可测性的检测方法和系统
CN111966580A (zh) 基于人工智能的自动化测试方法、装置、设备和存储介质
US20180032331A1 (en) Method and system for determining safety compliance level of a software product
CN106528088A (zh) 在线表单中填充控件的方法和装置
CN107943702A (zh) 硬件兼容性测试方法及装置
CN106681901A (zh) 一种测试样本生成的方法和装置
CN106959919B (zh) 基于测试路径图的软件测试方法及装置
CN103544257B (zh) 网页质量检测方法和装置
CN106611340A (zh) 动态展示方法和装置、动态设置方法和装置
US10241978B2 (en) Measuring compatibility of viewers by leveraging user-provided element definitions
KR102262338B1 (ko) Gan을 이용한 웹사이트 자동생성 방법, 장치 및 프로그램

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
RJ01 Rejection of invention patent application after publication
RJ01 Rejection of invention patent application after publication

Application publication date: 20170503