CN117591107A - 一种前端界面的快速渲染方法、设备及介质 - Google Patents
一种前端界面的快速渲染方法、设备及介质 Download PDFInfo
- Publication number
- CN117591107A CN117591107A CN202311360201.8A CN202311360201A CN117591107A CN 117591107 A CN117591107 A CN 117591107A CN 202311360201 A CN202311360201 A CN 202311360201A CN 117591107 A CN117591107 A CN 117591107A
- Authority
- CN
- China
- Prior art keywords
- unit data
- table unit
- rendering
- description
- interface
- 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
Links
- 238000009877 rendering Methods 0.000 title claims abstract description 66
- 238000000034 method Methods 0.000 title claims abstract description 61
- 238000011161 development Methods 0.000 claims abstract description 23
- 238000005516 engineering process Methods 0.000 claims abstract description 17
- 230000000694 effects Effects 0.000 claims description 12
- 230000004048 modification Effects 0.000 abstract description 7
- 238000012986 modification Methods 0.000 abstract description 7
- 230000008569 process Effects 0.000 description 15
- 230000006870 function Effects 0.000 description 9
- 238000010586 diagram Methods 0.000 description 8
- 230000006872 improvement Effects 0.000 description 8
- 238000004590 computer program Methods 0.000 description 7
- 238000012545 processing Methods 0.000 description 6
- 230000005540 biological transmission Effects 0.000 description 2
- 238000004519 manufacturing process Methods 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 238000004806 packaging method and process Methods 0.000 description 2
- 230000004075 alteration Effects 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000001413 cellular effect Effects 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 238000004891 communication Methods 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 230000005055 memory storage Effects 0.000 description 1
- 238000012856 packing Methods 0.000 description 1
- 229920001296 polysiloxane Polymers 0.000 description 1
- 230000000750 progressive effect Effects 0.000 description 1
- 230000009467 reduction Effects 0.000 description 1
- 239000010979 ruby Substances 0.000 description 1
- 229910001750 ruby Inorganic materials 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 230000001131 transforming effect Effects 0.000 description 1
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/30—Creation or generation of source code
- G06F8/34—Graphical or visual programming
-
- 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/36—Software reuse
-
- 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
-
- 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)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Stored Programmes (AREA)
Abstract
本申请公开了一种前端界面的快速渲染方法、设备及介质,用以解决现有的表单修改中编译时间较长,开发效率较低的问题。方法包括:接收对表单描述中表单元数据的获取请求,并根据获取请求对预先生成的表单描述中的表单元数据进行遍历;根据在表单描述中遍历到的表单元数据确定表单元数据对应的待调用接口,并通过对应的待调用接口在内存中生成表单元数据对应的指定内容和表单模块,将表单元数据对应的指定内容与表单模块建立关联关系以得到对应目标表单;基于动态编译技术对内存中的指定内容和表单模块进行编译,并根据目标表单对应的渲染指令将编译后的指定内容和表单模块渲染至前端界面中。
Description
技术领域
本申请涉及计算机技术领域,尤其涉及一种前端界面的快速渲染方法、设备及介质。
背景技术
随着计算机技术的迅速发展,越来越多的公司、企业进行数字化转型,每家公司、企业都有不同的业务需求。目前,在公司、企业数字化转型的软件开发过程中,开发人员需要根据客户的需求以及数字界面的运行效果,对表单反复进行修改,每一次修改都需要经历生成、编译、打包部署的过程,而开发人员希望将大部分时间用来修改和调试,不关心编译的过程。
虽然修改表单只需要很短的时间,但是Angular AOT编译却需要几分钟,极大地降低了开发人员的开发效率。并且,随着表单数量增多,编译时间也成倍增长。
发明内容
本申请实施例提供了一种前端界面的快速渲染方法、设备及介质,用以解决现有的表单修改中编译时间较长,开发效率较低的技术问题。
一方面,本申请实施例提供了一种前端界面的快速渲染方法,包括:
接收对表单描述中表单元数据的获取请求,并根据所述获取请求,对预先生成的表单描述中的表单元数据进行遍历;
根据在所述表单描述中遍历到的表单元数据,确定所述表单元数据对应的待调用接口,并通过所述对应的待调用接口,在内存中生成所述表单元数据对应的指定内容和表单模块;所述指定内容至少包括组件、样式、事件和指令;
将所述表单元数据对应的指定内容与所述表单模块建立关联关系,并得到对应的目标表单;
基于动态编译技术,对所述内存中的指定内容和表单模块进行编译,并根据所述目标表单对应的渲染指令,将编译后的指定内容和表单模块渲染至前端界面中。
在本申请的一种实现方式中,所述接收对表单描述中表单元数据的获取请求之前,所述方法还包括:
获取用户对表单的业务需求,并根据所述业务需求,确定所述用户所需表单的目标效果;
根据所述目标效果并通过表单设计器,对所述表单进行调整,并获得调整后对应的表单描述。
在本申请的一种实现方式中,所述根据所述目标效果并通过表单设计器,对所述表单进行调整,具体包括:
根据目标效果并通过表单设计器,以拖拽的方式对表单进行表单相关操作;所述表单相关操作包括表单对应的界面布局、时间绑定和服务开发;
对表单对应的界面布局、时间绑定和服务开发进行抽象,以得到对应的抽象文件;所述抽象文件用于表示表单描述,所述抽象文件的格式为JSON格式。
在本申请的一种实现方式中,所述获得调整后对应的表单描述,具体包括:
确定每次对表单进行调整时的所需时长,并根据每次的所需时长,确定表单调整对应的平均时间间隔;
按照所述平均时间间隔,定时获取表单抽象后对应的表单描述,以确定调整后的表单描述。
在本申请的一种实现方式中,所述根据所述获取请求,对预先生成的表单描述中的表单元数据进行遍历,具体包括:
根据所述获取请求,确定所述获取请求对应的所要请求的表单元数据,并确定所述所要请求的表单元数据对应的表单描述;
对所述表单描述中的表单元数据进行遍历,并在所述表单描述中,找到所述所要请求的表单元数据。
在本申请的一种实现方式中,所述根据在所述表单描述中遍历到表单元数据,确定所述表单元数据对应的待调用接口,具体包括:
确定出用户所需应用中的多个表单,并分别确定出所述多个表单对应的多个可调用接口;
在所述预先生成的表单描述中遍历到表单元数据的情况下,确定出所述多个可调用接口中所述表单元数据对应的待调用接口。
在本申请的一种实现方式中,所述通过所述对应的待调用接口,在内存中生成所述表单元数据对应的指定内容和表单模块,具体包括:
在所述表单元数据中的定义为组件对应的定义的情况下,通过所述表单元数据对应的待调用接口,在内存中生成表单对应的组件;
在所述表单元数据中的定义为样式对应的定义的情况下,通过所述表单元数据对应的待调用接口,在所述内存中将所述表单生成对应的样式;
在所述表单元数据中的定义为事件对应的定义的情况下,通过所述表单元数据对应的待调用接口,在所述内存中生成所述表单对应的事件;
在所述表单元数据中的定义为指令对应的定义的情况下,通过所述表单元数据对应的待调用接口,在所述内存中生成所述表单对应的指令。
在本申请的一种实现方式中,所述根据所述目标表单对应的渲染指令,将编译后的指定内容和表单模块渲染至前端界面中,具体包括:
确定所调整的目标表单,并在内存中,获取所述目标表单对应的渲染指令;
根据所述目标表单对应的渲染指令,在所述内存中,对所述目标表单编译后的指定内容和表单模块进行渲染,以将所述目标表单渲染至前端界面中。
另一方面,本申请实施例还提供了一种前端界面的快速渲染设备,所述设备包括:
至少一个处理器;
以及,与所述至少一个处理器通信连接的存储器;
其中,所述存储器存储有可被所述至少一个处理器执行的指令,所述指令被所述至少一个处理器执行,以使所述至少一个处理器能够执行:
接收对表单描述中表单元数据的获取请求,并根据所述获取请求,对预先生成的表单描述中的表单元数据进行遍历;
根据在所述表单描述中遍历到的表单元数据,确定所述表单元数据对应的待调用接口,并通过所述对应的待调用接口,在内存中生成所述表单元数据对应的指定内容和表单模块;所述指定内容至少包括组件、样式、事件和指令;
将所述表单元数据对应的指定内容与所述表单模块建立关联关系,并得到对应的目标表单;
基于动态编译技术,对所述内存中的指定内容和表单模块进行编译,并根据所述目标表单对应的渲染指令,将编译后的指定内容和表单模块渲染至前端界面中。
另一方面,本申请实施例还提供了一种非易失性计算机存储介质,存储有计算机可执行指令,所述计算机可执行指令设置为:
接收对表单描述中表单元数据的获取请求,并根据所述获取请求,对预先生成的表单描述中的表单元数据进行遍历;
根据在所述表单描述中遍历到的表单元数据,确定所述表单元数据对应的待调用接口,并通过所述对应的待调用接口,在内存中生成所述表单元数据对应的指定内容和表单模块;所述指定内容至少包括组件、样式、事件和指令;
将所述表单元数据对应的指定内容与所述表单模块建立关联关系,并得到对应的目标表单;
基于动态编译技术,对所述内存中的指定内容和表单模块进行编译,并根据所述目标表单对应的渲染指令,将编译后的指定内容和表单模块渲染至前端界面中。
本申请实施例提供了一种前端界面的快速渲染方法、设备及介质,至少包括以下有益效果:
通过表单元数据获取请求遍历表单描述,并在遍历到表单元数据时调用对应的待调用接口,进而通过待调用接口在内存中生成遍历到的表单元数据对应的指定内容,还要生成对应的表单模块;通过将生成的内容和表单模块进行关联,得到目标表单,然后对内存中生成的指定内容和表单模块进行编译,进而根据渲染指令,将编译后的指定内容和表单模块渲染到前端界面中,这样仅渲染所调整的目标表单即可,无需重复渲染应用中的其他未修改表单,从而能够减少表单编译时间,提升开发的调试效率。
附图说明
此处所说明的附图用来提供对本申请的进一步理解,构成本申请的一部分,本申请的示意性实施例及其说明用于解释本申请,并不构成对本申请的不当限定。在附图中:
图1为本申请实施例提供的一种前端界面的快速渲染方法的流程示意图;
图2为本申请实施例提供的一种前端界面的快速渲染设备的内部结构示意图。
具体实施方式
为使本申请的目的、技术方案和优点更加清楚,下面将结合本申请具体实施例及相应的附图对本申请技术方案进行清楚、完整地描述。显然,所描述的实施例仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
本申请实施例提供了一种前端界面的快速渲染方法、设备及介质,通过表单元数据获取请求遍历表单描述,并在遍历到表单元数据时调用对应的待调用接口,进而通过待调用接口在内存中生成所遍历到的定义对应的内容,还要生成对应的表单模块;通过将生成的内容和表单模块进行关联,得到目标表单,然后对内存中生成的组件和表单模块进行编译,进而根据渲染指令,将编译后的组件和表单模块渲染到前端界面中,这样仅渲染所调整的目标表单即可,无需重复渲染应用中的其他未修改表单,从而能够减少表单编译时间,提升开发的调试效率。解决了现有技术中虽然修改表单只需要很短的时间,但是AngularAOT编译却需要几分钟,极大的降低了开发人员的开发效率,并且随着表单数量增多,编译时间也成倍增长的技术问题。
以下结合附图,详细说明本申请各实施例提供的技术方案。
图1为本申请实施例提供的一种前端界面的快速渲染方法的流程示意图。如图1所示,本申请实施例提供的一种前端界面的快速渲染方法,包括:
101、接收对表单描述中表单元数据的获取请求,并根据获取请求,对预先生成的表单描述中的表单元数据进行遍历。
常规的表单开发中开发编译耗时与表单数量有关,表单越多耗时越长。为了解决现有技术中Angular应用开发时频繁生成、编译、部署耗时的问题,本申请提供了前端界面的快速渲染方法,开发人员修改表单后不需要经过漫长的编译,就可以快速的查看修改后的表单,整个过程耗时仅为几秒,相较于现有技术中的AOT编译的方法,大大减少了编译时间,提高了表单修改的开发效率以及调试效率。同时该方法不限制原有的开发流程,开发人员可以使用Angular原有特性、第三方模块等。
开发人员使用表单设计器通过拖拽,完成对表单的界面布局、事件绑定、服务开发,并由表单设计器将表单抽象为一份JSON格式的文件,这份文件就是表单描述,表单描述高度抽象,不依赖具体的语言。该文档描述了表单的布局、属性、样式、事件等内容,通过该文档就可以将开发人员使用表单设计器拖拽的表单进行还原。
表单还原就是将表单描述生成为表单的过程,即适配不同的开发框架或开发语言,将表单生成为Angular框架开发的表单为例,在生成时生成器遍历表单描述,按照Angular开发规范,依次生成组件、指令、服务、模块等内容,生成后的代码和开发人员手工开发的Angular表单无异。生成完的表单需要经过打包编译才可以运行,该过程对系统资源要求较高、且耗时较长。
服务器接收对表单描述中表单元数据的获取请求,从而根据获取请求,在已经生成的表单描述中遍历表单元数据。表单描述是由表单设计器通过拖拽生成的。本申请首先通过表单设计器修改表单,然后点击预览,此时系统根据表单元数据描述在内存中动态生成组件、模块并编译渲染,渲染时间在5s以内,且因为渲染时仅渲染当前表单,应用内表单数量与渲染时间不相关。可以有效减少表单编译时间,提升开发时的调试效率,具有很好的推广使用价值。
具体地,服务器根据获取请求确定出获取请求对应的所要请求的表单元数据,并确定所要请求的表单元数据对应的表单描述,然后对表单描述中的表单元数据进行遍历,并在表单描述中,找到所要请求的表单元数据。
在本申请的一个实施例中,服务器在接收对表单描述中表单元数据的获取请求之前,获取用户对表单的业务需求,并根据用户的述业务需求,能够确定用户所需表单的目标效果,然后根据用户所需的目标效果,并通过表单设计器,对表单进行调整,从而能够获得调整后对应的表单描述。
具体地,服务器根据目标效果并通过表单设计器,以拖拽的方式对表单进行表单相关操作。需要说明的是,本申请实施例中的表单相关操作包括表单对应的界面布局、时间绑定和服务开发。
服务器对表单对应的界面布局、时间绑定和服务开发进行抽象,从而能够得到表单对应的抽象文件。需要说明的是,本申请实施例中的抽象文件用于表示表单描述,抽象文件的格式为JSON格式。
服务器确定出每次对表单进行调整时的所需时长,并根据每次的所需时长,确定出表单调整的平均时间间隔,然后,服务器按照确定出的平均时间间隔,定时获取表单抽象后对应的表单描述,从而能够确定出调整后的表单描述。
102、根据在表单描述中遍历到的表单元数据,确定表单元数据对应的待调用接口,并通过对应的待调用接口,在内存中生成表单元数据对应的指定内容和表单模块。
需要说明的是,本申请实施例中的指定内容至少包括组件、样式、事件和指令。
具体地,服务器首先需要确定出用户所需应用中的多个表单,并分别确定出多个表单对应的多个可调用接口,在预先生成的表单描述中遍历到表单元数据的情况下,确定出多个可调用接口中表单元数据对应的待调用接口,进而通过调用待调用接口,在内存中生成表单元数据对应的指定内容和表单模块。
服务器在表单元数据中的定义为组件对应的定义的情况下,通过表单元数据对应的待调用接口,在内存中生成表单对应的组件,在表单元数据中的定义为样式对应的定义的情况下,通过表单元数据对应的待调用接口,在内存中将表单生成对应的样式,在表单元数据中的定义为事件对应的定义的情况下,通过表单元数据对应的待调用接口,在内存中生成表单对应的事件,在表单元数据中的定义为指令对应的定义的情况下,通过表单元数据对应的待调用接口,在内存中生成表单对应的指令。
103、将表单元数据对应的指定内容与表单模块建立关联关系,并得到对应的目标表单。
服务器在内存中根据组件、样式、事件和指令对应的定义,生成组件、样式、事件和指令之后,还需将所生成的指定内容和表单模块进行关联,得到对应的关联关系,从而能够形成完整的所调整的目标表单,以便后续对目标表单进行编译。
104、基于动态编译技术,对内存中的指定内容和表单模块进行编译,并根据目标表单对应的渲染指令,将编译后的指定内容和表单模块渲染至前端界面中。
具体地,服务器确定所调整的目标表单,并在内存中,获取目标表单对应的渲染指令,然后,服务器根据目标表单对应的渲染指令,在内存中,对目标表单编译后的指定内容和表单模块进行渲染,以将目标表单渲染至前端界面中。
通过上述方法完成了界面快速渲染过程,解决了将表单元数据还原为表单中Angular编译、打包系统资源占用高、耗时长的问题,通过将表单生成到内存中,使用Angular动态编译技术编译表单,省去了Angular AOT编译时扫描离线包的过程,最终实现前端界面的快速渲染z,因此具有极大的灵活性和扩展性。
以上为本申请提出的方法实施例。基于同样的发明构思,本申请实施例还提供了一种前端界面的快速渲染设备,其结构如图2所示。
图2为本申请实施例提供的一种前端界面的快速渲染设备的内部结构示意图。如图2所示,设备包括:
至少一个处理器;
以及,与至少一个处理器通信连接的存储器;
其中,存储器存储有可被至少一个处理器执行的指令,指令被至少一个处理器执行,以使至少一个处理器能够:
接收对表单描述中表单元数据的获取请求,并根据获取请求,对预先生成的表单描述中的表单元数据进行遍历;
根据在表单描述中遍历到的表单元数据,确定表单元数据对应的待调用接口,并通过对应的待调用接口,在内存中生成表单元数据对应的指定内容和表单模块;指定内容至少包括组件、样式、事件和指令;
将表单元数据对应的指定内容与表单模块建立关联关系,并得到对应的目标表单;
基于动态编译技术,对内存中的指定内容和表单模块进行编译,并根据目标表单对应的渲染指令,将编译后的指定内容和表单模块渲染至前端界面中。
本申请实施例还提供了一种非易失性计算机存储介质,存储有计算机可执行指令,计算机可执行指令设置为:
接收对表单描述中表单元数据的获取请求,并根据获取请求,对预先生成的表单描述中的表单元数据进行遍历;
根据在表单描述中遍历到的表单元数据,确定表单元数据对应的待调用接口,并通过对应的待调用接口,在内存中生成表单元数据对应的指定内容和表单模块;指定内容至少包括组件、样式、事件和指令;
将表单元数据对应的指定内容与表单模块建立关联关系,并得到对应的目标表单;
基于动态编译技术,对内存中的指定内容和表单模块进行编译,并根据目标表单对应的渲染指令,将编译后的指定内容和表单模块渲染至前端界面中。
在20世纪90年代,对于一个技术的改进可以很明显地区分是硬件上的改进(例如,对二极管、晶体管、开关等电路结构的改进)还是软件上的改进(对于方法流程的改进)。然而,随着技术的发展,当今的很多方法流程的改进已经可以视为硬件电路结构的直接改进。设计人员几乎都通过将改进的方法流程编程到硬件电路中来得到相应的硬件电路结构。因此,不能说一个方法流程的改进就不能用硬件实体模块来实现。例如,可编程逻辑器件(Programmable Logic Device,PLD)(例如现场可编程门阵列(Field Programmable GateArray,FPGA))就是这样一种集成电路,其逻辑功能由用户对器件编程来确定。由设计人员自行编程来把一个数字系统“集成”在一片PLD上,而不需要请芯片制造厂商来设计和制作专用的集成电路芯片。而且,如今,取代手工地制作集成电路芯片,这种编程也多半改用“逻辑编译器(logic compiler)”软件来实现,它与程序开发撰写时所用的软件编译器相类似,而要编译之前的原始代码也得用特定的编程语言来撰写,此称之为硬件描述语言(Hardware Description Language,HDL),而HDL也并非仅有一种,而是有许多种,如ABEL(Advanced Boolean Expression Language)、AHDL(Altera Hardware DescriptionLanguage)、Confluence、CUPL(Cornell University Programming Language)、HDCal、JHDL(Java Hardware Description Language)、Lava、Lola、MyHDL、PALASM、RHDL(RubyHardware Description Language)等,目前最普遍使用的是VHDL(Very-High-SpeedIntegrated Circuit Hardware Description Language)与Verilog。本领域技术人员也应该清楚,只需要将方法流程用上述几种硬件描述语言稍作逻辑编程并编程到集成电路中,就可以很容易得到实现该逻辑方法流程的硬件电路。
控制器可以按任何适当的方式实现,例如,控制器可以采取例如微处理器或处理器以及存储可由该(微)处理器执行的计算机可读程序代码(例如软件或固件)的计算机可读介质、逻辑门、开关、专用集成电路(Application Specific Integrated Circuit,ASIC)、可编程逻辑控制器和嵌入微控制器的形式,控制器的例子包括但不限于以下微控制器:ARC 625D、Atmel AT91SAM、Microchip PIC18F26K20以及Silicone Labs C8051F320,存储器控制器还可以被实现为存储器的控制逻辑的一部分。本领域技术人员也知道,除了以纯计算机可读程序代码方式实现控制器以外,完全可以通过将方法步骤进行逻辑编程来使得控制器以逻辑门、开关、专用集成电路、可编程逻辑控制器和嵌入微控制器等的形式来实现相同功能。因此这种控制器可以被认为是一种硬件部件,而对其内包括的用于实现各种功能的装置也可以视为硬件部件内的结构。或者甚至,可以将用于实现各种功能的装置视为既可以是实现方法的软件模块又可以是硬件部件内的结构。
上述实施例阐明的系统、装置、模块或单元,具体可以由计算机芯片或实体实现,或者由具有某种功能的产品来实现。一种典型的实现设备为计算机。具体的,计算机例如可以为个人计算机、膝上型计算机、蜂窝电话、相机电话、智能电话、个人数字助理、媒体播放器、导航设备、电子邮件设备、游戏控制台、平板计算机、可穿戴设备或者这些设备中的任何设备的组合。
为了描述的方便,描述以上装置时以功能分为各种单元分别描述。当然,在实施本说明书时可以把各单元的功能在同一个或多个软件和/或硬件中实现。
本领域内的技术人员应明白,本说明书实施例可提供为方法、系统、或计算机程序产品。因此,本说明书实施例可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本说明书实施例可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本说明书是参照根据本说明书实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
在一个典型的配置中,计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。
内存可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带,磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。按照本文中的界定,计算机可读介质不包括暂存电脑可读媒体(transitory media),如调制的数据信号和载波。
还需要说明的是,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。
本说明书可以在由计算机执行的计算机可执行指令的一般上下文中描述,例如程序模块。一般地,程序模块包括执行特定任务或实现特定抽象数据类型的例程、程序、对象、组件、数据结构等等。也可以在分布式计算环境中实践本说明书,在这些分布式计算环境中,由通过通信网络而被连接的远程处理设备来执行任务。在分布式计算环境中,程序模块可以位于包括存储设备在内的本地和远程计算机存储介质中。
本说明书中的各个实施例均采用递进的方式描述,各个实施例之间相同相似的部分互相参见即可,每个实施例重点说明的都是与其他实施例的不同之处。尤其,对于装置、设备、非易失性计算机存储介质实施例而言,由于其基本相似于方法实施例,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。
上述对本说明书特定实施例进行了描述。其它实施例在所附权利要求书的范围内。在一些情况下,在权利要求书中记载的动作或步骤可以按照不同于实施例中的顺序来执行并且仍然可以实现期望的结果。另外,在附图中描绘的过程不一定要求示出的特定顺序或者连续顺序才能实现期望的结果。在某些实施方式中,多任务处理和并行处理也是可以的或者可能是有利的。
以上所述仅为本说明书的一个或多个实施例而已,并不用于限制本说明书。对于本领域技术人员来说,本说明书的一个或多个实施例可以有各种更改和变化。凡在本说明书的一个或多个实施例的精神和原理之内所作的任何修改、等同替换、改进等,均应包含在本说明书的权利要求范围之内。
Claims (10)
1.一种前端界面的快速渲染方法,其特征在于,所述方法包括:
接收对表单描述中表单元数据的获取请求,并根据所述获取请求,对预先生成的表单描述中的表单元数据进行遍历;
根据在所述表单描述中遍历到的表单元数据,确定所述表单元数据对应的待调用接口,并通过所述对应的待调用接口,在内存中生成所述表单元数据对应的指定内容和表单模块;所述指定内容至少包括组件、样式、事件和指令;
将所述表单元数据对应的指定内容与所述表单模块建立关联关系,并得到对应的目标表单;
基于动态编译技术,对所述内存中的指定内容和表单模块进行编译,并根据所述目标表单对应的渲染指令,将编译后的指定内容和表单模块渲染至前端界面中。
2.根据权利要求1所述的一种前端界面的快速渲染方法,其特征在于,所述接收对表单描述中表单元数据的获取请求之前,所述方法还包括:
获取用户对表单的业务需求,并根据所述业务需求,确定所述用户所需表单的目标效果;
根据所述目标效果并通过表单设计器,对所述表单进行调整,并获得调整后对应的表单描述。
3.根据权利要求2所述的一种前端界面的快速渲染方法,其特征在于,所述根据所述目标效果并通过表单设计器,对所述表单进行调整,具体包括:
根据目标效果并通过表单设计器,以拖拽的方式对表单进行表单相关操作;所述表单相关操作包括表单对应的界面布局、时间绑定和服务开发;
对表单对应的界面布局、时间绑定和服务开发进行抽象,以得到对应的抽象文件;所述抽象文件用于表示表单描述,所述抽象文件的格式为JSON格式。
4.根据权利要求2所述的一种前端界面的快速渲染方法,其特征在于,所述获得调整后对应的表单描述,具体包括:
确定每次对表单进行调整时的所需时长,并根据每次的所需时长,确定表单调整对应的平均时间间隔;
按照所述平均时间间隔,定时获取表单抽象后对应的表单描述,以确定调整后的表单描述。
5.根据权利要求1所述的一种前端界面的快速渲染方法,其特征在于,所述根据所述获取请求,对预先生成的表单描述中的表单元数据进行遍历,具体包括:
根据所述获取请求,确定所述获取请求对应的所要请求的表单元数据,并确定所述所要请求的表单元数据对应的表单描述;
对所述表单描述中的表单元数据进行遍历,并在所述表单描述中,找到所述所要请求的表单元数据。
6.根据权利要求1所述的一种前端界面的快速渲染方法,其特征在于,所述根据在所述表单描述中遍历到表单元数据,确定所述表单元数据对应的待调用接口,具体包括:
确定出用户所需应用中的多个表单,并分别确定出所述多个表单对应的多个可调用接口;
在所述预先生成的表单描述中遍历到表单元数据的情况下,确定出所述多个可调用接口中所述表单元数据对应的待调用接口。
7.根据权利要求1所述的一种前端界面的快速渲染方法,其特征在于,所述通过所述对应的待调用接口,在内存中生成所述表单元数据对应的指定内容和表单模块,具体包括:
在所述表单元数据中的定义为组件对应的定义的情况下,通过所述表单元数据对应的待调用接口,在内存中生成表单对应的组件;
在所述表单元数据中的定义为样式对应的定义的情况下,通过所述表单元数据对应的待调用接口,在所述内存中将所述表单生成对应的样式;
在所述表单元数据中的定义为事件对应的定义的情况下,通过所述表单元数据对应的待调用接口,在所述内存中生成所述表单对应的事件;
在所述表单元数据中的定义为指令对应的定义的情况下,通过所述表单元数据对应的待调用接口,在所述内存中生成所述表单对应的指令。
8.根据权利要求1所述的一种前端界面的快速渲染方法,其特征在于,所述根据所述目标表单对应的渲染指令,将编译后的指定内容和表单模块渲染至前端界面中,具体包括:
确定所调整的目标表单,并在内存中,获取所述目标表单对应的渲染指令;
根据所述目标表单对应的渲染指令,在所述内存中,对所述目标表单编译后的指定内容和表单模块进行渲染,以将所述目标表单渲染至前端界面中。
9.一种前端界面的快速渲染设备,其特征在于,所述设备包括:
至少一个处理器;
以及,与所述至少一个处理器通信连接的存储器;
其中,所述存储器存储有可被所述至少一个处理器执行的指令,所述指令被所述至少一个处理器执行,以使所述至少一个处理器能够执行:
接收对表单描述中表单元数据的获取请求,并根据所述获取请求,对预先生成的表单描述中的表单元数据进行遍历;
根据在所述表单描述中遍历到的表单元数据,确定所述表单元数据对应的待调用接口,并通过所述对应的待调用接口,在内存中生成所述表单元数据对应的指定内容和表单模块;所述指定内容至少包括组件、样式、事件和指令;
将所述表单元数据对应的指定内容与所述表单模块建立关联关系,并得到对应的目标表单;
基于动态编译技术,对所述内存中的指定内容和表单模块进行编译,并根据所述目标表单对应的渲染指令,将编译后的指定内容和表单模块渲染至前端界面中。
10.一种非易失性计算机存储介质,存储有计算机可执行指令,其特征在于,所述计算机可执行指令设置为:
接收对表单描述中表单元数据的获取请求,并根据所述获取请求,对预先生成的表单描述中的表单元数据进行遍历;
根据在所述表单描述中遍历到的表单元数据,确定所述表单元数据对应的待调用接口,并通过所述对应的待调用接口,在内存中生成所述表单元数据对应的指定内容和表单模块;所述指定内容至少包括组件、样式、事件和指令;
将所述表单元数据对应的指定内容与所述表单模块建立关联关系,并得到对应的目标表单;
基于动态编译技术,对所述内存中的指定内容和表单模块进行编译,并根据所述目标表单对应的渲染指令,将编译后的指定内容和表单模块渲染至前端界面中。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202311360201.8A CN117591107A (zh) | 2023-10-19 | 2023-10-19 | 一种前端界面的快速渲染方法、设备及介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202311360201.8A CN117591107A (zh) | 2023-10-19 | 2023-10-19 | 一种前端界面的快速渲染方法、设备及介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN117591107A true CN117591107A (zh) | 2024-02-23 |
Family
ID=89910477
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202311360201.8A Pending CN117591107A (zh) | 2023-10-19 | 2023-10-19 | 一种前端界面的快速渲染方法、设备及介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN117591107A (zh) |
-
2023
- 2023-10-19 CN CN202311360201.8A patent/CN117591107A/zh active Pending
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109002362B (zh) | 一种服务方法、装置、系统以及电子设备 | |
CN108549562A (zh) | 一种图像加载的方法及装置 | |
CN116126365B (zh) | 一种模型部署的方法、系统、存储介质及电子设备 | |
CN110851285B (zh) | 一种基于gpu虚拟化的资源复用方法、装置及设备 | |
WO2023151436A1 (zh) | Sql语句风险检测 | |
CN107038058B (zh) | 一种代码处理方法及装置 | |
CN114168114A (zh) | 一种算子注册方法、装置以及设备 | |
CN110046052B (zh) | 一种服务调用方法及装置 | |
CN111459573B (zh) | 一种智能合约执行环境的启动方法以及装置 | |
US11176161B2 (en) | Data processing method, apparatus, and device | |
CN111338655B (zh) | 一种安装包分发方法和系统 | |
CN111273965B (zh) | 一种容器应用启动方法、系统、装置及电子设备 | |
CN110022351B (zh) | 一种业务请求的处理方法和装置 | |
CN110874322B (zh) | 一种用于应用程序的测试方法及测试服务器 | |
CN116016227A (zh) | 基于Docker Compose的微服务系统编排可视化方法、设备及介质 | |
CN117591107A (zh) | 一种前端界面的快速渲染方法、设备及介质 | |
CN113672470A (zh) | 一种接口监控方法、装置、设备及介质 | |
CN111796864A (zh) | 一种数据校验的方法及装置 | |
CN117519733B (zh) | 一种项目部署方法、装置、存储介质及电子设备 | |
CN110502551A (zh) | 数据读写方法、系统及架构组件 | |
CN116644090B (zh) | 一种数据查询方法、装置、设备及介质 | |
CN112925527B (zh) | 一种调用方法、装置、存储介质及电子设备 | |
CN116107586A (zh) | 一种基于Protobuf的接口管理方法、设备及介质 | |
CN113590490B (zh) | 一种自动化测试方法、装置以及设备 | |
CN116737367B (zh) | 一种基于Minio的数据保鲜方法、设备及介质 |
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 |