CN113655999B - 一种页面控件的渲染方法、装置、设备及存储介质 - Google Patents

一种页面控件的渲染方法、装置、设备及存储介质 Download PDF

Info

Publication number
CN113655999B
CN113655999B CN202110899297.XA CN202110899297A CN113655999B CN 113655999 B CN113655999 B CN 113655999B CN 202110899297 A CN202110899297 A CN 202110899297A CN 113655999 B CN113655999 B CN 113655999B
Authority
CN
China
Prior art keywords
rendering
control
page
target
model
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
Application number
CN202110899297.XA
Other languages
English (en)
Other versions
CN113655999A (zh
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.)
Shanghai Hard Link Network Technology Co ltd
Original Assignee
Shanghai Hard Link Network Technology Co 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 Shanghai Hard Link Network Technology Co ltd filed Critical Shanghai Hard Link Network Technology Co ltd
Priority to CN202110899297.XA priority Critical patent/CN113655999B/zh
Publication of CN113655999A publication Critical patent/CN113655999A/zh
Application granted granted Critical
Publication of CN113655999B publication Critical patent/CN113655999B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/20—Software design
    • G06F8/24—Object-oriented
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/38—Creation or generation of source code for implementing user interfaces
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/445—Program loading or initiating
    • G06F9/44521—Dynamic linking or loading; Link editing at or after load time, e.g. Java class loading
    • G06F9/44526—Plug-ins; Add-ons
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Databases & Information Systems (AREA)
  • Human Computer Interaction (AREA)
  • Data Mining & Analysis (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

本发明公开了一种页面控件的渲染方法、装置、设备及存储介质，其中方法包括响应于目标页面的渲染请求，获取所述目标页面中的页面元素集合；基于所述页面元素集合确定所述目标页面的初始渲染信息；将所述目标页面的初始渲染信息输入至预设控件渲染生成模型，生成所述目标页面的控件渲染策略集合；根据所述控件渲染策略集合对所述目标页面的控件进行渲染。上述方法通过控件渲染生成模型所生成的页面控件渲染策略可确保页面显示效果更佳，且无需网页开发人员对网页页面显示内容进行人为分析，降低了页面编辑调整的工作量，简化了对页面设置流程，提高了页面渲染的编辑效率。

Description

一种页面控件的渲染方法、装置、设备及存储介质
技术领域
本发明涉及计算机技术领域，尤其是涉及一种页面控件的渲染方法、装置、设备及存储介质。
背景技术
在网页界面开发的设计过程中，页面渲染是网页开发人员的主要工作之一，渲染是指针对网页页面元素进行处理，使网页呈现更好的显示和动态效果。
现有的网页页面渲染方式主要通过网页开发人员基于审美对网页页面元素分别进行样式和特效设计，这一过程中，开发人员需根据用户界面设计要求对网页中各个控件的渲染效果不断进行编辑和调整，以得到最优的页面显示效果，因此页面控件的设置和渲染过程往往较繁琐，不仅工作量大，且效率低下。
发明内容
为了解决上述技术问题，本发明提供一种页面控件的渲染方法、装置、设备及存储介质，能够通过生成模型快速得到与网页页面控件相匹配的渲染策略，从而更高效地完成页面渲染工作。
第一方面，本发明实施例提供一种页面控件的渲染方法，包括：
响应于目标页面的渲染请求，获取所述目标页面中的页面元素集合；
基于所述页面元素集合确定所述目标页面的初始渲染信息；
将所述目标页面的初始渲染信息输入至预设控件渲染生成模型，生成所述目标页面的控件渲染策略集合；
根据所述控件渲染策略集合对所述目标页面的控件进行渲染。
作为其中一种优选方案，所述控件渲染策略集合包括所述目标页面中的控件集合，以及所述控件集合中各个控件对应的渲染策略集合；其中，
所述渲染策略包括控件显示样式和控件动态特效。
作为其中一种优选方案，所述根据所述控件渲染策略集合对所述目标页面的控件进行渲染，具体包括：
获取所述控件渲染策略集合中的目标控件以及所述目标控件对应的目标渲染策略；
根据所述目标渲染策略对所述目标控件进行渲染。
作为其中一种优选方案，所述基于所述页面元素集合确定所述目标页面的初始渲染信息，具体包括：
对所述页面元素集合中的各页面元素分别进行内容分析；
根据各所述页面元素的内容分析结果，确定与各所述页面元素相关联的样式标识；
根据各所述页面元素的样式标识生成初始渲染信息。
作为其中一种优选方案，所述将所述目标页面的初始渲染信息输入至预设控件渲染生成模型，生成所述目标页面的控件渲染策略集合，具体包括：
基于所述目标页面的初始渲染信息确定所述目标页面的控件渲染风格标识，所述控件渲染风格标识用于表征所述目标页面的初始渲染信息中的关键词；
将所述控件渲染风格标识输入至预设控件渲染生成模型进行编解码处理，生成所述目标页面的控件渲染策略集合。
第二方面，本发明另一实施例提供一种页面控件的渲染装置，包括：
获取模块，用于响应于目标页面的渲染请求，获取所述目标页面中的页面元素集合；
第一生成模块，用于基于所述页面元素集合确定所述目标页面的初始渲染信息；
第二生成模块，用于将所述目标页面的初始渲染信息输入至预设控件渲染生成模型，生成所述目标页面的控件渲染策略集合；
渲染模块，用于根据所述控件渲染策略集合对所述目标页面的控件进行渲染。
作为其中一种优选方案，所述控件渲染策略集合包括所述目标页面中的控件集合，以及所述控件集合中各控件对应的渲染策略集合；其中，
所述渲染策略包括控件显示样式和控件动态特效。
作为其中一种优选方案，所述渲染模块，具体用于：
获取所述控件渲染策略集合中的目标控件以及所述目标控件对应的目标渲染策略；
根据所述目标渲染策略对所述目标控件进行渲染。
第三方面，本发明再一实施例提供了一种页面控件的渲染设备，包括处理器、存储器以及存储在所述存储器中且被配置为由所述处理器执行的计算机程序，所述处理器执行所述计算机程序时实现如第一方面所述的页面控件的渲染方法。
第四方面，本发明再一实施例提供了一种计算机可读存储介质，所述计算机可读存储介质包括存储的计算机程序，其中，在所述计算机程序运行时控制所述计算机可读存储介质所在设备执行如第一方面所述的页面控件的渲染方法。
相比于现有技术，本发明实施例的有益效果在于以下所述中的至少一点：响应于目标页面的渲染请求，获取所述目标页面中的页面元素集合；基于所述页面元素集合确定所述目标页面的初始渲染信息；将所述目标页面的初始渲染信息输入至预设控件渲染生成模型，生成所述目标页面的控件渲染策略集合；根据所述控件渲染策略集合对所述目标页面的控件进行渲染；通过生成模型直接生成页面渲染策略可使网页开发人员无需对页面元素及其渲染效果进行人为分析和调整，有效简化了配置过程，提高了页面渲染的配置效率。
相应地，本发明实施例还提供一种页面控件的渲染装置、设备及存储介质。
附图说明
为了更清楚地说明本发明的技术方案，下面将对实施方式中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施方式，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1是本发明其中一种实施例中的页面控件的渲染方法的流程示意图；
图2是本发明其中一种实施例中的页面控件的渲染装置的结构示意图。
具体实施方式
下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
在本申请描述中，术语“第一”、“第二”、“第三”等仅用于描述目的，而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此，限定有“第一”、“第二”、“第三”等的特征可以明示或者隐含地包括一个或者更多个该特征。在本申请的描述中，除非另有说明，“多个”的含义是两个或两个以上。
在本申请的描述中，需要说明的是，除非另有明确的规定和限定，术语“安装”、“相连”、“连接”应做广义理解，例如，可以是固定连接，也可以是可拆卸连接，或一体地连接；可以是机械连接，也可以是电连接；可以是直接相连，也可以通过中间媒介间接相连，可以是两个元件内部的连通。对于本领域的普通技术人员而言，可以具体情况理解上述术语在本申请中的具体含义。
在本申请的描述中，需要说明的是，除非另有定义，本发明所使用的所有的技术和科学术语与属于本的技术领域的技术人员通常理解的含义相同。本发明中说明书中所使用的术语只是为了描述具体的实施例的目的，不是旨在于限制本发明，对于本领域的普通技术人员而言，可以具体情况理解上述术语在本申请中的具体含义。
第一方面，本发明一个实施例提供一种页面控件的渲染方法，参见图1，所述页面控件的渲染方法具体包括下述步骤：
S1：响应于目标页面的渲染请求，获取所述目标页面中的页面元素集合；
页面元素通常表示网页页面所呈现的图片、文字及视频等组成元素；以广告页面为例，广告的呈现可以有多种可能的方式，当包含文本显示、图片显示、视频播放、悬浮窗展示和弹窗显示时，该广告页面的页面元素集合则包括文本框、图片、视频、悬浮窗以及弹窗。
可以理解的是，上述页面元素集合所对应的页面内容不一定是广告，也可能是其他的信息内容，如通知消息等，本发明实施例不对页面元素集合的具体对应内容做限定。
在本实施例中，当接收了目标页面的渲染请求后，分析所述目标页面的页面内容，以得到所述目标页面中的页面元素集合。
S2：基于所述页面元素集合确定所述目标页面的初始渲染信息；
具体地，可对所述页面元素集合中的各页面元素分别进行内容分析，根据各页面元素的内容分析结果，确定与各页面元素相关联的样式标识；再根据各页面元素的样式标识对应生成初始渲染信息，所述初始渲染信息中用于限定目标页面渲染风格，以确保得到的页面控件渲染策略符合网页开发设计要求。
S3：将所述目标页面的初始渲染信息输入至预设控件渲染生成模型，生成所述目标页面的控件渲染策略集合；
控件(Widget/Control)指构成图形用户界面的可编程功能对象，比如编辑框、按钮、列表框等，开发人员可通过将不同的控件放置到界面上，为用户呈现内容，以实现特定的用户交互。
可以理解的是，上述图形用户界面是指在电脑、手机、平板或其他搭载智能操作系统的用户终端设备的显示器中所呈现的网页界面；具体地，用户终端设备还包括用于获取网页、生成网页界面以及控制网页界面在显示屏上进行显示的处理器。
不同于现有的通过网页开发或设计人员设计并提供自定义页面渲染设计稿的方式，本实施例基于认可度高且符合主流审美的页面渲染效果配置文档集合构建控件渲染生成模型，再通过所述控件渲染生成模型快速生成表现形式更好、精细程度更高的控件渲染策略集合，以供用户从所述控件渲染策略集合中个性化选择控件渲染策略，有效提高开发效率。
具体地，所述控件渲染生成模型的框架为生成对抗网络，生成对抗网络(GAN,Generative Adversarial Networks)是一种深度学习模型，模型通过框架中(至少)两个模块：生成模型(Generative Model)和判别模型(Discriminative Model)的互相博弈学习，产生尽可能贴合真实样本的输出。
在本实施例中，可将预设的页面控件渲染风格标识作为训练样本，现有的网页开发页面中高认可度的页面控件渲染配置信息作为标签，设置适当的隐含层个数、神经元个数、激活函数和学习率，对初始生成对抗网络模型进行训练，得到控件渲染生成模型。
基于目标页面的初始渲染信息确定目标页面的控件渲染风格标识后，输入目标页面的控件渲染风格标识至预设控件渲染生成模型进行编解码处理，生成多个符合目标页面初始渲染信息要求的且创新和认可度均更高的页面控件渲染策略，从而形成页面控件渲染策略集合供网页开发人员选择。
具体地，所述控件渲染风格标识用于表征目标页面的初始渲染信息中的关键词，如目标页面中各页面元素的样式标识，示例性的，当目标页面的初始渲染信息中记录某一页面元素样式的具体颜色为紫色时，对应控件渲染风格标识则包括“紫色”这一标识。
可以理解的是，控件渲染策略集合中包括目标页面中的控件集合，以及所述控件集合中各个控件对应的渲染策略集合；对于目标页面中的每一个或每一类控件，均可根据所述控件渲染生成模型生成至少一个控件渲染策略；其中，渲染策略包括控件显示样式和控件动态特效。
当需要对同一类型的多个控件配置相同的属性设置时，可以创建一个控件显示样式，将该控件显示样式应用于该类型的控件中，具体地，控件显示样式包括但不仅限于控件颜色、控件大小和空间位置；所述控件动态特效包括但不限于图片滚动、图片色彩变化、flash图片的展示等动画效果；上述动态特效是适用于图片类控件的页面内容，对于文字类控件而言，其包括但不限于淡入淡出、向左弹出、滚动、闪烁等动态效果。
需要说明的是，所述控件渲染策略集合的中各控件渲染策略具体可为由JavaScript及CSS等格式语言生成的能够被计算机软件所识别的控件渲染配置文件包，也可以是由其他格式语言如HTML5、JavaScript以及CSS等格式语言生成的能够被计算机软件所识别的控件渲染配置文件包，具体可根据实际开发需求及网页搭建框架决定，本发明不做限定。
具体地，HTML(HyperText Mark-up Language)是一种超文本标记语言，其中，HTML5为用于表述网页内容结构的当前最新发布标准。
CSS(Cascading Style Sheets)又称为级联样式表，用于定义HTML页面元素布局、渲染效果等的规范，继CSS2.2之后，CSS规范已按模块进行划分，各模块分头演进。
HTML和CSS等规范和标准由万维网联盟(World Wide Web Consortium，W3C)组织制定，用于规范全球广域网(World Wide Web，Web)页面内容的编写和渲染行为。
JavaScript是一种符合脚本程序设计语言规范的脚本编程语言，用于操控HTML页面中的内容和渲染行为。
S4：根据所述控件渲染策略集合对所述目标页面的控件进行渲染。
具体地，通过S3得到控件渲染策略集合后，对于目标页面中的任一控件，依次获取控件渲染策略集合中的目标控件信息，进而得到该目标控件所对应的渲染策略集合，再获取所述渲染策略集合中的目标渲染策略，根据所述目标渲染策略对该目标控件进行渲染，得到最终的目标页面显示效果。
由上分析可知，本发明实施例提供的页面渲染方法无需网页开发人员对网页页面显示内容进行人为分析，降低了页面编辑调整的工作量，简化了对页面设置流程，有效提高了页面渲染的编辑效率；同时，通过生成对抗网络模型所生成的页面控件渲染策略也可确保页面显示效果更佳。
第二方面，如图2所示，本发明一个实施例还提供一种页面控件的渲染装置，包括获取模块101、第一生成模块102、第二生成模块103和渲染模块104。
获取模块101用于响应于目标页面的渲染请求，获取所述目标页面中的页面元素集合。
第一生成模块102用于基于所述页面元素集合确定所述目标页面的初始渲染信息。
第二生成模块103用于将所述目标页面的初始渲染信息输入至预设控件渲染生成模型，生成所述目标页面的控件渲染策略集合。
渲染模块104用于根据所述控件渲染策略集合对所述目标页面的控件进行渲染。
优选的，在上述实施例中，所述获取模块101具体用于：当接收了目标页面的渲染请求后，分析所述目标页面的页面内容，以得到所述目标页面中的页面元素集合，所述页面元素集合通常包括文本框、图片、视频、悬浮窗以及弹窗等。
在一个可选的实施例中，所述第一生成模块102具体用于：对所述页面元素集合中的各页面元素分别进行内容分析，根据各页面元素的内容分析结果，确定与各页面元素相关联的样式标识；再根据各页面元素的样式标识对应生成初始渲染信息，所述初始渲染信息中用于限定目标页面渲染风格，以确保得到的页面控件渲染策略符合网页开发设计要求。
在另一个可选的实施例中，所述第二生成模块103具体可用于：输入目标页面的初始渲染信息后，基于所述控件渲染生成模型能够生成多个符合目标页面初始渲染信息要求的且创新和认可度均更高的页面控件渲染策略，从而形成页面控件渲染策略集合供网页开发人员选择。
在本实施例中，可将预设的页面控件渲染风格标识及随机噪声作为训练样本，将现有的网页开发页面中高认可度的页面控件渲染配置信息作为标签，设置适当的隐含层个数、神经元个数、激活函数和学习率，对初始生成对抗网络模型进行有条件地训练，得到所述控件渲染生成模型。
具体地，第二生成模块103所生成的控件渲染策略集合包括：所述目标页面中的控件集合，以及所述控件集合中各控件对应的渲染策略集合，其中，所述渲染策略包括控件显示样式和控件动态特效。
不同于现有的通过网页开发或设计人员设计并提供自定义页面渲染设计稿的方式，本实施例基于认可度高且符合主流审美的页面渲染效果配置文档集合构建生成对抗网络模型，再通过所述生成对抗网络模型快速生成表现形式更好、精细程度更高的控件渲染策略集合，以供用户从所述控件渲染策略集合中个性化选择控件渲染策略，有效提高开发效率。
在又一个可选实施例中，渲染模块104具体可用于：通过S3得到控件渲染策略集合后，对于目标页面中的任一控件，依次获取控件渲染策略集合中的目标控件信息，进而得到该目标控件所对应的渲染策略集合，再获取所述渲染策略集合中的目标渲染策略，根据所述目标渲染策略对该目标控件进行渲染，得到最终的目标页面显示效果。
更多地，上述页面控件的渲染装置之间的信息交互、执行过程等内容与本发明第一方面提供的页面控件的渲染方法实施例基于同一构思，具体内容可参见本发明第一方面方法实施例中的叙述。
第三方面，本发明实施例还提供一种页面控件的渲染设备，具体包括处理器、存储器以及存储在所述存储器中且被配置为由所述处理器执行的计算机程序，所述处理器执行所述计算机程序时实现如第一方面所述的页面控件的渲染方法实施例中的步骤，例如图1中所述的步骤S1～S4；或者，所述处理器执行所述计算机程序时实现上述各装置实施例中各模块的功能，例如渲染模块104。
示例性的，所述计算机程序可以被分割成一个或多个模块，所述一个或者多个模块被存储在所述存储器中，并由所述处理器执行，以完成本发明。所述一个或多个模块可以是能够完成特定功能的一系列计算机程序指令段，该指令段用于描述所述计算机程序在所述网页动态特效的设置设备中的执行过程。例如，所述计算机程序可以被分割成获取模块101、第一生成模块102、第二生成模块103和渲染模块104，各模块具体功能如下：
获取模块101用于响应于目标页面的渲染请求，获取所述目标页面中的页面元素集合。
第一生成模块102用于基于所述页面元素集合确定所述目标页面的初始渲染信息。
第二生成模块103用于将所述目标页面的初始渲染信息输入至预设控件渲染生成模型，生成所述目标页面的控件渲染策略集合。
渲染模块104用于根据所述控件渲染策略集合对所述目标页面的控件进行渲染。
各个模块具体的工作过程可参考第二方面实施例所述页面控件的渲染装置的工作过程，此处不再赘述。
页面控件的渲染设备可以是桌上型计算机、笔记本、掌上电脑及云端服务器等计算设备，包括但不仅限于处理器、存储器。本领域技术人员可以理解，所述页面控件的渲染设备仅仅是一种示例，并不构成对页面控件的渲染设备的限定，可以包括比所述设备更多或更少的部件，或者组合某些部件，或者不同的部件，例如所述页面控件的渲染设备还可以包括输入输出设备、网络接入设备、总线等。
所述处理器可以是中央处理单元(Central Processing Unit，CPU)，还可以是其他通用处理器、数字信号处理器(Digital Signal Processor，DSP)、专用集成电路(Application Specific Integrated Circuit，ASIC)、现成可编程门阵列(Field-Programmable Gate Array，FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等，所述处理器是所述页面控件的渲染设备的控制中心，利用各种接口和线路连接整个页面控件的渲染设备的各个部分。
所述存储器可用于存储所述计算机程序和/或模块，所述处理器通过运行或执行存储在所述存储器内的计算机程序和/或模块，以及调用存储在存储器内的数据，实现所述页面控件的渲染设备的各种功能。所述存储器可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等；存储数据区可存储根据手机的使用所创建的数据(比如音频数据、电话本等)等。此外，存储器可以包括高速随机存取存储器，还可以包括非易失性存储器，例如硬盘、内存、插接式硬盘，智能存储卡(Smart Media Card,SMC)，安全数字(Secure Digital,SD)卡，闪存卡(Flash Card)、至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。
其中，页面控件的渲染设备集成的模块如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明实现上述实施例方法中的全部或部分流程，也可以通过计算机程序来指令相关的硬件来完成，所述的计算机程序可存储于一计算机可读存储介质中，该计算机程序在被处理器执行时，可实现上述各个方法实施例的步骤。其中，所述计算机程序包括计算机程序代码，所述计算机程序代码可以为源代码形式、对象代码形式、可执行文件或某些中间形式等。所述计算机可读介质可以包括：能够携带所述计算机程序代码的任何实体或装置、记录介质、U盘、移动硬盘、磁碟、光盘、计算机存储器、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、电载波信号、电信信号以及软件分发介质等。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的程序可存储于一计算机可读取存储介质中，该程序在执行时，可包括如上述各方法的实施例的流程。其中，所述的存储介质可为磁碟、光盘、只读存储记忆体(Read-Only Memory，ROM)或随机存储记忆体(Random AccessMemory，RAM)等。
相应地，第四方面，本发明实施例提供一种计算机可读存储介质，所述计算机可读存储介质包括存储的计算机程序，其中，在所述计算机程序运行时控制所述计算机可读存储介质所在设备执行如上述实施例的页面控件的渲染方法中的步骤，例如图1中所述的步骤S1～S4。
以上所述是本发明的优选实施方式，应当指出，对于本技术领域的普通技术人员来说，在不脱离本发明原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也视为本发明的保护范围。

Claims (4)

1.一种页面控件的渲染方法，其特征在于，包括：
响应于目标页面的渲染请求，获取所述目标页面中的页面元素集合；
对所述页面元素集合中的各页面元素分别进行内容分析；
根据各所述页面元素的内容分析结果，确定与各所述页面元素相关联的样式标识；
根据各所述页面元素的样式标识生成初始渲染信息；
基于所述目标页面的初始渲染信息确定所述目标页面的控件渲染风格标识，所述控件渲染风格标识用于表征所述目标页面的初始渲染信息中的关键词；
将所述控件渲染风格标识输入至预设控件渲染生成模型进行编解码处理，生成所述目标页面的控件渲染策略集合；
所述控件渲染生成模型的框架为生成对抗网络，是一种深度学习模型，模型通过框架中两个模块：生成模型和判别模型的互相博弈学习，产生贴合真实样本的输出；将预设的页面控件渲染风格标识作为训练样本，网页开发页面中的页面控件渲染配置信息作为标签，设置隐含层个数、神经元个数、激活函数和学习率，对初始生成对抗网络模型进行训练，得到控件渲染生成模型；
所述控件渲染策略集合中包括目标页面中的控件集合，以及所述控件集合中各个控件对应的渲染策略集合；对于目标页面中的每一个或每一类控件，根据所述控件渲染生成模型生成至少一个控件渲染策略；渲染策略包括控件显示样式和控件动态特效；
获取所述控件渲染策略集合中的目标控件以及所述目标控件对应的目标渲染策略；
根据所述目标渲染策略对所述目标控件进行渲染。
2.一种页面控件的渲染装置，其特征在于，包括：
获取模块，用于响应于目标页面的渲染请求，获取所述目标页面中的页面元素集合；
第一生成模块，用于对所述页面元素集合中的各页面元素分别进行内容分析；根据各所述页面元素的内容分析结果，确定与各所述页面元素相关联的样式标识；根据各所述页面元素的样式标识生成初始渲染信息；
第二生成模块，用于基于所述目标页面的初始渲染信息确定所述目标页面的控件渲染风格标识，所述控件渲染风格标识用于表征所述目标页面的初始渲染信息中的关键词；将所述控件渲染风格标识输入至预设控件渲染生成模型进行编解码处理，生成所述目标页面的控件渲染策略集合；所述控件渲染生成模型的框架为生成对抗网络，是一种深度学习模型，模型通过框架中两个模块：生成模型和判别模型的互相博弈学习，产生贴合真实样本的输出；将预设的页面控件渲染风格标识作为训练样本，网页开发页面中的页面控件渲染配置信息作为标签，设置隐含层个数、神经元个数、激活函数和学习率，对初始生成对抗网络模型进行训练，得到控件渲染生成模型；所述控件渲染策略集合中包括目标页面中的控件集合，以及所述控件集合中各个控件对应的渲染策略集合；对于目标页面中的每一个或每一类控件，根据所述控件渲染生成模型生成至少一个控件渲染策略；渲染策略包括控件显示样式和控件动态特效；
渲染模块，用于获取所述控件渲染策略集合中的目标控件以及所述目标控件对应的目标渲染策略；根据所述目标渲染策略对所述目标控件进行渲染。
3.一种页面控件的渲染设备，其特征在于，包括处理器、存储器以及存储在所述存储器中且被配置为由所述处理器执行的计算机程序，所述处理器执行所述计算机程序时实现如权利要求1所述的页面控件的渲染方法。
4.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质包括存储的计算机程序，其中，在所述计算机程序运行时控制所述计算机可读存储介质所在设备执行如权利要求1所述的页面控件的渲染方法。
CN202110899297.XA 2021-08-05 2021-08-05 一种页面控件的渲染方法、装置、设备及存储介质 Active CN113655999B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202110899297.XA CN113655999B (zh) 2021-08-05 2021-08-05 一种页面控件的渲染方法、装置、设备及存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202110899297.XA CN113655999B (zh) 2021-08-05 2021-08-05 一种页面控件的渲染方法、装置、设备及存储介质

Publications (2)

Publication Number Publication Date
CN113655999A CN113655999A (zh) 2021-11-16
CN113655999B true CN113655999B (zh) 2024-01-09

Family

ID=78490443

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202110899297.XA Active CN113655999B (zh) 2021-08-05 2021-08-05 一种页面控件的渲染方法、装置、设备及存储介质

Country Status (1)

Country Link
CN (1) CN113655999B (zh)

Families Citing this family (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113656717B (zh) * 2021-08-06 2024-05-28 上海硬通网络科技有限公司 一种网页的控件渲染方法、装置、设备及存储介质
CN114741124B (zh) * 2022-03-14 2024-05-14 北京达佳互联信息技术有限公司 样式信息确定方法、装置、电子设备及存储介质
CN114676358A (zh) * 2022-03-21 2022-06-28 北京字跳网络技术有限公司 控件的显示方法、装置、电子设备、存储介质和程序产品
CN115033228A (zh) * 2022-06-16 2022-09-09 北京金堤科技有限公司 一种将可视化页面的功能组件进行关联的方法和装置

Citations (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107025583A (zh) * 2016-01-29 2017-08-08 阿里巴巴集团控股有限公司 一种页面控件的渲染方法、设备和终端设备
CN109284454A (zh) * 2018-08-02 2019-01-29 平安科技（深圳）有限公司 页面渲染方法、装置、计算机设备及存储介质
CN109343845A (zh) * 2018-08-14 2019-02-15 北京奇艺世纪科技有限公司 一种代码文件生成方法和装置
WO2019152319A1 (en) * 2018-02-01 2019-08-08 Google Llc Digital component backdrop rendering
CN110675121A (zh) * 2019-09-23 2020-01-10 珠海市新德汇信息技术有限公司 图片类案卷材料的采集方法
CN111260754A (zh) * 2020-04-27 2020-06-09 腾讯科技（深圳）有限公司 人脸图像编辑方法、装置和存储介质
WO2020202135A2 (en) * 2019-04-02 2020-10-08 Luminati Networks Ltd. System and method for managing non-direct url fetching service
CN112287256A (zh) * 2020-09-21 2021-01-29 北京沃东天骏信息技术有限公司 页面显示方法、终端设备、云服务器、系统及存储介质
CN113082721A (zh) * 2021-05-11 2021-07-09 腾讯音乐娱乐科技（深圳）有限公司 集成游戏模块的应用程序的资源管理方法、装置、电子设备及存储介质

Patent Citations (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107025583A (zh) * 2016-01-29 2017-08-08 阿里巴巴集团控股有限公司 一种页面控件的渲染方法、设备和终端设备
WO2019152319A1 (en) * 2018-02-01 2019-08-08 Google Llc Digital component backdrop rendering
CN109284454A (zh) * 2018-08-02 2019-01-29 平安科技（深圳）有限公司 页面渲染方法、装置、计算机设备及存储介质
CN109343845A (zh) * 2018-08-14 2019-02-15 北京奇艺世纪科技有限公司 一种代码文件生成方法和装置
WO2020202135A2 (en) * 2019-04-02 2020-10-08 Luminati Networks Ltd. System and method for managing non-direct url fetching service
CN110675121A (zh) * 2019-09-23 2020-01-10 珠海市新德汇信息技术有限公司 图片类案卷材料的采集方法
CN111260754A (zh) * 2020-04-27 2020-06-09 腾讯科技（深圳）有限公司 人脸图像编辑方法、装置和存储介质
CN112287256A (zh) * 2020-09-21 2021-01-29 北京沃东天骏信息技术有限公司 页面显示方法、终端设备、云服务器、系统及存储介质
CN113082721A (zh) * 2021-05-11 2021-07-09 腾讯音乐娱乐科技（深圳）有限公司 集成游戏模块的应用程序的资源管理方法、装置、电子设备及存储介质

Non-Patent Citations (2)

* Cited by examiner, † Cited by third party
Title
Characterizing Web Page Complexity and Its Impact;M. Butkiewicz 等;《IEEE/ACM Transactions on Networking》;第22卷(第03期);943-956 *
Web网页控件的智能识别及其自动化操作;张金 等;《计算机系统应用》;第18卷(第04期);163-166 *

Also Published As

Publication number Publication date
CN113655999A (zh) 2021-11-16

Similar Documents

Publication Publication Date Title
CN113655999B (zh) 一种页面控件的渲染方法、装置、设备及存储介质
CN110489116B (zh) 一种页面的渲染方法、装置及计算机存储介质
CN108279964B (zh) 蒙层渲染的实现方法、装置、智能设备及存储介质
CN108495192B (zh) 页面编辑处理方法及装置
US20150039996A1 (en) System and method for dynamically converting webpage, and computer-readable recording medium
CN111079047B (zh) 一种面向web的页面构建系统
CN108320319B (zh) 一种漫画合成方法、装置、设备及计算机可读存储介质
CN104915186B (zh) 一种制作页面的方法和装置
CN113032708A (zh) 一种无代码Web开发系统
WO2023103430A1 (zh) 一种数据可视化展示方法、装置、介质及电子设备
CN110941428A (zh) 一种网站创建方法和装置
CN115510347A (zh) 演示文稿的转换方法、装置、电子设备及存储介质
CN117032666A (zh) 基于编辑器的页面编辑方法、装置、终端设备及存储介质
CN112364281A (zh) 一种基于浏览器的网页编辑可视化实现方法、装置及设备
CN111651969B (zh) 样式迁移
KR101886069B1 (ko) 웹 페이지의 분할 전송 제어 가능한 전자문서 제공장치
US11526578B2 (en) System and method for producing transferable, modular web pages
Freeman Pro jQuery 2.0
KR20230023804A (ko) 텍스트-비디오 생성 방법, 장치, 설비 및 매체
CN113934486A (zh) 用户界面组件可实时编辑及渲染的方法及装置
KR101886067B1 (ko) 웹 브라우저 독립적인 전자문서 제공장치
CN113672835B (zh) 网页动态特效的设置方法、装置、设备及存储介质
CN113672836B (zh) 网页动态特效的设置方法、装置、设备及存储介质
KR102688360B1 (ko) 스타일 그룹 관리 도구를 이용하여 웹 페이지를 제작하기 위한 장치 및 방법
CN114003213A (zh) 数据处理方法、装置及设备

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
GR01 Patent grant
GR01 Patent grant