CN113656717B - 一种网页的控件渲染方法、装置、设备及存储介质 - Google Patents
一种网页的控件渲染方法、装置、设备及存储介质 Download PDFInfo
- Publication number
- CN113656717B CN113656717B CN202110900787.7A CN202110900787A CN113656717B CN 113656717 B CN113656717 B CN 113656717B CN 202110900787 A CN202110900787 A CN 202110900787A CN 113656717 B CN113656717 B CN 113656717B
- Authority
- CN
- China
- Prior art keywords
- rendering
- webpage
- page
- target webpage
- control
- 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
- 238000009877 rendering Methods 0.000 title claims abstract description 251
- 238000000034 method Methods 0.000 title claims abstract description 35
- 238000004458 analytical method Methods 0.000 claims abstract description 35
- 238000004590 computer program Methods 0.000 claims description 27
- 238000013507 mapping Methods 0.000 claims description 18
- 238000007405 data analysis Methods 0.000 claims description 6
- 230000006870 function Effects 0.000 description 7
- 238000010586 diagram Methods 0.000 description 5
- 238000013461 design Methods 0.000 description 2
- 230000000694 effects Effects 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 238000010295 mobile communication Methods 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 238000012545 processing Methods 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000004891 communication Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 230000010354 integration Effects 0.000 description 1
- 230000004044 response Effects 0.000 description 1
- 238000012552 review Methods 0.000 description 1
- 239000007787 solid Substances 0.000 description 1
Classifications
-
- 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/957—Browsing optimisation, e.g. caching or content distillation
-
- 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)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Data Mining & Analysis (AREA)
- Human Computer Interaction (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明公开了网页的控件渲染方法、装置、设备及存储介质，其中方法包括响应待进行控件渲染的目标网页页面的获取请求，获取目标网页的页面配置数据；根据目标网页的页面配置数据，分析得到目标网页的页面配置对象；基于页面配置对象进行目标网页的页面布局分析，并根据分析结果得到目标网页的渲染页面结构和目标网页的渲染样式；根据目标网页的渲染页面结构和目标网页的渲染样式，确定对应的控件渲染策略；根据控件渲染策略，对目标网页上对应的控件进行渲染。本发明实施例能够对目标网页的页面配置数据进行分析，确定与目标网页对应的控件渲染策略，并根据该控件渲染策略对目标网页的控件进行渲染，提高了网页的编辑效率。
Description
技术领域
本发明涉及移动通信技术领域，尤其是涉及一种网页的控件渲染方法、装置、设备及存储介质。
背景技术
网页应用(Web App)是与各种移动客户端、桌面客户端、服务器端深度整合的互联网空间应用，是一个庞大规模原生承载互联网链接万物景观精神的内容整合与分发持续开放的平台。伴随着移动通信技术的升级迭代，音视频等富媒体内容的流量池膨胀，使得用户在终端上对网页装载速度尤其敏感。
目前在进行网页的编辑过程中，美术师有时候会对当前的网页的编辑内容不是很满意，但是又摸不着头绪，需要自己去查阅很多相关的资料或者整理好自己的设计思路，以便于重新对当前的网页编辑内容进行调整。并且在开发的过程中，需要网页开发者手动对网页上的各种页面内容来决定需要为相关的页面内容设置对应的页面操作控件，并通过页面操作控件来进行渲染操作，但是在网页的内容较多，需要对应设置的页面操作控件也很多，那么通过页面操作控件才进行渲染操作就需要网页开发者逐个手动设置，而这样子的网页编辑方式会使得网页的编辑效率低下，难以满足用户对于页面显示速度的期待和需求。
发明内容
本发明实施例的目的是提供一种网页的控件渲染方法、装置、设备及存储介质，其能够对目标网页的页面配置数据进行分析，确定与目标网页对应的控件渲染策略，并根据该控件渲染策略对目标网页的控件进行渲染。
为了解决上述技术问题，本发明实施例提供了一种网页的控件渲染方法，包括：
响应待进行控件渲染的目标网页页面的获取请求，获取所述目标网页的页面配置数据；
根据所述目标网页的页面配置数据，分析得到所述目标网页的页面配置对象；
基于所述页面配置对象进行目标网页的页面布局分析，并根据分析结果得到所述目标网页的渲染页面结构和所述目标网页的渲染样式；
根据所述目标网页的渲染页面结构和所述目标网页的渲染样式，确定对应的控件渲染策略；
根据所述控件渲染策略，对目标网页上对应的控件进行渲染。
作为其中一种优选方案，
所述基于所述页面配置对象进行目标网页的页面布局分析，并根据分析结果得到所述目标网页的渲染页面结构和所述目标网页的渲染样式，具体包括：
对所述目标网页的页面配置数据进行分类，得到所述目标网页的配置数据的分类类型，其中，所述分类类型包括页面控件、页面菜单栏和页面背景；
获取分类类型为页面控件、页面菜单栏和页面背景三者的网页显示位置，并根据所述三者的所述网页显示位置分析得出所述目标网页的渲染页面结构和所述目标网页的渲染样式。
作为其中一种优选方案，
所述根据所述目标网页的渲染页面结构和所述目标网页的渲染样式，确定对应的控件渲染策略，之前包括：
预设所述渲染页面结构和所述渲染样式两者与控件渲染策略的映射关系。
作为其中一种优选方案，
所述根据所述目标网页的渲染页面结构和所述目标网页的渲染样式，确定对应的控件渲染策略，具体包括：
根据所述目标网页的渲染页面结构和所述目标网页的渲染样式两者，并基于所述映射关系，获取对应的控件渲染策略；所述两者映射有至少两种控件渲染策略；
根据网页开发者发出的控件渲染策略选定指令，选定对应的控件渲染策略。
本发明另一实施例提供了一种网页的控件渲染装置，包括：
网页数据获取模块，响应待进行控件渲染的目标网页页面的获取请求，获取所述目标网页的页面配置数据；
网页数据分析模块，根据所述目标网页的页面配置数据，分析得到所述目标网页的页面配置对象；
页面配置对象分析模块，基于所述页面配置对象进行目标网页的页面布局分析，并根据分析结果得到所述目标网页的渲染页面结构和所述目标网页的渲染样式；
控件渲染策略确定模块，根据所述目标网页的渲染页面结构和所述目标网页的渲染样式，确定对应的控件渲染策略；
网页渲染模块，根据所述控件渲染策略，对目标网页上对应的控件进行渲染。
作为其中一种优选方案，
所述网页数据获取模块，具体用于：
对所述目标网页的页面配置数据进行分类，得到所述目标网页的配置数据的分类类型，其中，所述分类类型包括页面控件、页面菜单栏和页面背景；
获取分类类型为页面控件、页面菜单栏和页面背景三者的网页显示位置，并根据所述三者的所述网页显示位置分析得出所述目标网页的渲染页面结构和所述目标网页的渲染样式。
作为其中一种优选方案，
还包括映射关系预设模块，用于：
预设所述渲染页面结构和所述渲染样式两者与控件渲染策略的映射关系。
作为其中一种优选方案，
所述控件渲染策略确定模块，具体用于：
根据所述目标网页的渲染页面结构和所述目标网页的渲染样式两者，并基于所述映射关系，获取对应的控件渲染策略；所述两者映射有至少两种控件渲染策略；
根据网页开发者发出的控件渲染策略选定指令，选定对应的控件渲染策略。
本发明再一实施例提供了一种网页的控件渲染设备，包括处理器、存储器以及存储在所述存储器中且被配置为由所述处理器执行的计算机程序，所述处理器执行所述计算机程序时实现如上所述的网页的控件渲染方法。
本发明再一实施例提供了一种计算机可读存储介质，所述计算机可读存储介质包括存储的计算机程序，其中，在所述计算机程序运行时控制所述计算机可读存储介质所在设备执行如上所述的网页的控件渲染方法。
相比于现有技术，本发明实施例的有益效果在于以下所述中的至少一点：通过响应待进行控件渲染的目标网页页面的访问请求，以获取目标网页的初步页面的页面配置数据，然后对所述目标网页的页面配置数据进行分析，得到所述目标网页的页面配置对象，接着基于所述页面配置对象进行页面布局分析，确定所述目标网页的渲染页面结构和所述目标网页的渲染样式，确定对应的控件渲染策略，最后确定对应的控件渲染策略，并根据该控件对应策略对目标网页上对应的控件进行渲染操作，从而使得网页开发者无需耗费大量时间来对网页内容进行人工分析，降低了网页渲染的编辑的工作量，简化了对网页的渲染过程，提高了对网页的编辑效率。相应地，本发明实施例还提供一种网页的控件渲染装置、设备及存储介质。
附图说明
图1是本发明其中一种实施例中的一种网页的控件渲染方法的流程示意图；、
图2是本发明其中一种实施例中的网页的控件渲染装置的结构示意图；
图3是本发明其中一种实施例中的网页的控件渲染设备的结构框图；
附图标记：
其中，11、网页数据获取模块；12、网页数据分析模块；13、页面配置对象分析模块；14、控件渲染策略确定模块；21、处理器；22、存储器。
具体实施方式
下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
在本申请描述中，术语“第一”、“第二”、“第三”等仅用于描述目的，而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此，限定有“第一”、“第二”、“第三”等的特征可以明示或者隐含地包括一个或者更多个该特征。在本申请的描述中，除非另有说明，“多个”的含义是两个或两个以上。
在本申请的描述中，需要说明的是，除非另有明确的规定和限定，术语“安装”、“相连”、“连接”应做广义理解，例如，可以是固定连接，也可以是可拆卸连接，或一体地连接；可以是机械连接，也可以是电连接；可以是直接相连，也可以通过中间媒介间接相连，可以是两个元件内部的连通。对于本领域的普通技术人员而言，可以具体情况理解上述术语在本申请中的具体含义。
在本申请的描述中，需要说明的是，除非另有定义，本发明所使用的所有的技术和科学术语与属于本的技术领域的技术人员通常理解的含义相同。本发明中说明书中所使用的术语只是为了描述具体的实施例的目的，不是旨在于限制本发明，对于本领域的普通技术人员而言，可以具体情况理解上述术语在本申请中的具体含义。
本发明一实施例提供了一种网页的控件渲染方法，具体的，请参见图1，图1示出为本发明其中一种实施例中的网页的控件渲染方法的流程示意图，其中包括下述步骤S1到步骤S5：
S1、响应待进行控件渲染的目标网页页面的获取请求，获取所述目标网页的页面配置数据；
S2、根据所述目标网页的页面配置数据，分析得到所述目标网页的页面配置对象；
S3、基于所述页面配置对象进行目标网页的页面布局分析，并根据分析结果得到所述目标网页的渲染页面结构和所述目标网页的渲染样式；
S4、根据所述目标网页的渲染页面结构和所述目标网页的渲染样式，确定对应的控件渲染策略；
S5、根据所述控件渲染策略，对目标网页上对应的控件进行渲染。
需要说明的是，在本实施例中，所述网页渲染方法可以通过用户端执行，所述用户端可以为电脑、手机、平板等用户终端设备；其中，所述用户端上可以装载有各种应用程序，包括浏览器，并用于呈现网页画面。作为举例，所述用户端可以包括显示屏和处理器，该显示屏用于呈现网页界面，该网页界面用于呈现网页图片，以及与用户进行交互；该处理器用于获取网页、生成网页界面以及控制网页界面在显示屏上的显示。
本实施例中的所述网页渲染方法也可以由服务器执行，所述服务器可以为IA架构服务器、RISC架构服务器等不同类型的服务器；其中，所述服务器端具有高速的CPU运算能力、长时间的可靠运行、强大的I/O外部数据吞吐能力以及更好的扩展性，可以为用户端提供网页的响应服务请求、承担服务、保障服务。
在上述步骤S1中，示例性的，待进行控件渲染的目标网页页面的获取请求可以是接收到的由用户下发的网页渲染的设置指令；或者，也可是由相关的软件程序在得到最初的网页后自动生成的网页渲染的设置指令，在此不做限定。
在步骤S2中，示例性的，页面配置数据与页面配置对象对应设置，而使得可以通过页面配置数据分析得到页面配置对象。
示例性的，在上述步骤S3中，渲染页面结构可以是页面布局的结构，渲染样式可以是目标网页的文字的渲染颜色、背景的渲染颜色。
示例性的，在上述步骤S4中，比如，一个映射关系可以为，当前的页面的渲染样式是上淡紫下淡红，而渲染页面结构为左右框架型布局，结构主要分为左右两侧的页面，则控件渲染策略可以包括以紫与红混合为主的至少两种控件渲染策略，具体一种控件渲染策略可以是从上至下由紫色向红色渐变，另一种控件渲染策略可以是从左到右由紫色向红色渐变。
那么，在上述步骤S5中，如果当前的页面的渲染样式是上淡紫下淡红，而渲染页面结构为左右框架型布局，结构主要分为左右两侧的页面，则控件渲染策略可以是从上至下由紫色向红色渐变，则可以根据该控件渲染策略将网页进行相应的渲染操作。
本发明实施例提供的网页的控件渲染方法通过响应待进行控件渲染的目标网页页面的访问请求，以获取目标网页的初步页面的页面配置数据，然后对所述目标网页的页面配置数据进行分析，得到所述目标网页的页面配置对象，接着基于所述页面配置对象进行页面布局分析，确定所述目标网页的渲染页面结构和所述目标网页的渲染样式，确定对应的控件渲染策略，最后确定对应的控件渲染策略，并根据该控件对应策略对目标网页上对应的控件进行渲染操作，从而使得网页开发者无需耗费大量时间来对网页内容进行人工分析，降低了网页渲染的编辑的工作量，简化了对网页的渲染过程，提高了对网页的编辑效率。
进一步地，在上述实施例中，所述步骤S2中的“所述基于所述页面配置对象进行目标网页的页面布局分析，并根据分析结果得到所述目标网页的渲染页面结构和所述目标网页的渲染样式”，具体包括：
对所述目标网页的页面配置数据进行分类，得到所述目标网页的配置数据的分类类型，其中，所述分类类型包括页面控件、页面菜单栏和页面背景；
获取分类类型为页面控件、页面菜单栏和页面背景三者的网页显示位置，并根据所述三者的所述网页显示位置分析得出所述目标网页的渲染页面结构和所述目标网页的渲染样式。
考虑到一般的网页都是由不同的页面配置数据构成，在本发明实施例中，可以先对网页的页面配置数据进行全面分析，分类筛选出不同的类型包括页面控件、页面菜单栏和页面背景；并基于对页面控件、页面菜单栏和页面背景的分析，获得相应的网页显示的位置，并以此分析得出该目标网页的根据所述网页显示位置分析得出所述目标网页的渲染页面结构和所述目标网页的渲染样式。
示例性的，一般有两种控件，一种是服务器控件，上面都有共同的特征runat=“server”，另外一种就是html控件，这种控件是网页设计的最基础的控件，比如：<inputtype="button" vlaue="按钮" />(html控件)，且无论是什么服务器控件，最后都可以解析为相应的html语言。
页面菜单栏可以是将系统可以执行的命令以阶层的方式显示出来的一个界面，可以包括由“文件”、“编辑”、“视图”、“插入”、“格式”、“工具”、“表格”、“窗口”和“帮助”等组件构成。
而页面背景可以为背景应用渐变、图案、图片、纯色或纹理。渐变、图案、图片和纹理将进行平铺或重复以填充页面。
进一步地，在一种可选的实施方式中，所述根据所述目标网页的渲染页面结构和所述目标网页的渲染样式，确定对应的控件渲染策略，之前包括：
预设所述渲染页面结构和所述渲染样式两者与控件渲染策略的映射关系。
应当说明的是，本实施例中，可以预先设置好所述目标网页的渲染页面结构和所述目标网页的渲染样式两者与控件渲染策略的映射关系，预设的网页的渲染页面结构及网页的渲染样式与控件渲染策略的映射关系可以预先存储在本地，当需要时直接调用，也可以存储在云端，当需要时通过无线网络或者有线等从云端下载，在此不作限制。并且，一般所述目标网页的渲染页面结构和所述目标网页的渲染样式与控件渲染策略的映射关系可以是一对多，也就是说，根据一组目标网页的渲染页面结构和目标网页的渲染样式，所映射的控件渲染策略可以有至少两个，最后可以在两个以上的控件渲染策略中确定一个，以此来对目标网页的控件进行渲染操作。
在另一种可选的实施方式中，对于上述步骤S3：所述根据所述目标网页的渲染页面结构和所述目标网页的渲染样式，确定对应的控件渲染策略，具体包括：
根据所述目标网页的渲染页面结构和所述目标网页的渲染样式两者，并基于所述映射关系，获取对应的控件渲染策略；其中，每一组所述目标网页的渲染页面结构和所述目标网页的渲染样式两者映射有至少两种控件渲染策略；
根据网页开发者发出的控件渲染策略选定指令，选定对应的控件渲染策略。
在本实施例中，基于选定的控件渲染策略，对目标网页的对应控件进行相应的渲染操作，最终得到即将要发布的页面。比如，控件渲染策略可以是紫与红的混合色，则可以根据该控件渲染策略将目标网页的对应控件进行相应的渲染操作，最后得到渲染后的页面。
请参见图2，其是本发明一实施例提供的网页的控件渲染装置的结构示意图，包括：
网页数据获取模块11，响应待进行控件渲染的目标网页页面的获取请求，获取所述目标网页的页面配置数据；
网页数据分析模块12，根据所述目标网页的页面配置数据，分析得到所述目标网页的页面配置对象；
页面配置对象分析模块13，基于所述页面配置对象进行目标网页的页面布局分析，并根据分析结果得到所述目标网页的渲染页面结构和所述目标网页的渲染样式；
控件渲染策略确定模块14，根据所述目标网页的渲染页面结构和所述目标网页的渲染样式，确定对应的控件渲染策略；
网页渲染模块15，根据所述控件渲染策略，对目标网页上对应的控件进行渲染。
本发明实施例提供的网页的控件渲染装置，通过响应待进行控件渲染的目标网页页面的访问请求，以获取目标网页的初步页面的页面配置数据，然后对所述目标网页的页面配置数据进行分析，得到所述目标网页的页面配置对象，接着基于所述页面配置对象进行页面布局分析，确定所述目标网页的渲染页面结构和所述目标网页的渲染样式，确定对应的控件渲染策略，最后确定对应的控件渲染策略，并根据该控件对应策略对目标网页上对应的控件进行渲染操作，从而使得网页开发者无需耗费大量时间来对网页内容进行人工分析，降低了网页渲染的编辑的工作量，简化了对网页的渲染过程，提高了对网页的编辑效率。
优选地，在上述实施例中，
所述网页数据获取模块，具体用于：
对所述目标网页的页面配置数据进行分类，得到所述目标网页的配置数据的分类类型，其中，所述分类类型包括页面控件、页面菜单栏和页面背景；
获取分类类型为页面控件、页面菜单栏和页面背景三者的网页显示位置，并根据所述三者的所述网页显示位置分析得出所述目标网页的渲染页面结构和所述目标网页的渲染样式。
在另外一种可选的实施方式中，
还包括映射关系预设模块，用于：
预设所述渲染页面结构和所述渲染样式两者与控件渲染策略的映射关系。
参见图3，其是本发明实施例提供的网页的控件渲染设备的结构框图，本发明实施例提供的网页的控件渲染设备，包括处理器21、存储器22以及存储在所述存储器22中且被配置为由所述处理器21执行的计算机程序，所述处理器21执行所述计算机程序时实现如上述网页的控件渲染方法实施例中的步骤，例如图1中所述的步骤S1~S5；或者，所述处理器21执行所述计算机程序时实现上述各装置实施例中各模块的功能，例如网页数据获取模块11。
示例性的，所述计算机程序可以被分割成一个或多个模块，所述一个或者多个模块被存储在所述存储器22中，并由所述处理器21执行，以完成本发明。所述一个或多个模块可以是能够完成特定功能的一系列计算机程序指令段，该指令段用于描述所述计算机程序在所述网页动态特效的设置设备中的执行过程。例如，所述计算机程序可以被分割成网页数据获取模块11、网页数据分析模块12、页面配置对象分析模块13控件渲染策略确定模块14和网页渲染模块15，各模块具体功能如下：
网页数据获取模块11，响应待进行控件渲染的目标网页页面的获取请求，获取所述目标网页的页面配置数据；
网页数据分析模块12，根据所述目标网页的页面配置数据，分析得到所述目标网页的页面配置对象；
页面配置对象分析模块13，基于所述页面配置对象进行目标网页的页面布局分析，并根据分析结果得到所述目标网页的渲染页面结构和所述目标网页的渲染样式；
控件渲染策略确定模块14，根据所述目标网页的渲染页面结构和所述目标网页的渲染样式，确定对应的控件渲染策略；
网页渲染模块15，根据所述控件渲染策略，对目标网页上对应的控件进行渲染。
各个模块具体的工作过程可参考上述实施例所述的网页的控件渲染装置的工作过程，在此不再赘述。
所述网页的控件渲染设备可以是桌上型计算机、笔记本、掌上电脑及云端服务器等计算设备。所述网页的控件渲染设备可包括，但不仅限于，处理器21、存储器22。本领域技术人员可以理解，所述示意图仅仅是网页的控件渲染设备的示例，并不构成对的控件渲染设备的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件，例如所述网页的控件渲染设备还可以包括输入输出设备、网络接入设备、总线等。
所述处理器21可以是中央处理单元(Central Processing Unit，CPU)，还可以是其他通用处理器、数字信号处理器 (Digital Signal Processor，DSP)、专用集成电路(Application Specific Integrated Circuit，ASIC)、现成可编程门阵列 (Field-Programmable Gate Array，FPGA) 或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等，所述处理器21是所述网页动的控件渲染设备20的控制中心，利用各种接口和线路连接整个网页的控件渲染设备20的各个部分。
所述存储器22可用于存储所述计算机程序和/或模块，所述处理器21通过运行或执行存储在所述存储器22内的计算机程序和/或模块，以及调用存储在存储器22内的数据，实现所述网页动态特效的设置设备20的各种功能。所述存储器22可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序（比如声音播放功能、图像播放功能等）等；存储数据区可存储根据手机的使用所创建的数据（比如音频数据、电话本等）等。此外，存储器22可以包括高速随机存取存储器，还可以包括非易失性存储器，例如硬盘、内存、插接式硬盘，智能存储卡（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~S5。
以上所述是本发明的优选实施方式，应当指出，对于本技术领域的普通技术人员来说，在不脱离本发明原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也视为本发明的保护范围。
Claims (6)
1.一种网页的控件渲染方法，其特征在于，包括：
响应待进行控件渲染的目标网页页面的获取请求，获取所述目标网页的页面配置数据；
根据所述目标网页的页面配置数据，分析得到所述目标网页的页面配置对象；
基于所述页面配置对象进行目标网页的页面布局分析，并根据分析结果得到所述目标网页的渲染页面结构和所述目标网页的渲染样式；
预设所述渲染页面结构和所述渲染样式两者与控件渲染策略的映射关系；
根据所述目标网页的渲染页面结构和所述目标网页的渲染样式两者，并基于所述映射关系，获取对应的控件渲染策略；其中，每一组所述目标网页的渲染页面结构和所述目标网页的渲染样式两者映射有至少两种控件渲染策略；
根据网页开发者发出的控件渲染策略选定指令，选定对应的控件渲染策略；
根据所述控件渲染策略，对目标网页上对应的控件进行渲染。
2.如权利要求1所述的网页的控件渲染方法，其特征在于，所述基于所述页面配置对象进行目标网页的页面布局分析，并根据分析结果得到所述目标网页的渲染页面结构和所述目标网页的渲染样式，具体包括：
对所述目标网页的页面配置数据进行分类，得到所述目标网页的配置数据的分类类型，其中，所述分类类型包括页面控件、页面菜单栏和页面背景；
获取分类类型为页面控件、页面菜单栏和页面背景三者的网页显示位置，并根据所述三者的所述网页显示位置分析得出所述目标网页的渲染页面结构和所述目标网页的渲染样式。
3.一种网页的控件渲染装置，其特征在于，包括：
网页数据获取模块，响应待进行控件渲染的目标网页页面的获取请求，获取所述目标网页的页面配置数据；
网页数据分析模块，根据所述目标网页的页面配置数据，分析得到所述目标网页的页面配置对象；
页面配置对象分析模块，基于所述页面配置对象进行目标网页的页面布局分析，并根据分析结果得到所述目标网页的渲染页面结构和所述目标网页的渲染样式；
映射关系预设模块，用于预设所述渲染页面结构和所述渲染样式两者与控件渲染策略的映射关系；
控件渲染策略确定模块，根据所述目标网页的渲染页面结构和所述目标网页的渲染样式两者，并基于所述映射关系，获取对应的控件渲染策略；其中，每一组所述目标网页的渲染页面结构和所述目标网页的渲染样式两者映射有至少两种控件渲染策略,根据网页开发者发出的控件渲染策略选定指令，选定对应的控件渲染策略；
网页渲染模块，根据所述控件渲染策略，对目标网页上对应的控件进行渲染。
4.如权利要求3所述的网页的控件渲染装置，其特征在于，所述网页数据获取模块，具体用于：
对所述目标网页的页面配置数据进行分类，得到所述目标网页的配置数据的分类类型，其中，所述分类类型包括页面控件、页面菜单栏和页面背景；
获取分类类型为页面控件、页面菜单栏和页面背景三者的网页显示位置，并根据所述三者的所述网页显示位置分析得出所述目标网页的渲染页面结构和所述目标网页的渲染样式。
5.一种网页的控件渲染设备，其特征在于，包括处理器、存储器以及存储在所述存储器中且被配置为由所述处理器执行的计算机程序，所述处理器执行所述计算机程序时实现如权利要求1至2中任意一项所述的网页的控件渲染方法。
6.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质包括存储的计算机程序，其中，在所述计算机程序运行时控制所述计算机可读存储介质所在设备执行如权利要求1至2中任意一项所述的网页的控件渲染方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110900787.7A CN113656717B (zh) | 2021-08-06 | 2021-08-06 | 一种网页的控件渲染方法、装置、设备及存储介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110900787.7A CN113656717B (zh) | 2021-08-06 | 2021-08-06 | 一种网页的控件渲染方法、装置、设备及存储介质 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN113656717A CN113656717A (zh) | 2021-11-16 |
| CN113656717B true CN113656717B (zh) | 2024-05-28 |
Family
ID=78490449
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202110900787.7A Active CN113656717B (zh) | 2021-08-06 | 2021-08-06 | 一种网页的控件渲染方法、装置、设备及存储介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN113656717B (zh) |
Families Citing this family (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN114513512B (zh) * | 2022-02-08 | 2023-01-24 | 腾讯科技（深圳）有限公司 | 界面渲染的方法及装置 |
Citations (13)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US6957394B1 (en) * | 2000-12-01 | 2005-10-18 | Microsoft Corporation | Rendering controls of a web page according to a theme |
| CN102073502A (zh) * | 2011-01-11 | 2011-05-25 | 百度在线网络技术（北京）有限公司 | 一种利用web原生布局进行页面渲染的方法及装置 |
| CN107025583A (zh) * | 2016-01-29 | 2017-08-08 | 阿里巴巴集团控股有限公司 | 一种页面控件的渲染方法、设备和终端设备 |
| CN108595468A (zh) * | 2013-03-22 | 2018-09-28 | 阿里巴巴集团控股有限公司 | 一种网页数据的获取方法、装置、服务器、终端和系统 |
| CN109101300A (zh) * | 2018-06-14 | 2018-12-28 | 腾讯科技（深圳）有限公司 | 一种页面渲染方法、装置及终端 |
| CN109614565A (zh) * | 2018-04-04 | 2019-04-12 | 北京京东金融科技控股有限公司 | 网页生成方法与装置 |
| CN110888634A (zh) * | 2019-11-04 | 2020-03-17 | 上海硬通网络科技有限公司 | 游戏落地页生成方法、装置、计算机设备和存储介质 |
| CN111026490A (zh) * | 2019-12-09 | 2020-04-17 | 北京小米移动软件有限公司 | 页面渲染方法、装置、电子设备及存储介质 |
| CN111352682A (zh) * | 2018-12-24 | 2020-06-30 | 北京嘀嘀无限科技发展有限公司 | 页面渲染方法、装置、服务器及可读存储介质 |
| CN112100543A (zh) * | 2020-08-31 | 2020-12-18 | 东软集团股份有限公司 | 渲染网页的方法、装置、存储介质及电子设备和服务器 |
| WO2021036448A1 (zh) * | 2019-08-26 | 2021-03-04 | 苏宁云计算有限公司 | 一种网页编辑方法及装置 |
| CN112818272A (zh) * | 2021-01-28 | 2021-05-18 | 深圳点猫科技有限公司 | 一种配置化网页渲染方法、装置、系统及介质 |
| CN113655999A (zh) * | 2021-08-05 | 2021-11-16 | 上海硬通网络科技有限公司 | 一种页面控件的渲染方法、装置、设备及存储介质 |
Family Cites Families (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US9049258B2 (en) * | 2009-09-17 | 2015-06-02 | Border Stylo, LLC | Systems and methods for anchoring content objects to structured documents |
| US9367523B2 (en) * | 2009-09-25 | 2016-06-14 | Adobe Systems Incorporated | System and method for using design features to search for page layout designs |
-
2021
- 2021-08-06 CN CN202110900787.7A patent/CN113656717B/zh active Active
Patent Citations (13)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US6957394B1 (en) * | 2000-12-01 | 2005-10-18 | Microsoft Corporation | Rendering controls of a web page according to a theme |
| CN102073502A (zh) * | 2011-01-11 | 2011-05-25 | 百度在线网络技术（北京）有限公司 | 一种利用web原生布局进行页面渲染的方法及装置 |
| CN108595468A (zh) * | 2013-03-22 | 2018-09-28 | 阿里巴巴集团控股有限公司 | 一种网页数据的获取方法、装置、服务器、终端和系统 |
| CN107025583A (zh) * | 2016-01-29 | 2017-08-08 | 阿里巴巴集团控股有限公司 | 一种页面控件的渲染方法、设备和终端设备 |
| CN109614565A (zh) * | 2018-04-04 | 2019-04-12 | 北京京东金融科技控股有限公司 | 网页生成方法与装置 |
| CN109101300A (zh) * | 2018-06-14 | 2018-12-28 | 腾讯科技（深圳）有限公司 | 一种页面渲染方法、装置及终端 |
| CN111352682A (zh) * | 2018-12-24 | 2020-06-30 | 北京嘀嘀无限科技发展有限公司 | 页面渲染方法、装置、服务器及可读存储介质 |
| WO2021036448A1 (zh) * | 2019-08-26 | 2021-03-04 | 苏宁云计算有限公司 | 一种网页编辑方法及装置 |
| CN110888634A (zh) * | 2019-11-04 | 2020-03-17 | 上海硬通网络科技有限公司 | 游戏落地页生成方法、装置、计算机设备和存储介质 |
| CN111026490A (zh) * | 2019-12-09 | 2020-04-17 | 北京小米移动软件有限公司 | 页面渲染方法、装置、电子设备及存储介质 |
| CN112100543A (zh) * | 2020-08-31 | 2020-12-18 | 东软集团股份有限公司 | 渲染网页的方法、装置、存储介质及电子设备和服务器 |
| CN112818272A (zh) * | 2021-01-28 | 2021-05-18 | 深圳点猫科技有限公司 | 一种配置化网页渲染方法、装置、系统及介质 |
| CN113655999A (zh) * | 2021-08-05 | 2021-11-16 | 上海硬通网络科技有限公司 | 一种页面控件的渲染方法、装置、设备及存储介质 |
Non-Patent Citations (1)
| Title |
|---|
| Web前端网页渲染优化研究;肖建芳;;现代计算机;20200715(第20期);92-95 * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN113656717A (zh) | 2021-11-16 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN109117138B (zh) | 一种组态方法及装置、计算机可读存储介质 | |
| CN107943997B (zh) | 一种基于谷歌浏览器的远程网站取证方法、终端设备及存储介质 | |
| CN113655999B (zh) | 一种页面控件的渲染方法、装置、设备及存储介质 | |
| CN110750664B (zh) | 图片的显示方法及装置 | |
| CN110516186A (zh) | 页面骨架自动化生成方法、设备、存储介质及装置 | |
| CN110941428B (zh) | 一种网站创建方法和装置 | |
| CN113656717B (zh) | 一种网页的控件渲染方法、装置、设备及存储介质 | |
| EP3518103A1 (en) | Information processing apparatus, communication system, and image processing method | |
| WO2023197762A1 (zh) | 图像渲染方法、装置、电子设备、计算机可读存储介质及计算机程序产品 | |
| CN111625312A (zh) | 一种app换肤方法、装置、电子设备及存储介质 | |
| CN114489610A (zh) | 一种页面可视化动态组件配置方法及系统 | |
| CN113158619A (zh) | 文档处理方法、装置、计算机可读存储介质及计算机设备 | |
| CN113778405A (zh) | 一种跨平台app构建方法、装置、系统及介质 | |
| CN110647327A (zh) | 基于卡片的用户界面动态控制的方法和装置 | |
| CN115167728A (zh) | 菜单栏合并及显示方法、装置及计算机可读存储介质 | |
| US20060064632A1 (en) | Method and system to inverse graphs | |
| CN111008012B (zh) | 一种原型设计方法、装置、电子产品及存储介质 | |
| CN109726382B (zh) | 排版方法和装置 | |
| CN113760253A (zh) | 前端渲染方法、装置、设备、介质及程序产品 | |
| CN113672836B (zh) | 网页动态特效的设置方法、装置、设备及存储介质 | |
| CN112988310A (zh) | 一种基于多分屏浏览器的线上实验方法 | |
| CN112001157A (zh) | 一种网页数据表格在线设计方法及装置 | |
| CN111966931A (zh) | 控件的渲染方法及装置 | |
| CN113672835B (zh) | 网页动态特效的设置方法、装置、设备及存储介质 | |
| CN112418902A (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 |