CN108920496A - 一种渲染方法及装置 - Google Patents
一种渲染方法及装置 Download PDFInfo
- Publication number
- CN108920496A CN108920496A CN201810501059.7A CN201810501059A CN108920496A CN 108920496 A CN108920496 A CN 108920496A CN 201810501059 A CN201810501059 A CN 201810501059A CN 108920496 A CN108920496 A CN 108920496A
- Authority
- CN
- China
- Prior art keywords
- run
- supplemental characteristic
- target element
- rendering
- target
- 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.)
- Granted
Links
Classifications
-
- 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
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Devices For Executing Special Programs (AREA)
- Stored Programmes (AREA)
Abstract
本发明提供了一种渲染方法及装置,属于计算机技术领域。具体的,包括以下步骤:在至少一个预设的第一参数数据中,获取目标组件对应的目标参数数据;基于目标参数数据生成可运行的渲染逻辑,对目标组件进行编译,得到可运行的目标组件;在运行该可运行的目标组件时,基于该可运行的渲染逻辑中携带的各个参数进行渲染,这样,由于是通过运行可运行的渲染逻辑进行渲染,所以渲染之后显示的组件视图是由调用该可运行的渲染逻辑时所传递的参数决定的,进而无需重新开发组件,或者在目标组件中新增参数,并相应的修改逻辑模块,基于该可运行的渲染逻辑即可实现升级组件功能效果,减小了对目标组件的破坏程度,降低了组件功能升级维护成本。
Description
技术领域
本发明属于计算机技术领域,特别是涉及一种渲染方法及装置。
背景技术
随着计算机技术的不断发展,终端的应用越来越广泛,用户可以利用终端浏览各种各样的页面。一般,各个显示的页面都是基于MVVM(Model-View-ViewModel)组件化开发的,即每个页面由MVVM组件组合构成。组件一般会包括静态模板以及逻辑模块,其中,静态模板中会包括决定页面显示效果的各个参数,比如,颜色,各个控件的位置以及大小,各个事件被触发后组件视图发生变化等等,逻辑模块会结合静态模板生成渲染逻辑,在运行组件时,组件中逻辑模块中的各个渲染逻辑会基于静态模板所包含的参数进行渲染,就可以得到组件化开发的页面。
受到组件本身特性的限定,静态模板以及逻辑模块往往是封装在一起的,耦合性较高。这样,当需要对页面进行优化,更改页面的样式时,往往需要重新开发待更改页面对应的组件,或者,需要在待更改页面对应的原有组件中的静态模板中新增参数,并修改相应的逻辑模块,操作复杂,对原有组件的破坏程度较大,同时也会增加原有组件的逻辑复杂度,进而增大后期的维护成本。
发明内容
鉴于上述问题,提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的一种渲染方法及装置。
依据本发明的第一方面,提供了一种渲染方法,该方法可以包括:
在至少一个预设的第一参数数据中,获取所述目标组件对应的第一参数数据,得到目标参数数据;
基于所述目标参数数据生成可运行的渲染逻辑,以及,对所述目标组件进行编译,得到可运行的目标组件;其中,所述可运行的渲染逻辑中携带有所述目标参数数据中的各个参数;
在运行所述可运行的目标组件时,基于所述可运行的渲染逻辑中携带的各个参数进行渲染。
可选的,所述第一参数数据是根据页面样式和结构定义的,所述第一参数数据中携带的各个参数至少包括:第一组件标识ID、组件属性、标签以及事件。
可选的,在所述在至少一个预设的第一参数数据中,获取所述目标组件对应的第一参数数据,得到目标参数数据的步骤之前,所述方法还包括:
将用户预先输入的每个第二参数数据转换为树型数据,得到多个预设的第一参数数据;
将每个预设的第一参数数据中的第一组件ID作为键,将每个预设的第一参数数据作为值,构建键值对,得到至少一个键值对;
其中,所述第二参数数据是基于预设的结构化模板生成的结构化数据,所述第一参数数据为树型结构数据,所述第一参数数据包括多个节点,所述第一参数数据中携带的第一组件标识ID、组件属性、标签以及事件分别分布在各个节点上。
可选的,所述在至少一个预设的第一参数数据中,获取所述目标组件对应的第一参数数据,得到目标参数数据的步骤,包括:
将所述目标组件的组件ID作为第二组件ID,将所述第二组件ID与所述至少一个键值对中的每个第一组件ID进行匹配;
将与所述第二组件ID相匹配的第一组件ID确定为目标组件ID,将所述目标组件ID对应的第一参数数据,确定为目标参数数据。
可选的,所述目标组件中包括验证ID;
所述基于所述目标参数数据生成可运行的渲染逻辑的步骤,包括:
将所述目标组件中的验证ID对应的验证规则,确定为目标验证规则;
将所述目标参数数据中与所述目标验证规则对应的参数作为待验证参数,判断所述待验证参数是否与所述目标验证规则相匹配;
若所述待验证参数与所述目标验证规则相匹配,则调用目标编译器对目标参数数据进行编译,得到可运行的渲染逻辑;
其中,所述目标编译器是与所述目标参数数据所采用的语法相适配的编译器。
可选的,所述在运行所述可运行的目标组件时,基于所述可运行的渲染逻辑中携带的各个参数进行渲染的步骤,包括:
删除所述目标组件的逻辑模块中的原有渲染逻辑,并在所述原有渲染逻辑的位置,添加所述可运行的渲染逻辑;
基于所述可运行的渲染逻辑中携带的标签以及事件进行渲染。
依据本发明的第二方面,提供了一种渲染装置,该装置可以包括:
获取模块,用于在至少一个预设的第一参数数据中,获取所述目标组件对应的第一参数数据,得到目标参数数据;
生成模块,用于基于所述目标参数数据生成可运行的渲染逻辑,以及,对所述目标组件进行编译,得到可运行的目标组件;其中,所述可运行的渲染逻辑中携带有所述目标参数数据中的各个参数;
渲染模块,用于在运行所述可运行的目标组件时,基于所述可运行的渲染逻辑中携带的各个参数进行渲染。
可选的,所述第一参数数据是根据页面样式和结构定义的,所述第一参数数据中携带的各个参数至少包括:第一组件标识ID、组件属性、标签以及事件。
可选的,所述装置还包括:
转换模块,用于将用户预先输入的每个第二参数数据转换为树型数据,得到多个预设的第一参数数据;
构建模块,用于将每个预设的第一参数数据中的第一组件ID作为键,将每个预设的第一参数数据作为值,构建键值对,得到至少一个键值对;
其中,所述第二参数数据是基于预设的结构化模板生成的结构化数据,所述第一参数数据为树型结构数据,所述第一参数数据包括多个节点,所述第一参数数据中携带的第一组件标识ID、组件属性、标签以及事件分别分布在各个节点上。
可选的,所述获取模块,用于:
将所述目标组件的组件ID作为第二组件ID,将所述第二组件ID与所述至少一个键值对中的每个第一组件ID进行匹配;
将与所述第二组件ID相匹配的第一组件ID确定为目标组件ID,将所述目标组件ID对应的第一参数数据,确定为目标参数数据。
可选的,所述目标组件中包括验证ID;
所述生成模块,用于:
将所述目标组件中的验证ID对应的验证规则,确定为目标验证规则;
将所述目标参数数据中与所述目标验证规则对应的参数作为待验证参数,判断所述待验证参数是否与所述目标验证规则相匹配;
若所述待验证参数与所述目标验证规则相匹配,则调用目标编译器对目标参数数据进行编译,得到可运行的渲染逻辑;
其中,所述目标编译器是与所述目标参数数据所采用的语法相适配的编译器。
可选的,所述渲染模块,用于:
删除所述目标组件的逻辑模块中的原有渲染逻辑,并在所述原有渲染逻辑的位置,添加所述可运行的渲染逻辑;
基于所述可运行的渲染逻辑中携带的标签以及事件进行渲染。
针对在先技术,本发明具备如下优点:
可以在至少一个预设的第一参数数据中,获取目标组件对应的第一参数数据,得到目标参数数据,然后基于目标参数数据生成可运行的渲染逻辑,以及,对目标组件进行编译,得到可运行的目标组件,最后,在运行该可运行的目标组件时,基于该可运行的渲染逻辑中携带的各个参数进行渲染,这样,由于在利用可运行的渲染逻辑进行渲染时,渲染之后显示的页面效果是由该可运行渲染逻辑中的参数决定的,进而无需重新开发组件,或者在目标组件中新增参数,并相应的修改逻辑模块,基于该可运行的渲染逻辑即可实现更改显示效果,简化了更改显示效果的操作过程,同时减小了对目标组件的破坏程度,降低了后期维护成本。
上述说明仅是本发明技术方案的概述,为了能够更清楚了解本发明的技术手段,而可依照说明书的内容予以实施,并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂,以下特举本发明的具体实施方式。
附图说明
通过阅读下文优选实施方式的详细描述,各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的,而并不认为是对本发明的限制。而且在整个附图中,用相同的参考符号表示相同的部件。在附图中:
图1是本发明实施例一提供的一种渲染方法的步骤流程图;
图2是本发明实施例二提供的一种渲染方法的步骤流程图;
图3是本发明实施例三提供的一种渲染装置的框图;
图4是本发明实施例四提供的一种渲染装置的框图。
具体实施方式
下面将参照附图更详细地描述本发明的示例性实施例。虽然附图中显示了本发明的示例性实施例,然而应当理解,可以以各种形式实现本发明而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本发明,并且能够将本发明的范围完整的传达给本领域的技术人员。
实施例一
图1是本发明实施例一提供的一种渲染方法的步骤流程图,如图1所示,该方法可以包括:
步骤101、在至少一个预设的第一参数数据中,获取所述目标组件对应的第一参数数据,得到目标参数数据。
本发明实施例中,目标组件可以是目标页面对应的组件,该目标页面可以是要显示的页面。示例的,假设需要对页面A进行显示,那么终端可以将页面A对应的组件确定为目标组件。进一步地,第一参数数据可以是根据页面样式定义的,开发人员可以针对不同页面的样式更改需求,设置对应的第一参数数据,得到多个预设的第一参数数据。在需要对目标组件进行编译时,可以在这多个第一参数数据中,获取目标组件对应的第一参数数据,得到目标参数数据。示例的,假设需要将页面A的背景色改变为红色,那么开发人员可以预先针对页面A对应的组件,定义一个所携带的标签为“背景色:红色”的第一参数数据。
步骤102、基于所述目标参数数据生成可运行的渲染逻辑,以及,对所述目标组件进行编译,得到可运行的目标组件。
本发明实施例中,终端在对目标组件进行编译时,可以利用与目标组件所采用的语法相匹配的编译器,对目标组件进行编译,进而得到可运行的目标组件,示例的,对于采用解释型程序设计语法:python语法的目标组件,可以利用与python语法相匹配的编译器(例如,vim编译器)对目标组件进行编译。进一步地,终端在基于目标参数数据生成可运行的渲染逻辑时,为了保证后续过程中,目标组件能够正常的基于该可运行的渲染逻辑进行渲染,因此,终端可以先对目标参数数据中的各个参数进行验证,在验证通过之后,再基于目标参数数据生成可运行的渲染逻辑。具体在生成时,由于不同的目标参数数据采用的语法可能不同,因此终端在基于目标参数数据生成可运行的渲染逻辑时,也可以是根据目标参数数据所采用的语法,选择合适的编译器,然后,利用该编译器对目标参数数据进行编译,进而得到可运行的渲染逻辑,该可运行的渲染逻辑中可以携带有目标参数数据中的各个参数。需要说明的是,终端在具体实现时,可以是先基于目标参数数据生成可运行的渲染逻辑,然后再对目标组件进行编译,也可以是先对目标组件进行编译,然后再基于目标参数数据生成可运行的渲染逻辑,当然,也可以是同时进行基于目标参数数据生成可运行的渲染逻辑的操作以及对目标组件进行编译的操作,本发明实施例对此不作限定。
步骤103、在运行所述可运行的目标组件时,基于所述可运行的渲染逻辑中携带的各个参数进行渲染。
本发明实施例中,由于终端在运行该可运行的目标组件时,是基于该可运行的渲染逻辑中携带的各个参数完成渲染操作的,因此,显示的页面的样式是由可运行的渲染逻辑中携带的各个参数决定,即就是,由目标参数数据所决定的。这样,页面的样式由原先目标组件中所定义的参数及逻辑所决定的样式,变成了由目标参数数据所决定的样式。因此,本发明实施例中,无需重新开发组件,或者在目标组件中新增参数,并相应的修改逻辑模块,通过预设的目标参数数据即可实现更改显示效果,简化了更改显示效果的操作过程,同时减小了对目标组件的破坏程度,降低了后期维护成本。
综上所述,本发明实施例一提供的渲染方法,可以在至少一个预设的第一参数数据中,获取目标组件对应的第一参数数据,得到目标参数数据,然后基于目标参数数据生成可运行的渲染逻辑,以及,对目标组件进行编译,得到可运行的目标组件,最后,在运行该可运行的目标组件时,基于该可运行的渲染逻辑中携带的各个参数进行渲染,这样,由于在利用可运行的渲染逻辑进行渲染时,渲染之后显示的页面效果是由该可运行渲染逻辑中的参数决定的,进而无需重新开发组件,或者在目标组件中新增参数,并相应的修改逻辑模块,基于该可运行的渲染逻辑即可实现更改显示效果,简化了更改显示效果的操作过程,同时减小了对目标组件的破坏程度,降低了后期维护成本。
实施例二
图2是本发明实施例二提供的一种渲染方法的步骤流程图,如图2所示,该方法可以包括:
步骤201、将用户预先输入的每个第二参数数据转换为树型数据,得到多个预设的第一参数数据。
本发明实施例中,由于树型结构数据的层级结构更为合理,能够方便终端基于目标参数数据生成可运行的渲染逻辑,因此终端可以设置第一参数数据的格式为基于文档对象模型(Document Object Model,DOM)的树型数据。但是,DOM树型结构的第一参数数据的编写难度较大,因此,本发明实施例中,用户可以预先根据页面样式需求编写第二参数数据,终端可以将该第二参数数据转换为树型结构的数据,得到第一参数数据,进而降低实现难度。
具体的,该第二参数数据可以是基于预设的结构化模板生成的结构化数据,示例的,该预设的结构化模板可以为:
<root id=″component1″>
<child rule-id=″rule1″attr=″attr″event=″event″></child>
</root>
其中,root id表示根节点上设置的ID,child rule-id表示子节点上设置的规则ID,attr表示标签的属性,event表示标签绑定的事件。用户在编写第二参数数据时,可以根据需求设置模板中各项的实际值。需要说明的是,实际应用中,该预设的结构化模板的内容并不限于本发明实施例所示意的,也可以根据需求来调整,本发明实施例对此不作限定。
步骤202、将每个预设的第一参数数据中的第一组件ID作为键,将每个预设的第一参数数据作为值,构建键值对,得到至少一个键值对。
本步骤中,第一参数数据中可以携带第一组件标识ID、组件属性、标签以及事件,其中,标签可以为一个或多个,事件也可以为一个或多个。第一参数数据可以包括多个节点,该第一参数数据中携带的第一组件ID、组件属性、标签以及事件可以分别分布在各个节点上。具体的,第一组件ID可以分布在根节点上,组件属性、各个标签以及事件可以分别分布在子节点上。需要说明的是,实际应用中,子节点上的组件属性以及事件可以是根据组件中的内容进行添加的,进一步地,事件可以是绑定在标签上的。进一步地,终端可以对多个第一参数数据中的每个第一参数数据都执行以下处理:终端可以将第一参数数据中的第一组件ID作为键,然后将该第一参数数据作为值,组成一个键值对,进而得到至少一个键值对。实际应用中,为了便于数据管理,终端可以将这至少一个键值对,以映射表的形式来存储,该映射表中的每一行可以表示一个键值对,每个第一参数数据中的第一组件ID对应该第一参数数据。
步骤203、将所述目标组件的组件ID作为第二组件ID,将所述第二组件ID与所述至少一个键值对中的每个第一组件ID进行匹配。
本发明实施例中,组件中的组件ID可以是用户为每个组件预先定义的,具体的,可以根据组件的框架所采用的方式来设置组件ID,例如,可以将采用React框架的组件的类名作为组件ID,将采用VUE框架的组件的name属性作为组件ID。
进一步地,用户在需要更改不同页面的页面样式,针对每个页面预先设置第二参数数据时,可以针对不同页面对应的组件的ID,在第二参数数据中添加对应的组件的ID,这样,转换来的第二参数数据中就会包括组件ID,进而便于终端进行区分。
相应地,终端可以根据目标组件中的组件ID来查找目标组件对应的第一参数数据。示例的,假设有三个第一参数数据:第一参数数据A、第一参数数据B以及第一参数数据C,这三个第一参数数据中的第一组件ID分别为:第一组件ID“001”、第一组件ID“002”以及第一组件ID“003”,那么终端可以将第二组件ID与这三个第一组件ID分别进行匹配。
步骤204、将与所述第二组件ID相匹配的第一组件ID确定为目标组件ID,将所述目标组件ID对应的第一参数数据,确定为目标参数数据。
示例的,假设第二组件ID为002,那么终端可以将与第二组件ID匹配的第一组件ID“002”确定为目标组件ID,然后将该目标组件ID对应的第一参数数据B确定为目标参数数据。
步骤205、基于所述目标参数数据生成可运行的渲染逻辑,以及,对所述目标组件进行编译,得到可运行的目标组件。
由于实际的应用场景中,有些组件可能会对数据的类型有要求,因此,只有在目标参数数据的类型满足目标组件的要求时,由目标参数数据转换来的可运行渲染逻辑,才能被目标组件用来渲染,因此本发明实施例中,开发人员可以预先根据每个组件的情况,为每个组件设置验证规则,示例的,该验证规则可以是使用对象表示法(JavaScript ObjectNotation,JSON),可扩展标记语言(Extensible Markup Language,XML)等语言编写。本发明实施例中,该可运行的渲染逻辑即为可运行的代理渲染逻辑,该可运行的目标组件即为可运行代理渲染的目标组件。
进一步地,由于各个组件之间可能会有部分验证规则是相同的,因此,本发明实施例中,开发人员可以为每条验证规则设置验证ID,然后在每个组件中添加对应的验证ID,当然,对于没有要求的组件,可以不在组件中设置验证ID。本发明实施例中,通过设置验证ID来增加验证环节,可以减小在组件中添加的数据量。当然,也可以直接将验证规则添加至组件中,本发明实施例对此不作限定。
具体的,终端可以将目标组件中的验证ID对应的验证规则,确定为目标验证规则;然后将目标参数数据中与目标验证规则对应的参数作为待验证参数,判断待验证参数是否与目标验证规则相匹配;最后,若待验证参数与目标验证规则相匹配,则调用目标编译器对目标参数数据进行编译,得到可运行的渲染逻辑。需要说明的是,在实际应用中,可以根据验证ID来设置第一组件ID,比如,可以设置与目标组件对应的第一参数数据中的第一组件ID与目标组件中的验证ID相同,当然,也可以采用其他方式来设置第一组件ID,本发明实施例对此不作限定。
示例的,假设目标验证规则对应的参数为各个标签,那么可以将目标参数数据中的各个标签作为待验证参数。进一步地,假设目标验证规则为标签属性为txt,假设各个标签的属性均为txt,那么可以确定待验证参数与目标验证规则相匹配,此时,终端可以利用该目标编译器对目标参数数据进行编译,其中,该目标编译器是与目标参数数据所采用的语法相适配的编译器,
由于实际的应用场景中,不同目标参数数据所采用的语法不同,且不同语法对应的编译器也不同。示例的,采用React框架的目标参数数据一般会采用的XML语法,采用Vue框架的目标参数数据一般会采用的超文本标记语言(HyperText Markup Language,HTML)语法,每种语法都有其对应的编译器。本发明实施例中,采用与目标参数数据所采用的语法相适配的编译器进行编译,可以保证终端能够正常的基于目标参数数据生成可运行的渲染逻辑。进一步地,终端对目标组件进行编译,得到可运行的目标组件的具体实现过程可以参照上述步骤102中相应过程,本发明实施例在此不做赘述。
需要说明的是,实际的应用场景中,由于目标参数数据的结构相较于目标组件的差异较大,因此,在本发明的另一可选实施例中,可以在目标参数数据中设置验证ID,并定义每个验证ID的验证顺序,这样,可以避免由于利用目标验证规则验证不相对应的参数,导致验证失败的问题。
步骤206、在运行所述可运行的目标组件时,基于所述可运行的渲染逻辑中携带的各个参数进行渲染。
具体的,终端可以先删除目标组件的逻辑模块中的原有渲染逻辑,并在原有渲染逻辑的位置,添加可运行的渲染逻辑;具体的,组件的渲染逻辑一般是作为其声明周期的钩子函数,相应地,本发明实施例中,可运行的渲染逻辑本质上也是一个钩子函数,本步骤在具体实现时,可以利用该新的钩子函数,替换组件中原有的钩子函数。然后,终端可以基于可运行的渲染逻辑中携带的标签以及事件进行渲染,示例的,假设可运行的渲染逻辑中携带了标签1、标签2以及绑定在标签2上的事件1,其中,标签1为“背景色:红色”,标签2为“按钮”,事件1为“被点击时,显示图片A”,那么终端基于可运行的渲染逻辑中携带的标签以及事件进行渲染之后,可以得到背景色为红色,包含一个按钮的页面,当点击该页面中的按钮时,可以显示图片A。
综上所述,本发明实施例二提供的渲染方法,终端可以将用户预先输入的每个第二参数数据转换为树型数据,得到多个预设的第一参数数据,使得用户无需自己编写第一参数数据,降低了实现难度。进一步地,终端可以在至少一个预设的第一参数数据中获取目标参数数据,然后基于目标参数数据生成可运行的渲染逻辑,以及,对目标组件进行编译,得到可运行的目标组件,最后,在运行该可运行的目标组件时,基于该可运行的渲染逻辑中携带的各个参数进行渲染,这样,由于在利用可运行的渲染逻辑进行渲染时,渲染之后显示的页面效果是由该可运行渲染逻辑中的参数决定的,进而无需重新开发组件,或者在目标组件中新增参数,并相应的修改逻辑模块,基于该可运行的渲染逻辑即可实现更改显示效果,简化了更改显示效果的操作过程,同时减小了对目标组件的破坏程度,降低了后期维护成本。
实施例三
图3是本发明实施例三提供的一种渲染装置的框图,如图3所示,该装置30可以包括:
获取模块301,用于在至少一个预设的第一参数数据中,获取所述目标组件对应的第一参数数据,得到目标参数数据;
生成模块302,用于基于所述目标参数数据生成可运行的渲染逻辑,以及,对所述目标组件进行编译,得到可运行的目标组件;其中,所述可运行的渲染逻辑中携带有所述目标参数数据中的各个参数;
渲染模块303,用于在运行所述可运行的目标组件时,基于所述可运行的渲染逻辑中携带的各个参数进行渲染。
综上所述,本发明实施例三提供的渲染装置,获取模块可以在至少一个预设的第一参数数据中,获取目标组件对应的第一参数数据,得到目标参数数据,然后生成模块可以基于目标参数数据生成可运行的渲染逻辑,以及,对目标组件进行编译,得到可运行的目标组件,最后,渲染模块可以在运行该可运行的目标组件时,基于该可运行的渲染逻辑中携带的各个参数进行渲染,这样,由于在利用可运行的渲染逻辑进行渲染时,渲染之后显示的页面效果是由该可运行渲染逻辑中的参数决定的,进而无需重新开发组件,或者在目标组件中新增参数,并相应的修改逻辑模块,基于该可运行的渲染逻辑即可实现更改显示效果,简化了更改显示效果的操作过程,同时减小了对目标组件的破坏程度,降低了后期维护成本。
实施例四
图4是本发明实施例四提供的一种渲染装置的框图,如图4所示,该装置40可以包括:
获取模块401,用于在至少一个预设的第一参数数据中,获取所述目标组件对应的第一参数数据,得到目标参数数据;
生成模块402,用于基于所述目标参数数据生成可运行的渲染逻辑,以及,对所述目标组件进行编译,得到可运行的目标组件;其中,所述可运行的渲染逻辑中携带有所述目标参数数据中的各个参数;
渲染模块403,用于在运行所述可运行的目标组件时,基于所述可运行的渲染逻辑中携带的各个参数进行渲染。
可选的,上述第一参数数据是根据页面样式和结构定义的,所述第一参数数据中携带的各个参数至少包括:第一组件标识ID、组件属性、标签以及事件。
可选的,上述装置40还包括:
转换模块404,用于将用户预先输入的每个第二参数数据转换为树型数据,得到多个预设的第一参数数据;
构建模块405,用于将每个预设的第一参数数据中的第一组件ID作为键,将每个预设的第一参数数据作为值,构建键值对,得到至少一个键值对;
其中,所述第二参数数据是基于预设的结构化模板生成的结构化数据,所述第一参数数据为树型结构数据,所述第一参数数据包括多个节点,所述第一参数数据中携带的第一组件标识ID、组件属性、标签以及事件分别分布在各个节点上。
可选的,上述获取模块401,用于:
将所述目标组件的组件ID作为第二组件ID,将所述第二组件ID与所述至少一个键值对中的每个第一组件ID进行匹配;
将与所述第二组件ID相匹配的第一组件ID确定为目标组件ID,将所述目标组件ID对应的第一参数数据,确定为目标参数数据。
可选的,上述目标组件中包括验证ID;
所述生成模块402,用于:
将所述目标组件中的验证ID对应的验证规则,确定为目标验证规则;
将所述目标参数数据中与所述目标验证规则对应的参数作为待验证参数,判断所述待验证参数是否与所述目标验证规则相匹配;
若所述待验证参数与所述目标验证规则相匹配,则调用目标编译器对目标参数数据进行编译,得到可运行的渲染逻辑;
其中,所述目标编译器是与所述目标参数数据所采用的语法相适配的编译器。
可选的,上述渲染模块403,用于:
删除所述目标组件的逻辑模块中的原有渲染逻辑,并在所述原有渲染逻辑的位置,添加所述可运行的渲染逻辑;
基于所述可运行的渲染逻辑中携带的标签以及事件进行渲染。
综上所述,本发明实施例四提供的渲染装置,转换模块可以将用户预先输入的每个第二参数数据转换为树型数据,得到多个预设的第一参数数据,使得用户无需自己编写第一参数数据,降低了实现难度。进一步地,获取模块可以在至少一个预设的第一参数数据中获取目标参数数据,然后生成模块可以基于目标参数数据生成可运行的渲染逻辑,以及,对目标组件进行编译,得到可运行的目标组件,最后,渲染模块可以在运行该可运行的目标组件时,基于该可运行的渲染逻辑中携带的各个参数进行渲染,这样,由于在利用可运行的渲染逻辑进行渲染时,渲染之后显示的页面效果是由该可运行渲染逻辑中的参数决定的,进而无需重新开发组件,或者在目标组件中新增参数,并相应的修改逻辑模块,基于该可运行的渲染逻辑即可实现更改显示效果,简化了更改显示效果的操作过程,同时减小了对目标组件的破坏程度,降低了后期维护成本。
对于上述装置实施例而言,由于其与方法实施例基本相似,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。
本说明书中的各个实施例均采用递进的方式描述,每个实施例重点说明的都是与其他实施例的不同之处,各个实施例之间相同相似的部分互相参见即可。
本领域技术人员易于想到的是:上述各个实施例的任意组合应用都是可行的,故上述各个实施例之间的任意组合都是本发明的实施方案,但是由于篇幅限制,本说明书在此就不一一详述了。
在此提供的渲染方法不与任何特定计算机、虚拟***或者其它设备固有相关。各种通用***也可以与基于在此的示教一起使用。根据上面的描述,构造具有本发明方案的***所要求的结构是显而易见的。此外,本发明也不针对任何特定编程语言。应当明白,可以利用各种编程语言实现在此描述的本发明的内容,并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。
在此处所提供的说明书中,说明了大量具体细节。然而,能够理解,本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中,并未详细示出公知的方法、结构和技术,以便不模糊对本说明书的理解。
类似地,应当理解,为了精简本发明并帮助理解各个发明方面中的一个或多个,在上面对本发明的示例性实施例的描述中,本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而,并不应将该公开的方法解释成反映如下意图:即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说,如权利要求书所反映的那样,发明方面在于少于前面公开的单个实施例的所有特征。因此,遵循具体实施方式的权利要求书由此明确地并入该具体实施方式,其中每个权利要求本身都作为本发明的单独实施例。
本领域那些技术人员可以理解,可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件,以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外,可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述,本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。
此外,本领域的技术人员能够理解,尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征,但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如,在权利要求书中,所要求保护的实施例的任意之一都可以以任意的组合方式来使用。
本发明的各个部件实施例可以以硬件实现,或者以在一个或者多个处理器上运行的软件模块实现,或者以它们的组合实现。本领域的技术人员应当理解,可以在实践中使用微处理器或者数字信号处理器(DSP)来实现根据本发明实施例的渲染方法中的一些或者全部部件的一些或者全部功能。本发明还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序(例如,计算机程序和计算机程序产品)。这样的实现本发明的程序可以存储在计算机可读介质上,或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到,或者在载体信号上提供,或者以任何其他形式提供。
应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制,并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中,不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中,这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。
Claims (12)
1.一种渲染方法,其特征在于,所述方法包括:
在至少一个预设的第一参数数据中,获取所述目标组件对应的第一参数数据,得到目标参数数据;
基于所述目标参数数据生成可运行的渲染逻辑,以及,对所述目标组件进行编译,得到可运行的目标组件;其中,所述可运行的渲染逻辑中携带有所述目标参数数据中的各个参数;
在运行所述可运行的目标组件时,基于所述可运行的渲染逻辑中携带的各个参数进行渲染。
2.根据权利要求1所述的方法,其特征在于,所述第一参数数据是根据页面样式和结构定义的,所述第一参数数据中携带的各个参数至少包括:第一组件标识ID、组件属性、标签以及事件。
3.根据权利要求2所述的方法,其特征在于,在所述在至少一个预设的第一参数数据中,获取所述目标组件对应的第一参数数据,得到目标参数数据的步骤之前,所述方法还包括:
将用户预先输入的每个第二参数数据转换为树型数据,得到多个预设的第一参数数据;
将每个预设的第一参数数据中的第一组件ID作为键,将每个预设的第一参数数据作为值,构建键值对,得到至少一个键值对;
其中,所述第二参数数据是基于预设的结构化模板生成的结构化数据,所述第一参数数据为树型结构数据,所述第一参数数据包括多个节点,所述第一参数数据中携带的第一组件标识ID、组件属性、标签以及事件分别分布在各个节点上。
4.根据权利要求3所述的方法,其特征在于,所述在至少一个预设的第一参数数据中,获取所述目标组件对应的第一参数数据,得到目标参数数据的步骤,包括:
将所述目标组件的组件ID作为第二组件ID,将所述第二组件ID与所述至少一个键值对中的每个第一组件ID进行匹配;
将与所述第二组件ID相匹配的第一组件ID确定为目标组件ID,将所述目标组件ID对应的第一参数数据,确定为目标参数数据。
5.根据权利要求1所述的方法,其特征在于,所述目标组件中包括验证ID;
所述基于所述目标参数数据生成可运行的渲染逻辑的步骤,包括:
将所述目标组件中的验证ID对应的验证规则,确定为目标验证规则;
将所述目标参数数据中与所述目标验证规则对应的参数作为待验证参数,判断所述待验证参数是否与所述目标验证规则相匹配;
若所述待验证参数与所述目标验证规则相匹配,则调用目标编译器对目标参数数据进行编译,得到可运行的渲染逻辑;
其中,所述目标编译器是与所述目标参数数据所采用的语法相适配的编译器。
6.根据权利要求2所述的方法,其特征在于,所述在运行所述可运行的目标组件时,基于所述可运行的渲染逻辑中携带的各个参数进行渲染的步骤,包括:
删除所述目标组件的逻辑模块中的原有渲染逻辑,并在所述原有渲染逻辑的位置,添加所述可运行的渲染逻辑;
基于所述可运行的渲染逻辑中携带的标签以及事件进行渲染。
7.一种渲染装置,其特征在于,所述装置包括:
获取模块,用于在至少一个预设的第一参数数据中,获取所述目标组件对应的第一参数数据,得到目标参数数据;
生成模块,用于基于所述目标参数数据生成可运行的渲染逻辑,以及,对所述目标组件进行编译,得到可运行的目标组件;其中,所述可运行的渲染逻辑中携带有所述目标参数数据中的各个参数;
渲染模块,用于在运行所述可运行的目标组件时,基于所述可运行的渲染逻辑中携带的各个参数进行渲染。
8.根据权利要求7所述的装置,其特征在于,所述第一参数数据是根据页面样式和结构定义的,所述第一参数数据中携带的各个参数至少包括:第一组件标识ID、组件属性、标签以及事件。
9.根据权利要求8所述的装置,其特征在于,所述装置还包括:
转换模块,用于将用户预先输入的每个第二参数数据转换为树型数据,得到多个预设的第一参数数据;
构建模块,用于将每个预设的第一参数数据中的第一组件ID作为键,将每个预设的第一参数数据作为值,构建键值对,得到至少一个键值对;
其中,所述第二参数数据是基于预设的结构化模板生成的结构化数据,所述第一参数数据为树型结构数据,所述第一参数数据包括多个节点,所述第一参数数据中携带的第一组件标识ID、组件属性、标签以及事件分别分布在各个节点上。
10.根据权利要求9所述的装置,其特征在于,所述获取模块,用于:
将所述目标组件的组件ID作为第二组件ID,将所述第二组件ID与所述至少一个键值对中的每个第一组件ID进行匹配;
将与所述第二组件ID相匹配的第一组件ID确定为目标组件ID,将所述目标组件ID对应的第一参数数据,确定为目标参数数据。
11.根据权利要求7所述的装置,其特征在于,所述目标组件中包括验证ID;
所述生成模块,用于:
将所述目标组件中的验证ID对应的验证规则,确定为目标验证规则;
将所述目标参数数据中与所述目标验证规则对应的参数作为待验证参数,判断所述待验证参数是否与所述目标验证规则相匹配;
若所述待验证参数与所述目标验证规则相匹配,则调用目标编译器对目标参数数据进行编译,得到可运行的渲染逻辑;
其中,所述目标编译器是与所述目标参数数据所采用的语法相适配的编译器。
12.根据权利要求8所述的装置,其特征在于,所述渲染模块,用于:
删除所述目标组件的逻辑模块中的原有渲染逻辑,并在所述原有渲染逻辑的位置,添加所述可运行的渲染逻辑;
基于所述可运行的渲染逻辑中携带的标签以及事件进行渲染。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810501059.7A CN108920496B (zh) | 2018-05-23 | 2018-05-23 | 一种渲染方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810501059.7A CN108920496B (zh) | 2018-05-23 | 2018-05-23 | 一种渲染方法及装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN108920496A true CN108920496A (zh) | 2018-11-30 |
CN108920496B CN108920496B (zh) | 2021-05-25 |
Family
ID=64402514
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201810501059.7A Active CN108920496B (zh) | 2018-05-23 | 2018-05-23 | 一种渲染方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN108920496B (zh) |
Cited By (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110007906A (zh) * | 2018-12-27 | 2019-07-12 | 阿里巴巴集团控股有限公司 | 脚本文件的处理方法、装置和服务器 |
CN110780868A (zh) * | 2019-10-10 | 2020-02-11 | 北大方正集团有限公司 | 基于组件化模板的网站开发方法、装置、设备和存储介质 |
CN111079382A (zh) * | 2019-11-29 | 2020-04-28 | 苏宁云计算有限公司 | 基于mvvm模式的表单渲染方法及*** |
CN111708592A (zh) * | 2020-05-27 | 2020-09-25 | 深圳市鸿合创新信息技术有限责任公司 | 一种节目组件显示方法及装置 |
CN112181425A (zh) * | 2020-02-27 | 2021-01-05 | 王建 | 基于云平台的软件开发包的编译方法及装置 |
CN112256994A (zh) * | 2020-10-20 | 2021-01-22 | 中企动力科技股份有限公司 | 一种模板渲染方法、装置、电子设备及存储介质 |
CN113378059A (zh) * | 2021-06-30 | 2021-09-10 | 北京字节跳动网络技术有限公司 | 一种页面展示方法、装置、计算机设备及存储介质 |
Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102646038A (zh) * | 2012-02-28 | 2012-08-22 | 广州市动景计算机科技有限公司 | 控件内容展现方法、控件内容展现装置以及移动终端 |
CN103235722A (zh) * | 2013-04-19 | 2013-08-07 | 南京莱斯信息技术股份有限公司 | 一种ActiveX控件框架技术实现方法 |
US8522212B1 (en) * | 2010-07-21 | 2013-08-27 | Google Inc. | Auto generation of test utility bots using compile time heuristics of user interface source code |
CN105700925A (zh) * | 2016-01-13 | 2016-06-22 | 深圳市华讯方舟软件信息科技有限公司 | 一种app的界面实现方法和装置 |
CN106663090A (zh) * | 2014-06-09 | 2017-05-10 | 微软技术许可有限责任公司 | 在编译期间将呈现元数据转换成浏览器可渲染格式 |
CN107315599A (zh) * | 2016-04-27 | 2017-11-03 | 龙芯中科技术有限公司 | 图形库提取方法及装置 |
CN107506227A (zh) * | 2017-09-04 | 2017-12-22 | 郑州云海信息技术有限公司 | 管理编译代码的方法和装置 |
-
2018
- 2018-05-23 CN CN201810501059.7A patent/CN108920496B/zh active Active
Patent Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US8522212B1 (en) * | 2010-07-21 | 2013-08-27 | Google Inc. | Auto generation of test utility bots using compile time heuristics of user interface source code |
CN102646038A (zh) * | 2012-02-28 | 2012-08-22 | 广州市动景计算机科技有限公司 | 控件内容展现方法、控件内容展现装置以及移动终端 |
CN103235722A (zh) * | 2013-04-19 | 2013-08-07 | 南京莱斯信息技术股份有限公司 | 一种ActiveX控件框架技术实现方法 |
CN106663090A (zh) * | 2014-06-09 | 2017-05-10 | 微软技术许可有限责任公司 | 在编译期间将呈现元数据转换成浏览器可渲染格式 |
CN105700925A (zh) * | 2016-01-13 | 2016-06-22 | 深圳市华讯方舟软件信息科技有限公司 | 一种app的界面实现方法和装置 |
CN107315599A (zh) * | 2016-04-27 | 2017-11-03 | 龙芯中科技术有限公司 | 图形库提取方法及装置 |
CN107506227A (zh) * | 2017-09-04 | 2017-12-22 | 郑州云海信息技术有限公司 | 管理编译代码的方法和装置 |
Cited By (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110007906A (zh) * | 2018-12-27 | 2019-07-12 | 阿里巴巴集团控股有限公司 | 脚本文件的处理方法、装置和服务器 |
CN110780868A (zh) * | 2019-10-10 | 2020-02-11 | 北大方正集团有限公司 | 基于组件化模板的网站开发方法、装置、设备和存储介质 |
CN111079382A (zh) * | 2019-11-29 | 2020-04-28 | 苏宁云计算有限公司 | 基于mvvm模式的表单渲染方法及*** |
CN112181425A (zh) * | 2020-02-27 | 2021-01-05 | 王建 | 基于云平台的软件开发包的编译方法及装置 |
CN112181425B (zh) * | 2020-02-27 | 2023-09-01 | 思车网汽车科技有限公司 | 基于云平台的软件开发包的编译方法及装置 |
CN111708592A (zh) * | 2020-05-27 | 2020-09-25 | 深圳市鸿合创新信息技术有限责任公司 | 一种节目组件显示方法及装置 |
CN111708592B (zh) * | 2020-05-27 | 2023-08-08 | 深圳市鸿合创新信息技术有限责任公司 | 一种节目组件显示方法及装置 |
CN112256994A (zh) * | 2020-10-20 | 2021-01-22 | 中企动力科技股份有限公司 | 一种模板渲染方法、装置、电子设备及存储介质 |
CN113378059A (zh) * | 2021-06-30 | 2021-09-10 | 北京字节跳动网络技术有限公司 | 一种页面展示方法、装置、计算机设备及存储介质 |
Also Published As
Publication number | Publication date |
---|---|
CN108920496B (zh) | 2021-05-25 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN108920496A (zh) | 一种渲染方法及装置 | |
WO2018095261A1 (zh) | 页面渲染的方法、装置和存储介质 | |
CN103605518B (zh) | 对象反序列化方法和装置 | |
US9021419B2 (en) | System and method for supporting intelligent design pattern automation | |
Bisht | Robot framework test automation | |
US8434062B2 (en) | Enhancing source code debugging and readability using visual symbols | |
CN109657103A (zh) | 数据结构的转换方法、装置、计算机设备和存储介质 | |
US20170192877A1 (en) | Mobile application development and deployment | |
CN107273122A (zh) | 基于解耦机制的可迭代组建业务***的方法及其终端 | |
US20070006196A1 (en) | Methods and systems for extracting information from computer code | |
US20190052542A1 (en) | System and method for providing visualizations of computing infrastructure using a domain-specific language for cloud services infrastructure | |
US9152619B2 (en) | System and method for constructing markup language templates and input data structure specifications | |
US20100082954A1 (en) | Configuration rule prototyping tool | |
CN104572463A (zh) | 测试接口信息的方法及装置 | |
JPWO2017033441A1 (ja) | システム構築支援システム、方法および記憶媒体 | |
US20170346702A1 (en) | Computer implemented method for displaying a user interface | |
Kennard et al. | Application of software mining to automatic user interface generation | |
Rahman et al. | A DSL for importing models in a requirements management system | |
KR20040103497A (ko) | 그래픽 유저 인터페이스 생성 방법 및 장치 | |
Izmaylova et al. | M3: an open model for measuring code artifacts | |
CN112486378B (zh) | 图形生成方法、装置、终端及存储介质 | |
CN112764757A (zh) | 小程序处理方法、装置、设备及存储介质 | |
JP7159027B2 (ja) | ユーザーインタフェース提供装置、ユーザーインタフェース提供方法、プログラム及び組み込み機器 | |
Boockmann et al. | Heap patterns for memory graph visualization | |
Kamm et al. | The Sequent Calculus Calculator |
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 |