CN111443912B - 基于组件的页面渲染方法、装置、计算机设备和存储介质 - Google Patents
基于组件的页面渲染方法、装置、计算机设备和存储介质 Download PDFInfo
- Publication number
- CN111443912B CN111443912B CN202010219191.6A CN202010219191A CN111443912B CN 111443912 B CN111443912 B CN 111443912B CN 202010219191 A CN202010219191 A CN 202010219191A CN 111443912 B CN111443912 B CN 111443912B
- Authority
- CN
- China
- Prior art keywords
- component
- rendered
- page
- attribute
- components
- 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
Images
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
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/40—Transformation of program code
- G06F8/41—Compilation
- G06F8/44—Encoding
- G06F8/443—Optimisation
- G06F8/4441—Reducing the execution time required by the program code
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
- Processing Or Creating Images (AREA)
Abstract
本发明提供了一种基于组件的页面渲染方法、装置、计算机设备和存储介质。该方法包括:获取待渲染页面的配置文件;获取页面渲染项;在配置文件中,查找待渲染组件标识对应的组件,得到待渲染组件,在待渲染组件所包括的基础组件中,查找待渲染属性对应的基础组件,得到待渲染基础组件;根据待渲染组件的嵌套关系和待渲染基础组件的属性标识生成待渲染基础组件的键;在待渲染页面的页面数据集中查找键对应的基础组件数据,以得到目标基础组件数据;以及利用属性值对目标基础组件数据进行赋值和渲染。通过本发明,页面存在嵌套关系的组件在修改属性时简单,渲染速度快。
Description
技术领域
本发明涉及页面渲染处理技术领域,尤其涉及一种基于组件的页面渲染方法、装置、计算机设备和存储介质。
背景技术
在大屏业务的开发过程中,大屏页面中的前端组件与大屏需求强绑定,使得前端组件离开某个特定的大屏后,无法再使用,使得大屏业务需要基于需求开发,经常需要复制代码,进行大量调整,才可以在下一个大屏业务中继续使用,这种开发模式不仅效率低下,高覆盖度的测试工作也十分难以开展。
大屏数据展示是数据源以及前端业务组件结合的产物,不同大屏具有完全不一样的数据源,但是具有类似的数据展示结构,也即具有相同的前端业务组件承载的功能,基于此,现有技术通过将前端业务组件抽象化,实现了前端业务组件与数据源的分离,以减少重复的代码工作,并且,对于抽象化的前端业务组件可集中测试,能够提升开发效率。
但是,目前的组件结构通常是嵌套模式,例如大屏页面包括四个组件A、B、C和D,并且四个组件依次嵌套,也即A嵌套有B,B嵌套有C,C嵌套有D,此时,如果组件D中的某个属性需要进行修改,则需要通过关联关系,基于单向数据流的形式,依次修改A、B、C和D,因而导致代码臃肿,容易出错。
因此,提供一种基于组件的页面渲染方法、装置、计算机设备和存储介质,解决现有技术中页面存在嵌套关系的组件在修改属性时代码臃肿,容易出错的问题,成为本领域亟需解决的技术问题。
发明内容
本发明的目的是提供一种基于组件的页面渲染方法、装置、计算机设备和存储介质,用于解决现有技术中的上述技术问题。
一方面,为实现上述目的,本发明提供了一种基于组件的页面渲染方法。
该基于组件的页面渲染方法包括:获取待渲染页面的配置文件,其中,待渲染页面包括至少两个组件,配置文件包括组件的组件标识、组件的嵌套关系、组件所包括的基础组件和基础组件的属性标识;获取页面渲染项,其中,渲染项包括待渲染组件标识、待渲染属性和属性值;在配置文件中,查找待渲染组件标识对应的组件,得到待渲染组件,在待渲染组件所包括的基础组件中,查找待渲染属性对应的基础组件,得到待渲染基础组件;根据待渲染组件的嵌套关系和待渲染基础组件的属性标识生成待渲染基础组件的键;在待渲染页面的页面数据集中查找键对应的基础组件数据,以得到目标基础组件数据;以及利用属性值对目标基础组件数据进行赋值和渲染。
进一步地,待渲染组件的嵌套关系为由内向外,待渲染组件依次被第一组件至第N组件嵌套,其中,第X组件的组件标识为AX,N大于或等于1,X大于或等于1且小于或等于N,待渲染组件的组件标识为A,待渲染基础组件的属性标识为T,则待渲染组件的键为:AN—AN-1—…—A2—A1—A—T。
进一步地,获取待渲染页面的配置文件的步骤包括:响应于页面选择操作,确定被选择页面的页面标识,其中,被选择页面为待渲染页面;以及获取页面标识所对应的配置文件。
进一步地,获取页面渲染项的步骤包括:响应于组件选择操作,确定被选择组件的组件标识,其中,被选择组件的组件标识为待渲染组件标识;显示被选择组件的可配置表单,其中,可配置表单包括若干配置项,每个配置项对应一种属性;响应于对配置项的输入操作,确定被输入内容的配置项所对应的属性为待渲染属性,输入的内容为属性值。
进一步地,不同的组件包括相同的基础组件。
另一方面,为实现上述目的,本发明提供了一种基于组件的页面渲染装置。
该基于组件的页面渲染装置包括:第一获取模块,用于获取待渲染页面的配置文件,其中,待渲染页面包括至少两个组件,配置文件包括组件的组件标识、组件的嵌套关系、组件所包括的基础组件和基础组件的属性标识;第二获取模块,用于获取页面渲染项,其中,渲染项包括待渲染组件标识、待渲染属性和属性值;第一查找模块,用于在配置文件中,查找待渲染组件标识对应的组件,得到待渲染组件,在待渲染组件所包括的基础组件中,查找待渲染属性对应的基础组件,得到待渲染基础组件;生成模块,用于根据待渲染组件的嵌套关系和待渲染基础组件的属性标识生成待渲染基础组件的键;第二查找模块,用于在待渲染页面的页面数据集中查找键对应的基础组件数据,以得到目标基础组件数据;以及渲染模块,用于利用属性值对目标基础组件数据进行赋值和渲染。
进一步地,待渲染组件的嵌套关系为由内向外,待渲染组件依次被第一组件至第N组件嵌套,其中,第X组件的组件标识为AX,N大于或等于1,X大于或等于1且小于或等于N,待渲染组件的组件标识为A,待渲染基础组件的属性标识为T,则待渲染组件的键为:AN—AN-1—…—A2—A1—A—T。
进一步地,第一获取模块包括:确定单元,用于响应于页面选择操作,确定被选择页面的页面标识,其中,被选择页面为待渲染页面;以及获取单元,用于获取页面标识所对应的配置文件。
为实现上述目的,本发明还提供一种计算机设备,包括存储器、处理器以及存储在存储器上并可在处理器上运行的计算机程序,该处理器执行计算机程序时实现上述方法的步骤。
为实现上述目的,本发明还提供计算机可读存储介质,其上存储有计算机程序,该计算机程序被处理器执行时实现上述方法的步骤。
本发明提供的基于组件的页面渲染方法、装置、计算机设备和存储介质,待渲染页面基于组件构建,实现了数据源与前端组件的分离,不同页面可复用相同的组件;进一步地,针对具有嵌套关系的组件,将页面上的属性与页面数据集中的基础组件数据通过键关联,该键既能够标识基础组件,又能够标识基础组件的嵌套层级,在对页面上的属性进行修改需要重新渲染页面时,计算出待修改的属性所属的基础组件的键后,即可在页面数据集中查找到对应的基础组件数据进行赋值和修改。同时,无需重新渲染整个组件,只需渲染待修改属性所属的基础组件即可,提升页面渲染的速度。
附图说明
通过阅读下文优选实施方式的详细描述,各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的,而并不认为是对本发明的限制。而且在整个附图中,用相同的参考符号表示相同的部件。在附图中:
图1为本发明实施例一提供的基于组件的页面渲染方法的流程图;
图2为本发明实施例二提供的基于组件的页面渲染装置的框图;
图3为本发明实施例三提供的计算机设备的硬件结构图。
具体实施方式
为了使本发明的目的、技术方案及优点更加清楚明白,以下结合附图及实施例,对本发明进行进一步详细说明。应当理解,此处所描述的具体实施例仅用以解释本发明,并不用于限定本发明。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
为了解决现有技术中页面存在嵌套关系的组件在修改属性时代码臃肿,容易出错的技术问题,本发明提出一种基于组件的页面渲染方法、装置、计算机设备和存储介质,在该基于组件的页面渲染方法中,待渲染页面包括至少两个组件,具体地,当待渲染页面包括两个组件时,该两个组件具有嵌套关系,例如,待渲染页面包括组件A和组件B,其中,组件A嵌套有组件B;当待渲染页面包括两个以上组件时,其中至少两个组件具有嵌套关系。待渲染页面编辑完成后,形成有配置文件,其中,配置文件包括待渲染页面上各组件的组件标识,各组件之间的嵌套关系,每个组件所包括的基础组件,以及各基础组件的属性标识;待渲染页面对应设置有页面数据集,该页面数据集包括待渲染页面上所有基础组件的基础组件数据,同时,各基础组件数据分别对应有基础组件的键,该键包括基础组件所在组件的嵌套关系,以及基础组件的属性标识,通过该键,能够在待渲染页面上唯一定义一个基础组件。基于上述内容,该基于组件的页面渲染方法在修改待渲染页面的某一属性时,首先获取待渲染页面的配置文件,然后获取页面渲染项,其中,该渲染项包括待渲染组件标识、待渲染属性和属性值,待渲染属性即为待修改的属性,对应的属性值即为该待修改的属性被修改后的属性值。在获取到待渲染页面的配置文件以及明确页面上哪一属性需要被修改后,在配置文件中,查找待渲染组件标识对应的组件,得到待渲染组件,在待渲染组件所包括的基础组件中,查找待渲染属性对应的基础组件,得到待渲染基础组件,也即确定要修改的属性属于哪一组件的哪一基础组件,然后根据待渲染组件的嵌套关系和待渲染基础组件的属性标识生成待渲染基础组件的键,生成键以后,在待渲染页面的页面数据集中查找键对应的基础组件数据,以得到目标基础组件数据,最终利用属性值对目标基础组件数据进行赋值和渲染,实现了对待渲染页面上属性的修改。从上可以看出,基于本发明提供的基于组件的页面渲染方法,通过键可以将页面配置属性和基础组件数据进行分离,在进行属性修改时,直接计算待修改属性所属的基础组件的键,并通过计算得到的键查找到基础组件,进行重新赋值和渲染,无需基于单向数据流的形式依次修改上层组件,因而避免代码臃肿,减小出错。
关于本发明提供的基于组件的页面渲染方法、装置、计算机设备和存储介质的具体实施例,将在下文中详细描述。
实施例一
本发明实施例一提供了一种基于组件的页面渲染方法,通过该方法基于键可以将页面配置属性和基础组件数据进行分离,在进行属性修改时,直接计算待修改属性所属的基础组件的键,再通过计算得到的键查找到基础组件,进行重新赋值和渲染,能够避免代码臃肿,具体地,图1为本发明实施例一提供的基于组件的页面渲染方法的流程图,如图1所示,基于组件的页面渲染方法包括如下的步骤S101至步骤S106:
步骤S101:获取待渲染页面的配置文件。
其中,待渲染页面包括至少两个组件,配置文件包括组件的组件标识、组件的嵌套关系、组件所包括的基础组件和基础组件的属性标识。
具体地,针对不同的页面功能,开发通用的承载组件,各组件封装有若干基础组件,同时,提供可视化的页面编辑工具,将开发的组件作为物料组件设置于物料组件库,在编辑页面时,首先新建画布,然后通过拖拽的方式将物料组件库中的一个物料组件拖拽至画布,画布显示该物料组件可配置的属性,用户通过配置属性实现个性化组件的编辑;当新增一个组件时,依然通过拖拽的方式将物料组件库中的一个物料组件拖拽至画布,此时画布显示该物料组件可配置的属性,以及该物料组件与前述物料组件之间的嵌套关系配置项,用户通过配置属性和设置嵌套关系实现个性化组件的编辑。在用户基于页面编辑工具完成页面编辑后,生成对应该待渲染页面的配置文件以及待渲染页面的页面数据集。该页面数据集包括待渲染页面上所有基础组件的基础组件数据,同时,各基础组件数据分别对应有基础组件的键,该键包括基础组件所在组件的嵌套关系,以及基础组件的属性标识,通过该键,能够在待渲染页面上唯一定义一个基础组件。
当需要对页面上某属性进行修改时,被修改的页面需要重新渲染,此时,用户可通过页面编辑工具打开被修改的页面,响应于该打开页面的操作,页面编辑工具获取该待渲染页面的配置文件。
可选地,在基于页面编辑工具完成一个页面的编辑后生成该页面对应的配置文件,并存储于预设存储路径,生成存储路径与页面的对应关系表,当该页面被修改需要重新渲染打开时,通过查找该对应关系表获得该页面对应的存储路径,访问该存储路径以获取对应的配置文件。或者也可采用现有技术中其他的文件获取方式获取配置文件,本申请对此并不进行限定。
步骤S102:获取页面渲染项。
其中,渲染项包括待渲染组件标识、待渲染属性和属性值。
当待渲染页面在页面编辑工具中被打开后,画布显示有待渲染页面的组件,当用户将光标置于某一组件时,页面编辑工具显示该组件可配置的属性,用户对某一属性进行修改配置时,响应于该修改操作,获取页面渲染项,其中,渲染项中的待渲染组件标识为此组件的标识,待渲染属性为用户修改的某一属性,属性值为用户输入的属性值。
步骤S103:在配置文件中,查找待渲染组件标识对应的组件,得到待渲染组件,在待渲染组件所包括的基础组件中,查找待渲染属性对应的基础组件,得到待渲染基础组件。
在配置文件中,首先将待渲染组件标识与配置文件中的组件标识进行比对,查找到待渲染组件标识对应的组件,该处将其定义为待渲染组件,然后,在待渲染组件所包括的基础组件中,将待渲染属性与基础组件的属性标识进行匹配,查找到找待渲染属性对应的基础组件,该处将其定义为待渲染基础组件。
通过上述步骤S102和步骤S103,基于用户对属性的修改,在配置文件中确定出该属性所对应的基础组件,也即,以该属性所在组件的组件标识作为查找关键词,在配置文件中确定待渲染组件,进而确定待渲染基础组件。
步骤S104:根据待渲染组件的嵌套关系和待渲染基础组件的属性标识生成待渲染基础组件的键。
对于确定的一个待渲染基础组件,根据其所属的组件的嵌套关系和其属性标识,生成待渲染基础组件的键。
可选地,在一种实施例中,待渲染基础组件所属的组件(也即待渲染组件)由内向外依次被第一组件至第N组件嵌套,也就是说,待渲染组件被第一组件嵌套,第一组件被第二组件嵌套,第二组件被第三组件嵌套,以此类推,第N-1组件被第N组件嵌套,或者,第N组件嵌套有第N-1组件,第N-1组件嵌套有第N-2组件,依次类推,第三组件嵌套有第二组件,第二组件嵌套有第一组件,第一组件嵌套有待渲染组件,其中,第X组件的组件标识为AX,N大于或等于1,X大于或等于1且小于或等于N,待渲染组件的组件标识为A,待渲染基础组件的属性标识为T,则待渲染基础组件的键为:N—AN-1—…—A2—A1—A—T。
通过上述键,能够标识待渲染基础组件T的嵌套路径,从而能够唯一定义待渲染页面上的基础组件。
步骤S105:在待渲染页面的页面数据集中查找键对应的基础组件数据,以得到目标基础组件数据。
在该步骤S105中,将上述步骤S104得到的键与待渲染页面的页面数据集中的键进行匹配,匹配得到的键所对应的基础组件数据,即为目标基础组件数据。
步骤S106:利用属性值对目标基础组件数据进行赋值和渲染。
在确定目标基础组件数据时,也即确定要重新渲染的基础组件时,利用属性值对目标基础组件数据进行赋值和渲染,从而实现了待渲染页面上属性的更新。
采用该实施例提供的基于组件的页面渲染方法,待渲染页面基于组件构建,实现了数据源与前端组件的分离,不同页面可复用相同的组件;进一步地,针对具有嵌套关系的组件,将页面上的属性与页面数据集中的基础组件数据通过键关联,该键既能够标识基础组件,又能够标识基础组件的嵌套层级,在对页面上的属性进行修改需要重新渲染页面时,计算出待修改的属性所属的基础组件的键后,即可在页面数据集中查找到对应的基础组件数据进行赋值和修改。同时,无需重新渲染整个组件,只需渲染待修改属性所属的基础组件即可,提升页面渲染的速度。
可选地,在一种实施例中,上述步骤S101,也即获取待渲染页面的配置文件的步骤包括:响应于页面选择操作,确定被选择页面的页面标识,其中,被选择页面为待渲染页面;以及获取页面标识所对应的配置文件。通过可视化的页面选择操作,调取待渲染的页面,确定待渲染页面的页面标识后,获取对应的配置文件,方便用户操作。
可选地,在一种实施例中,上述步骤S101,也即获取页面渲染项的步骤包括:响应于组件选择操作,确定被选择组件的组件标识,其中,被选择组件的组件标识为待渲染组件标识;显示被选择组件的可配置表单,其中,可配置表单包括若干配置项,每个配置项对应一种属性;响应于对配置项的输入操作,确定被输入内容的配置项所对应的属性为待渲染属性,输入的内容为属性值。通过可视化的组件选择操作,确定待渲染的组件,针对待渲染的组件,在可配置表单中对属性进行配置,输入待渲染属性对应的属性值,方便用户操作。
可选地,在一种实施例中,不同的组件包括相同的基础组件,实现了基础组件的复用,由于相同的基础组件属于不同组件时,键不相同,因此,对于页面上相同基础组件的属性修改和渲染,也不会发生错误,在实现基础组件复用的同时,又保证不同组件的相同基础组件相互独立,互不干扰。
实施例二
对应于上述实施例一,本发明实施例二提供了一种基于组件的页面渲染装置,相应的技术特征和对应的技术效果可参考上述实施例一,该处不再赘述。图2为本发明实施例二提供的基于组件的页面渲染装置的框图,如图2所示,该装置包括:第一获取模块201、第二获取模块202、第一查找模块203、生成模块204、第二查找模块205和渲染模块206。
其中,第一获取模201用于获取待渲染页面的配置文件,其中,待渲染页面包括至少两个组件,配置文件包括组件的组件标识、组件的嵌套关系、组件所包括的基础组件和基础组件的属性标识;第二获取模块202用于获取页面渲染项,其中,渲染项包括待渲染组件标识、待渲染属性和属性值;第一查找模块203用于在配置文件中,查找待渲染组件标识对应的组件,得到待渲染组件,在待渲染组件所包括的基础组件中,查找待渲染属性对应的基础组件,得到待渲染基础组件;生成模块204用于根据待渲染组件的嵌套关系和待渲染基础组件的属性标识生成待渲染基础组件的键;第二查找模块205用于在待渲染页面的页面数据集中查找键对应的基础组件数据,以得到目标基础组件数据;以及渲染模块206用于利用属性值对目标基础组件数据进行赋值和渲染。
可选地,在一种实施例中,待渲染组件的嵌套关系为由内向外,待渲染组件依次被第一组件至第N组件嵌套,其中,第X组件的组件标识为AX,N大于或等于1,X大于或等于1且小于或等于N,待渲染组件的组件标识为A,待渲染基础组件的属性标识为T,则待渲染组件的键为:AN—AN-1—…—A2—A1—A—T。
可选地,在一种实施例中,第一获取模块包括:第一确定单元,用于响应于页面选择操作,确定被选择页面的页面标识,其中,被选择页面为待渲染页面;以及获取单元,用于获取页面标识所对应的配置文件。
可选地,在一种实施例中,第二获取模块202包括:第二确定单元、显示单元和第三确定单元,其中,第二确定单元用于响应于组件选择操作,确定被选择组件的组件标识,其中,被选择组件的组件标识为待渲染组件标识;显示单元用于显示被选择组件的可配置表单,其中,可配置表单包括若干配置项,每个配置项对应一种属性;第三确定单元用于响应于对配置项的输入操作,确定被输入内容的配置项所对应的属性为待渲染属性,输入的内容为属性值。
可选地,在一种实施例中,不同的组件包括相同的基础组件。
实施例三
本实施例三还提供一种计算机设备,如可以执行程序的智能手机、平板电脑、笔记本电脑、台式计算机、机架式服务器、刀片式服务器、塔式服务器或机柜式服务器(包括独立的服务器,或者多个服务器所组成的服务器集群)等。如图3所示,本实施例的计算机设备01至少包括但不限于:可通过系统总线相互通信连接的存储器011、处理器012,如图3所示。需要指出的是,图3仅示出了具有组件存储器011和处理器012的计算机设备01,但是应理解的是,并不要求实施所有示出的组件,可以替代的实施更多或者更少的组件。
本实施例中,存储器011(即可读存储介质)包括闪存、硬盘、多媒体卡、卡型存储器(例如,SD或DX存储器等)、随机访问存储器(RAM)、静态随机访问存储器(SRAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、可编程只读存储器(PROM)、磁性存储器、磁盘、光盘等。在一些实施例中,存储器011可以是计算机设备01的内部存储单元,例如该计算机设备01的硬盘或内存。在另一些实施例中,存储器011也可以是计算机设备01的外部存储设备,例如该计算机设备01上配备的插接式硬盘,智能存储卡(Smart Media Card,SMC),安全数字(Secure Digital,SD)卡,闪存卡(Flash Card)等。当然,存储器011还可以既包括计算机设备01的内部存储单元也包括其外部存储设备。本实施例中,存储器011通常用于存储安装于计算机设备01的操作系统和各类应用软件,例如实施例二的基于组件的页面渲染装置的程序代码等。此外,存储器011还可以用于暂时地存储已经输出或者将要输出的各类数据。
处理器012在一些实施例中可以是中央处理器(Central Processing Unit,CPU)、控制器、微控制器、微处理器、或其他数据处理芯片。该处理器012通常用于控制计算机设备01的总体操作。本实施例中,处理器012用于运行存储器011中存储的程序代码或者处理数据,例如基于组件的页面渲染方法等。
实施例四
本实施例四还提供一种计算机可读存储介质,如闪存、硬盘、多媒体卡、卡型存储器(例如,SD或DX存储器等)、随机访问存储器(RAM)、静态随机访问存储器(SRAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、可编程只读存储器(PROM)、磁性存储器、磁盘、光盘、服务器、App应用商城等等,其上存储有计算机程序,程序被处理器执行时实现相应功能。本实施例的计算机可读存储介质用于存储基于组件的页面渲染装置,被处理器执行时实现实施例一的基于组件的页面渲染方法。
需要说明的是,在本文中,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者装置不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者装置所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括该要素的过程、方法、物品或者装置中还存在另外的相同要素。
上述本发明实施例序号仅仅为了描述,不代表实施例的优劣。
通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现,当然也可以通过硬件,但很多情况下前者是更佳的实施方式。
以上仅为本发明的优选实施例,并非因此限制本发明的专利范围,凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换,或直接或间接运用在其他相关的技术领域,均同理包括在本发明的专利保护范围内。
Claims (10)
1.一种基于组件的页面渲染方法,其特征在于,包括:
获取待渲染页面的配置文件,其中,所述待渲染页面包括至少两个组件,所述配置文件包括所述组件的组件标识、所述组件的嵌套关系、所述组件所包括的基础组件、所述基础组件的属性标识,其中,所述待渲染页面对应设置有页面数据集,所述页面数据集包括所述待渲染页面上所有基础组件的基础组件数据,各所述基础组件数据分别对应有基础组件的键,所述键包括所述基础组件所在组件的嵌套关系,以及所述基础组件的属性标识,通过所述键,能够在所述待渲染页面上唯一定义一个所述基础组件;
获取页面渲染项,其中,所述渲染项包括待渲染组件标识、待渲染属性和属性值;
在所述配置文件中,查找所述待渲染组件标识对应的组件,得到待渲染组件,在所述待渲染组件所包括的基础组件中,查找所述待渲染属性对应的基础组件,得到待渲染基础组件,其中,在所述配置文件中,首先将所述待渲染组件标识与所述配置文件中的组件标识进行比对,查找到所述待渲染组件标识对应的组件,该处将查找到的所述组件定义为所述待渲染组件,然后,在所述待渲染组件所包括的基础组件中,将所述待渲染属性与所述基础组件的属性标识进行匹配,查找到找所述待渲染属性对应的基础组件,该处将查找到的所述基础组件定义为所述待渲染基础组件;
根据所述待渲染组件的嵌套关系和所述待渲染基础组件的属性标识生成所述待渲染基础组件的键;
在所述待渲染页面的页面数据集中查找所述键对应的基础组件数据,以得到目标基础组件数据;以及
利用所述属性值对所述目标基础组件数据进行赋值和渲染。
2.根据权利要求1所述的基于组件的页面渲染方法,其特征在于,所述待渲染组件的嵌套关系为由内向外,所述待渲染组件依次被第一组件至第N组件嵌套,其中,第X组件的组件标识为AX,N大于或等于1,X大于或等于1且小于或等于N,所述待渲染组件的组件标识为A,所述待渲染基础组件的属性标识为T,则所述待渲染组件的键为:AN—AN-1—…—A2—A1—A—T。
3. 根据权利要求1所述的基于组件的页面渲染方法,其特征在于,获取待渲染页面的配置文件的步骤包括:
响应于页面选择操作,确定被选择页面的页面标识,其中,所述被选择页面为所述待渲染页面;以及
获取所述页面标识所对应的配置文件。
4.根据权利要求1所述的基于组件的页面渲染方法,其特征在于,获取页面渲染项的步骤包括:
响应于组件选择操作,确定被选择组件的组件标识,其中,所述被选择组件的组件标识为所述待渲染组件标识;
显示所述被选择组件的可配置表单,其中,所述可配置表单包括若干配置项,每个所述配置项对应一种所述属性;
响应于对所述配置项的输入操作,确定被输入内容的所述配置项所对应的属性为所述待渲染属性,输入的内容为所述属性值。
5.根据权利要求1所述的基于组件的页面渲染方法,其特征在于,不同的所述组件包括相同的所述基础组件。
6.一种基于组件的页面渲染装置,其特征在于,包括:
第一获取模块,用于获取待渲染页面的配置文件,其中,所述待渲染页面包括至少两个组件,所述配置文件包括所述组件的组件标识、所述组件的嵌套关系、所述组件所包括的基础组件、所述基础组件的属性标识;
第二获取模块,用于获取页面渲染项,其中,所述渲染项包括待渲染组件标识、待渲染属性和属性值;
第一查找模块,用于在所述配置文件中,查找所述待渲染组件标识对应的组件,得到待渲染组件,在所述待渲染组件所包括的基础组件中,查找所述待渲染属性对应的基础组件,得到待渲染基础组件,其中,在所述配置文件中,首先将所述待渲染组件标识与所述配置文件中的组件标识进行比对,查找到所述待渲染组件标识对应的组件,该处将查找到的所述组件定义为所述待渲染组件,然后,在所述待渲染组件所包括的基础组件中,将所述待渲染属性与所述基础组件的属性标识进行匹配,查找到找所述待渲染属性对应的基础组件,该处将查找到的所述基础组件定义为所述待渲染基础组件;
生成模块,用于根据所述待渲染组件的嵌套关系和所述待渲染基础组件的属性标识生成所述待渲染基础组件的键;
第二查找模块,用于在所述待渲染页面的页面数据集中查找所述键对应的基础组件数据,以得到目标基础组件数据;以及
渲染模块,用于利用所述属性值对所述目标基础组件数据进行赋值和渲染。
7.根据权利要求6所述的基于组件的页面渲染装置,其特征在于,所述待渲染组件的嵌套关系为由内向外,所述待渲染组件依次被第一组件至第N组件嵌套,其中,第X组件的组件标识为AX,N大于或等于1,X大于或等于1且小于或等于N,所述待渲染组件的组件标识为A,所述待渲染基础组件的属性标识为T,则所述待渲染组件的键为:AN—AN-1—…—A2—A1—A—T。
8. 根据权利要求6所述的基于组件的页面渲染装置,其特征在于,所述第一获取模块包括:
确定单元,用于响应于页面选择操作,确定被选择页面的页面标识,其中,所述被选择页面为所述待渲染页面;以及
获取单元,用于获取所述页面标识所对应的配置文件。
9.一种计算机设备,包括存储器、处理器以及存储在存储器上并可在处理器上运行的计算机程序,其特征在于,所述处理器执行所述计算机程序时实现权利要求1至5任一项所述方法的步骤。
10.一种计算机可读存储介质,其上存储有计算机程序,其特征在于:所述计算机程序被处理器执行时实现权利要求1至5任一项所述方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010219191.6A CN111443912B (zh) | 2020-03-25 | 2020-03-25 | 基于组件的页面渲染方法、装置、计算机设备和存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010219191.6A CN111443912B (zh) | 2020-03-25 | 2020-03-25 | 基于组件的页面渲染方法、装置、计算机设备和存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN111443912A CN111443912A (zh) | 2020-07-24 |
CN111443912B true CN111443912B (zh) | 2023-06-30 |
Family
ID=71650717
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010219191.6A Active CN111443912B (zh) | 2020-03-25 | 2020-03-25 | 基于组件的页面渲染方法、装置、计算机设备和存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111443912B (zh) |
Families Citing this family (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111259294A (zh) * | 2019-12-31 | 2020-06-09 | 万表名匠(广州)科技有限公司 | 页面加载请求响应方法、装置、设备和存储介质 |
CN114064161B (zh) * | 2020-07-31 | 2023-12-22 | 阿里巴巴集团控股有限公司 | 生成页面的方法、装置及存储介质 |
CN112130836A (zh) * | 2020-09-10 | 2020-12-25 | 华帝股份有限公司 | 基于json文件生成多级联动组件的方法 |
CN114756292A (zh) * | 2020-12-29 | 2022-07-15 | 逸驾智能科技有限公司 | 组件配置的方法和装置 |
CN112947916B (zh) * | 2021-02-05 | 2023-09-19 | 北京百度网讯科技有限公司 | 用于实现在线画布的方法、装置、设备以及存储介质 |
CN113094049A (zh) * | 2021-04-29 | 2021-07-09 | 北京金山云网络技术有限公司 | 一种页面生成方法、页面展示方法、装置及电子设备 |
CN113536168B (zh) * | 2021-06-03 | 2023-11-14 | 中国联合网络通信集团有限公司 | 组件处理方法及设备 |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2009037531A (ja) * | 2007-08-03 | 2009-02-19 | Canon Inc | 情報処理装置及びgui画面更新方法 |
CN102103491A (zh) * | 2009-12-18 | 2011-06-22 | Tcl集团股份有限公司 | 一种界面生成系统以及方法 |
CN109426541A (zh) * | 2017-08-31 | 2019-03-05 | 阿里巴巴集团控股有限公司 | 一种页面换肤的方法和装置 |
CN110413277A (zh) * | 2019-06-24 | 2019-11-05 | 厦门雷霆互动网络有限公司 | 一种ui界面的生成方法及系统 |
CN110727869A (zh) * | 2019-10-18 | 2020-01-24 | 北京字节跳动网络技术有限公司 | 页面构建方法及装置 |
CN110764816A (zh) * | 2019-09-27 | 2020-02-07 | 苏州浪潮智能科技有限公司 | 一种管理页面的方法、设备及介质 |
Family Cites Families (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US8780130B2 (en) * | 2010-11-30 | 2014-07-15 | Sitting Man, Llc | Methods, systems, and computer program products for binding attributes between visual components |
US10963539B2 (en) * | 2014-09-10 | 2021-03-30 | Mk Systems Usa Inc. | Interactive web application editor |
CN107783762B (zh) * | 2017-11-24 | 2020-05-15 | 重庆金融资产交易所有限责任公司 | 界面生成方法、装置、存储介质和计算机设备 |
CN108829471A (zh) * | 2018-05-09 | 2018-11-16 | 深圳壹账通智能科技有限公司 | 控件路径生成方法、装置、计算机设备及存储介质 |
CN109101304A (zh) * | 2018-07-05 | 2018-12-28 | 北京微播视界科技有限公司 | 界面的自动生成方法、装置、电子设备和计算机可读介质 |
CN109634598B (zh) * | 2018-12-14 | 2020-09-18 | 北京字节跳动网络技术有限公司 | 一种页面显示方法、装置、设备及存储介质 |
-
2020
- 2020-03-25 CN CN202010219191.6A patent/CN111443912B/zh active Active
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2009037531A (ja) * | 2007-08-03 | 2009-02-19 | Canon Inc | 情報処理装置及びgui画面更新方法 |
CN102103491A (zh) * | 2009-12-18 | 2011-06-22 | Tcl集团股份有限公司 | 一种界面生成系统以及方法 |
CN109426541A (zh) * | 2017-08-31 | 2019-03-05 | 阿里巴巴集团控股有限公司 | 一种页面换肤的方法和装置 |
CN110413277A (zh) * | 2019-06-24 | 2019-11-05 | 厦门雷霆互动网络有限公司 | 一种ui界面的生成方法及系统 |
CN110764816A (zh) * | 2019-09-27 | 2020-02-07 | 苏州浪潮智能科技有限公司 | 一种管理页面的方法、设备及介质 |
CN110727869A (zh) * | 2019-10-18 | 2020-01-24 | 北京字节跳动网络技术有限公司 | 页面构建方法及装置 |
Non-Patent Citations (2)
Title |
---|
Web Modeling Language (WebML): a modeling language for designing Web sites;Stefano Ceri;《Computer Networks》;第33卷;137-157 * |
控件集及其脚本化技术实现;张磊;《 中国优秀硕士学位论文全文数据库信息科技辑》;I138-74 * |
Also Published As
Publication number | Publication date |
---|---|
CN111443912A (zh) | 2020-07-24 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN111443912B (zh) | 基于组件的页面渲染方法、装置、计算机设备和存储介质 | |
CN108292231B (zh) | 从数据生成应用的方法和系统 | |
CN107967159B (zh) | 一种配置文件应用的方法以及服务器 | |
US9558218B2 (en) | Truncating data associated with objects in a multi-tenant database | |
CN109076107B (zh) | 基于检测定制提供用户体验升级的自动检测和优化 | |
US20180329725A1 (en) | Method and apparatus for loading application | |
US20220035847A1 (en) | Information retrieval | |
US11841836B2 (en) | Target environment data seeding | |
CN107679056B (zh) | 生成sql语句的方法、电子装置及可读存储介质 | |
CN106557307B (zh) | 业务数据的处理方法及处理系统 | |
CN113535165A (zh) | 界面生成方法、装置、电子设备及计算机可读存储介质 | |
CN104937540A (zh) | 获取与类似代码相关联的应用生命周期管理实体的标识 | |
CN111694992A (zh) | 一种数据处理方法和装置 | |
KR102455316B1 (ko) | 복수의 정보원에서 얻는 정보 및 도구를 통일화하는 방법 및 이를 응용한 컴퓨터 프로그램 제품과 장치 | |
CN111142990A (zh) | 一种微信小程序页面展示方法、装置、及存储介质 | |
US10649743B2 (en) | Application developing method and system | |
CN115756692A (zh) | 基于样式属性自动组合展示页面的方法及其相关设备 | |
CN106227713A (zh) | 文档的处理方法及装置 | |
US20110016471A1 (en) | Balancing Resource Allocations Based on Priority | |
US20180365341A1 (en) | Three-Dimensional Cad System Device, and Knowledge Management Method Used in Three-Dimensional Cad | |
US20130151964A1 (en) | Displaying dynamic and shareable help data for images a distance from a pointed-to location | |
CN115688713B (zh) | 可视化的表单生成方法、装置、设备及存储介质 | |
US11507536B2 (en) | Information processing apparatus and non-transitory computer readable medium for selecting file to be displayed | |
CN115357604B (zh) | 一种数据查询方法和装置 | |
US20240061824A1 (en) | Target environment data seeding |
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 | ||
TA01 | Transfer of patent application right | ||
TA01 | Transfer of patent application right |
Effective date of registration: 20220525 Address after: 518000 China Aviation Center 2901, No. 1018, Huafu Road, Huahang community, Huaqiang North Street, Futian District, Shenzhen, Guangdong Province Applicant after: Shenzhen Ping An medical and Health Technology Service Co.,Ltd. Address before: Room 12G, Area H, 666 Beijing East Road, Huangpu District, Shanghai 200001 Applicant before: PING AN MEDICAL AND HEALTHCARE MANAGEMENT Co.,Ltd. |
|
GR01 | Patent grant | ||
GR01 | Patent grant |