CN115130448A - 表格生成方法及装置、电子设备和计算机可读存储介质 - Google Patents
表格生成方法及装置、电子设备和计算机可读存储介质 Download PDFInfo
- Publication number
- CN115130448A CN115130448A CN202210902283.3A CN202210902283A CN115130448A CN 115130448 A CN115130448 A CN 115130448A CN 202210902283 A CN202210902283 A CN 202210902283A CN 115130448 A CN115130448 A CN 115130448A
- Authority
- CN
- China
- Prior art keywords
- style
- table element
- layout
- node
- configuration data
- 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
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/166—Editing, e.g. inserting or deleting
- G06F40/177—Editing, e.g. inserting or deleting of tables; using ruled lines
- G06F40/18—Editing, e.g. inserting or deleting of tables; using ruled lines of spreadsheets
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/166—Editing, e.g. inserting or deleting
- G06F40/174—Form filling; Merging
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Health & Medical Sciences (AREA)
- Artificial Intelligence (AREA)
- Audiology, Speech & Language Pathology (AREA)
- Computational Linguistics (AREA)
- General Health & Medical Sciences (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Document Processing Apparatus (AREA)
Abstract
本公开提供了一种表格生成方法及装置、电子设备和计算机可读存储介质,涉及计算机技术领域,可用于金融技术领域,该表格生成方法包括:获取表格配置数据,其中表格配置数据用于表征预定样式表格的布局方式和渲染样式,表格配置数据采用树形结构,树形结构包括多个表格元素子节点和多个表格元素叶子节点,表格元素子节点的第一属性包括:与表格元素子节点关联的表格元素的布局方式、与表格元素子节点关联的下一级表格元素的数量,表格元素叶子节点的第二属性包括:与表格元素叶子节点关联的表格元素的布局方式、与表格元素叶子节点关联的表格元素的填充渲染样式;根据表格配置数据生成预定样式表格。
Description
技术领域
本公开属于计算机技术领域,可用于金融技术领域,更具体地涉及一种表格生成方法、装置、设备、介质和程序产品。
背景技术
在各种运营、管理、用户等各种管理系统中,为了给用户直观的展现各种数据,会将数据放在一种类表格的布局中。这种类表格看似表格,但又和表格有诸多的不同,其行列排列不规则,填充内容多种多样。
由于其布局的复杂性,生成的代码也比较复杂、不容易理解,对于这种页面的开发会占据开发人员大量的时间和精力。
发明内容
鉴于上述问题,本公开提供了一种表格生成方法、装置、设备、介质和程序产品。
本公开的一个方面,提供了一种表格生成方法,包括:
获取表格配置数据,其中表格配置数据用于表征预定样式表格的布局方式和渲染样式,表格配置数据采用树形结构,树形结构包括多个表格元素子节点和多个表格元素叶子节点,表格元素子节点的第一属性包括:与表格元素子节点关联的表格元素的布局方式、与表格元素子节点关联的下一级表格元素的数量,表格元素叶子节点的第二属性包括:与表格元素叶子节点关联的表格元素的布局方式、与表格元素叶子节点关联的表格元素的填充渲染样式;
根据表格配置数据生成预定样式表格。
根据本公开的实施例,其中,根据表格配置数据生成预定样式表格包括:
根据表格元素子节点的第一属性的属性值、与表格元素叶子节点关联的表格元素的布局方式,生成预定样式表格包含的多个单元格的排布方式;
根据与表格元素叶子节点关联的表格元素的填充渲染样式,渲染预定样式表格的多个单元格。
根据本公开的实施例,其中,根据表格元素子节点的第一属性的属性值、与表格元素叶子节点关联的表格元素的布局方式,生成预定样式表格包含的多个单元格的排布方式包括:
根据与第L个表格元素子节点关联的表格元素的布局方式,生成与第L个表格元素子节点关联的单元格的排布方式;
在与第L个表格元素子节点关联的下一级表格元素的数量不为零的情况下,迭代执行根据与第L+1个表格元素子节点关联的表格元素的布局方式,生成与第L+1个表格元素子节点关联的单元格的排布方式,直至根据与表格元素叶子节点关联的表格元素的布局方式,生成与表格元素叶子节点关联的单元格的排布方式。
根据本公开的实施例,其中:
与表格元素叶子节点关联的表格元素的填充渲染样式包括以下之一:文字样式、预设渲染函数定义的样式、自定义组件定义的样式。
根据本公开的实施例,其中:
与表格元素子节点关联的表格元素的布局方式包括以下之一:水平靠左、水平靠右、水平居中、垂直靠上、垂直居中、垂直靠下;
与表格元素叶子节点关联的表格元素的布局方式包括以下之一:水平靠左、水平靠右、水平居中、垂直靠上、垂直居中、垂直靠下。
根据本公开的实施例,其中:
表格元素子节点的第一属性还包括:表格元素子节点的标识、与表格元素子节点关联的表格元素的边框样式和背景样式;
表格元素叶子节点的第二属性还包括:表格元素叶子节点的标识、与表格元素叶子节点关联的表格元素的边框样式和背景样式。
根据本公开的实施例,还包括:
获取表格配置数据后,对表格配置数据进行数据校验、预定类型的数据操作、数据补齐。
本公开的另一个方面提供了一种表格生成装置,包括:
获取模块,用于获取表格配置数据,其中表格配置数据用于表征预定样式表格的布局方式和渲染样式,表格配置数据采用树形结构,树形结构包括多个表格元素子节点和多个表格元素叶子节点,表格元素子节点的第一属性包括:与表格元素子节点关联的表格元素的布局方式、与表格元素子节点关联的下一级表格元素的数量,表格元素叶子节点的第二属性包括:与表格元素叶子节点关联的表格元素的布局方式、与表格元素叶子节点关联的表格元素的填充渲染样式;
生成模块,用于根据表格配置数据生成预定样式表格。
根据本公开的实施例,其中,生成模块包括:
生成单元,用于根据表格元素子节点的第一属性的属性值、与表格元素叶子节点关联的表格元素的布局方式,生成预定样式表格包含的多个单元格的排布方式;
渲染单元,用于根据与表格元素叶子节点关联的表格元素的填充渲染样式,渲染预定样式表格的多个单元格。
根据本公开的实施例,其中,生成单元包括:
生成子单元,用于根据与第L个表格元素子节点关联的表格元素的布局方式,生成与第L个表格元素子节点关联的单元格的排布方式;
迭代子单元,用于在与第L个表格元素子节点关联的下一级表格元素的数量不为零的情况下,迭代执行根据与第L+1个表格元素子节点关联的表格元素的布局方式,生成与第L+1个表格元素子节点关联的单元格的排布方式,直至根据与表格元素叶子节点关联的表格元素的布局方式,生成与表格元素叶子节点关联的单元格的排布方式。
根据本公开的实施例,其中,与表格元素叶子节点关联的表格元素的填充渲染样式包括以下之一:文字样式、预设渲染函数定义的样式、自定义组件定义的样式。
根据本公开的实施例,其中,与表格元素子节点关联的表格元素的布局方式包括以下之一:水平靠左、水平靠右、水平居中、垂直靠上、垂直居中、垂直靠下;与表格元素叶子节点关联的表格元素的布局方式包括以下之一:水平靠左、水平靠右、水平居中、垂直靠上、垂直居中、垂直靠下。
根据本公开的实施例,其中,表格元素子节点的第一属性还包括:表格元素子节点的标识、与表格元素子节点关联的表格元素的边框样式和背景样式;表格元素叶子节点的第二属性还包括:表格元素叶子节点的标识、与表格元素叶子节点关联的表格元素的边框样式和背景样式。
本公开的另一个方面提供了一种电子设备,包括:一个或多个处理器;存储器,用于存储一个或多个程序,其中,当所述一个或多个程序被所述一个或多个处理器执行时,使得一个或多个处理器执行上述表格生成方法。
本公开的另一个方面还提供了一种计算机可读存储介质,其上存储有可执行指令,该指令被处理器执行时使处理器执行上述表格生成方法。
本公开的另一个方面还提供了一种计算机程序产品,包括计算机程序,该计算机程序被处理器执行时实现上述表格生成方法。
附图说明
通过以下参照附图对本公开实施例的描述,本公开的上述内容以及其他目的、特征和优点将更为清楚,在附图中:
图1示意性示出了根据本公开实施例的表格生成方法、装置、设备、介质和程序产品的应用场景图;
图2示意性示出了根据本公开实施例的表格生成方法的流程图;
图3示意性示出了根据本公开实施例的生成表格布局的方法流程图;
图4示意性示出了根据本公开实施例的对表格进行渲染的方法流程图;
图5示意性示出了根据本公开实施例的表格生成方法生成的表格示例图;
图6示意性示出了根据本公开实施例的表格生成装置的结构框图;以及
图7示意性示出了根据本公开实施例的适于实现表格生成方法的电子设备的方框图。
具体实施方式
以下,将参照附图来描述本公开的实施例。但是应该理解,这些描述只是示例性的,而并非要限制本公开的范围。在下面的详细描述中,为便于解释,阐述了许多具体的细节以提供对本公开实施例的全面理解。然而,明显地,一个或多个实施例在没有这些具体细节的情况下也可以被实施。此外,在以下说明中,省略了对公知结构和技术的描述,以避免不必要地混淆本公开的概念。
在此使用的术语仅仅是为了描述具体实施例,而并非意在限制本公开。在此使用的术语“包括”、“包含”等表明了所述特征、步骤、操作和/或部件的存在,但是并不排除存在或添加一个或多个其他特征、步骤、操作或部件。
在此使用的所有术语(包括技术和科学术语)具有本领域技术人员通常所理解的含义,除非另外定义。应注意,这里使用的术语应解释为具有与本说明书的上下文相一致的含义,而不应以理想化或过于刻板的方式来解释。
在使用类似于“A、B和C等中至少一个”这样的表述的情况下,一般来说应该按照本领域技术人员通常理解该表述的含义来予以解释(例如,“具有A、B和C中至少一个的系统”应包括但不限于单独具有A、单独具有B、单独具有C、具有A和B、具有A和C、具有B和C、和/或具有A、B、C的系统等)。
在各种运营、管理、用户等各种管理系统中,为了给用户直观的展现各种数据,会将数据放在一种类表格的布局中。这种类表格看似表格,但又和表格有诸多的不同,其行列排列不规则,填充内容多种多样。例如这种类表格没有表头、分页器部分,行列排列不规则,其填充内容多种多样。这种布局对于理解数据更直观、方便,但由于其不规律性,对于开发人员不能用常规方法方式进行生成。一般情况下对这种表格展示的数据进行后期调整也比较频繁,需要开发人员频繁的重构生成代码。由于其布局的复杂性,生成的代码也比较复杂、不容易理解,对于开发周期较长、开发人员变化频繁的项目,需要接手人员不断的理解生成逻辑,有时这种逻辑代码多达上百行,因此,表格页面的开发会占据开发人员大量的时间和精力。
相关技术中,对于上述不规律复杂类表格的生成方式例如可以采用两种方式,其中一种方法为通过编写html布局代码实现,另外一种方法为通过低代码平台拖拽生成表格。具体地:
第一种方案的主要操作流程包括:理解原型、根据原型进行布局开发、加入展示内容生成布局,在需求变更的情况下,查看源码理解逻辑重新布局。
第一种方案的主要操作流程包括:第二种方案的主要流程如下:理解原型、进入拖拽系统拖拽布局、将生成的布局导入到业务系统、加入显示元素,在需要变更的情况下重复上述操作。
在实现本公开的过程中发现,相关技术中的上述方法虽然能完成列表页面的功能,但有以下不足:
第一种方案,耗时耗力,需要在几十行甚至上百行的html代码间不断调整,容易出错,且查找错误困难。一旦产品需求变化,需要在这些代码间进行调整,在理解布局逻辑的基础上进行变更。
第二种方案,通过拖拽进行布局的生成,简单高效,但是这种方式面临着另外两个问题,一是这种拖拽系统一般只提供固定的页面元素,不能满足多变的需求,二是通过拖拽生成的布局配合系统自身的显示元素后,如果出现变更需求,只能调整拖拽系统种已有的布局元素和组件,对于业务系统独有的组件不能进行统一调整,再将新生成的布局放回业务系统后还需要重新将业务系统的组件进行融合。
因此,不管是第一种方式还是第二种方式都需要开发人员直接操作生成布局的代码,对于第一种方式需要开发人员从零开始完成一个类表格UI的开发,对于第二种方式虽然能通过拖拽快速生成布局,对于业务系统独有的显示组件,则需要在理解生成布局代码的基础上进行组件的融合。
并且,这两种方法应对变更的能力不足,在投产上线后如果需要调整布局,第一种方式需要在完全理解代码逻辑的基础上进行变更,第二种方式需要在新生成的布局中将业务系统自身的显示组件与逻辑与新生成的布局代码进行结合,不管哪种方式都需要开发人员耗费一定的时间与精力才能完成变更。
有鉴于此,本公开的实施例提供了一种表格生成方法,包括:
获取表格配置数据,其中表格配置数据用于表征预定样式表格的布局方式和渲染样式,表格配置数据采用树形结构,树形结构包括多个表格元素子节点和多个表格元素叶子节点,表格元素子节点的第一属性包括:与表格元素子节点关联的表格元素的布局方式、与表格元素子节点关联的下一级表格元素的数量,表格元素叶子节点的第二属性包括:与表格元素叶子节点关联的表格元素的布局方式、与表格元素叶子节点关联的表格元素的填充渲染样式;
根据表格配置数据生成预定样式表格。
图1示意性示出了根据本公开实施例的表格生成方法、装置、设备、介质和程序产品的应用场景图。
如图1所示,根据该实施例的应用场景100可以包括终端设备101、102、103、网络104和服务器105。网络104用以在终端设备101、102、103和服务器105之间提供通信链路的介质。网络104可以包括各种连接类型,例如有线、无线通信链路或者光纤电缆等等。
用户可以使用终端设备101、102、103通过网络104与服务器105交互,以接收或发送消息等。终端设备101、102、103上可以安装有各种通讯客户端应用,例如购物类应用、网页浏览器应用、搜索类应用、即时通信工具、邮箱客户端、社交平台软件等(仅为示例)。
终端设备101、102、103可以是具有显示屏并且支持网页浏览的各种电子设备,包括但不限于智能手机、平板电脑、膝上型便携计算机和台式计算机等等。
服务器105可以是提供各种服务的服务器,例如对用户利用终端设备101、102、103所浏览的网站提供支持的后台管理服务器(仅为示例)。后台管理服务器可以对接收到的用户请求等数据进行分析等处理,并将处理结果(例如根据用户请求获取或生成的网页、信息、或数据等)反馈给终端设备。
在本公开实施例的应用场景下,用户可通过终端设备101、102、103向服务器105发送用于生成预定样式表格的请求,响应于用户请求,服务器105执行本公开实施例的表格生成方法,获取表格配置数据,之后根据表格配置数据执行表格中各单元格的布局与渲染,生成该预定样式的表格,并通过终端设备101、102、103向用户展示。
需要说明的是,本公开实施例所提供的表格生成方法一般可以由服务器105执行。相应地,本公开实施例所提供的表格生成装置一般可以设置于服务器105中。本公开实施例所提供的表格生成方法也可以由不同于服务器105且能够与终端设备101、102、103和/或服务器105通信的服务器或服务器集群执行。相应地,本公开实施例所提供的表格生成装置也可以设置于不同于服务器105且能够与终端设备101、102、103和/或服务器105通信的服务器或服务器集群中。
应该理解,图1中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要,可以具有任意数目的终端设备、网络和服务器。
需要说明的是,本公开的表格生成方法和装置涉及计算机技术领域,可用于金融技术领域,也可用于除计算机技术领域和金融技术领域的之外的任意领域,本公开的实施例对该表格生成方法和装置的应用领域不做限定。
以下将基于图1描述的场景,通过图2~图7对公开实施例的表格生成进行详细描述。
图2示意性示出了根据本公开实施例的表格生成方法的流程图。
如图2所示,该实施例的表格生成方法包括操作S201~操作S202。
在操作S201,获取表格配置数据,其中表格配置数据用于表征预定样式表格的布局方式和渲染样式,表格配置数据采用树形结构,树形结构包括多个表格元素子节点和多个表格元素叶子节点,表格元素子节点的第一属性包括:与表格元素子节点关联的表格元素的布局方式、与表格元素子节点关联的下一级表格元素的数量,表格元素叶子节点的第二属性包括:与表格元素叶子节点关联的表格元素的布局方式、与表格元素叶子节点关联的表格元素的填充渲染样式;
在操作S202,根据表格配置数据生成预定样式表格。
根据本公开的实施例,表格配置数据是在理解预定样式表格的原型基础上生成,生成后可将其存储在数据库中,在操作S201中,可从数据库中获取该表格配置数据。
根据本公开的实施例,表格配置数据是生成复杂类表格布局的基础,为树形结构的对象,表征预定样式表格的布局方式和渲染样式,包括多层节点对象,中间层节点为表格元素子节点,最底层节点为表格元素叶子节点。
根据本公开的实施例,树形结构的表格配置数据中,节点对象的职能包括两部分,一是生成布局职能,二是渲染职能。相应地,表格配置数据中的每个节点包括多种属性,其中,中间层的表格元素子节点的属性为第一属性(主要用于布局),包括与表格元素子节点关联的表格元素的布局方式、与表格元素子节点关联的下一级表格元素的数量;最底层的表格元素叶子节点的属性为第二属性(用于布局和渲染),包括与表格元素叶子节点关联的表格元素的布局方式、与表格元素叶子节点关联的表格元素的填充渲染样式。
根据本公开的实施例,预定样式表格中,表格的布局由第一层依次逐层布局,因此,中间层的节点与下一层部分节点关联,因此,第一属性还包括与表格元素子节点关联的下一级表格元素的数量,最底层的节点关联表格最终呈现的每个最小单元格,需要渲染展示,因此,最底层节点的第二属性还包括与表格元素叶子节点关联的表格元素的填充渲染样式。
根据本公开的实施例,在操作S202中,根据表格配置数据生成预定样式表格,例如可以是根据表格配置数据中各个节点的属性首先生成预定样式表格包含的多个单元格的排布方式,再渲染预定样式表格的多个单元格。
根据本公开的实施例,通过上述方式预先生成表征预定样式表格的布局方式和渲染样式,再根据表格配置数据生成预定样式表格的方法,实现了由数据源驱动的表格生成方式,自动生成符合用户需求的UI布局,有效减少了重复代码量,且树形结构理解表格原型更加直观,减轻开发人员理解复杂逻辑的难度,使业务开发人员通过简单配置完成列功能的开发,提高了开发效率。
根据本公开的实施例,表格配置数据中的节点包括预定义的多个类型的属性,表征了表格的布局方式和渲染形式,后续需要调整表格样式的情况下,可以仅通过修改节点属性值即可实现表格样式的灵活变更,这个过程不需要直接编写UI布局代码,免去了开发者直接处理UI逻辑的繁琐,并能更好的支持UI的需求变更,进一步提高了开发效率。
根据本公开的实施例,表格配置数据中,中间层的表格元素子节点的属性为第一属性,第一属性包括布局职能,如上述所述的表格元素的布局方式、以及下一级表格元素的数量,除此之外,表格元素子节点的第一属性还包括标识属性,如包括表格元素子节点的标识,还包括部分渲染属性,如还包括与表格元素子节点关联的表格元素的边框样式和背景样式。
最底层的表格元素叶子节点的属性为第二属性,第二属性主要用于布局和渲染,例如包括上述所述的表格元素的布局方式、表格元素的填充渲染样式,除此之外,表格元素子节点的第二属性也包括标识属性,如包括表格元素子节点的标识,也包括部分渲染属性,如包括与表格元素子节点关联的表格元素的边框样式和背景样式。通过为每一个数据对象配置属性可以定制局部布局的样式,比如通过设置背景色突出某项数据,为个性化局部数据进行样式控制等等。
根据本公开的实施例,通过为每个节点设置不同的标识,可方便后续检索表格对象和更改表格样式,例如,可以方便地通过输入节点标识定位到相应的节点数据,通过修改节点属性值即可实现表格形式的变更。
根据本公开的实施例,具体地,与表格元素子节点和叶子节点关联的表格元素的布局方式包括但不限于以下方式:水平靠左、水平靠右、水平居中、垂直靠上、垂直居中、垂直靠下。
根据本公开的实施例,具体地,与表格元素叶子节点关联的表格元素的填充渲染样式包括以下之一:文字样式、预设渲染函数定义的样式、自定义组件定义的样式。文字样式为仅显示传入的文字,预设渲染函数定义的样式值得是可通过用户自定义简单转换函数,来讲显示的值进行样式转换,例如,预设渲染函数可以是定义了将传入的数值添加特殊符号后显示,如用户传入“100”,单元格中显示为“100%”;自定义组件定义的样式可以是用户自定义的较为复杂的组件,例如播放器等。
下述表格1为生成的其中一个表格的配置项数据各个属性的属性值示例。
表1
如表1所示,该示例中,name表示当前节点的名称,为唯一值,用于检索节点数据,type表示当前节点表示的表格元素的布局方式,其中,h-1表示水平靠左排列,h-r表示水平靠右排列,h表示水平居中排列,v-t表示垂直靠上排列,v表示垂直居中排列,v-b表示垂直靠下排列,该示例中为水平居中排列。Children表示当前节点包含的子元素数组,即当前节点关联的下一级表格元素,该示例中包括两个子元素数组。Style表示当前元素的样式,如表格元素的边框样式和背景样式,该示例中为红色边框。其中,text、render、compontent表征单元格的渲染属性,其中text为单元格显示的文字,该示例中显示为:示例,render代表渲染函数,该示例中显示为当前对象:示例。Compontent为用户自定义组件。
根据本公开的实施例,通过定义上述表格元素节点的多种属性,可实现各种样式复杂表格的布局和渲染,较大程度地满足用户展示的各种类型的需求,且可实现用户自定义功能,丰富了表格展示的内容,降低了开发人员的开发难度。后续需要变更表格样式的情况下,开发人员仅需更改需要变更的属性值即可实现,简单快捷。
图3示意性示出了根据本公开实施例的生成表格布局的方法流程图;图4示意性示出了根据本公开实施例的对表格进行渲染的方法流程图。以下结合图3、4对本公开实施例的表格布局和渲染的方法进行说明。
根据本公开的实施例,根据表格配置数据生成预定样式表格包括两个主要操作,第一操作用于生成布局、第二操作用于渲染表格。
具体地,第一操作,包括根据表格元素子节点的第一属性的属性值、与表格元素叶子节点关联的表格元素的布局方式,生成预定样式表格包含的多个单元格的排布方式。
第二操作,包括根据与表格元素叶子节点关联的表格元素的填充渲染样式,渲染预定样式表格的多个单元格。
如图3所示,第一操作中,根据表格元素子节点的第一属性的属性值(如上述所述的表格元素的布局方式、以及下一级表格元素的数量)、与表格元素叶子节点关联的表格元素的布局方式,生成预定样式表格包含的多个单元格的排布方式包括:
首先获取当前节点(如第L个表格元素子节点)的表格元素的布局方式,根据与第L个表格元素子节点关联的表格元素的布局方式,生成与第L个表格元素子节点关联的单元格的排布方式,如图可以是水平靠左、水平靠右、水平居中、垂直靠上、垂直居中、垂直靠下中的任一种,然后获取下一级表格元素的数量,在与第L个表格元素子节点关联的下一级表格元素的数量不为零的情况下(即是否含有子元素),迭代执行根据与第L+1个表格元素子节点关联的表格元素的布局方式,生成与第L+1个表格元素子节点关联的单元格的排布方式,直至根据与表格元素叶子节点关联的表格元素的布局方式,生成与表格元素叶子节点关联的单元格的排布方式。在下一级表格元素的数量为零的情况下,设置其他配置项,例如根据配置数据设置与表格元素子节点或叶子节点关联的表格元素的边框样式和背景样式,至此,对预定样式表格包含的多个单元格的排布布局生成,根据节点对象的type类型和树状结构迭代生成了水平的、垂直的、混合的布局结构。
然后对表格中的每个单元格进行渲染,如图4所示,第二操作中,根据与表格元素叶子节点关联的表格元素的填充渲染样式,渲染预定样式表格的多个单元格,可以是依次获取每个表格元素叶子节点填充渲染样式,根据预设的渲染样式渲染每个单元格,例如可包括渲染为文字样式、或预设渲染函数定义的样式、或自定义组件定义的样式,即在渲染过程中根据数据text,render,compontent的顺序和是否有值进行具体对象的渲染。
图5示意性示出了根据本公开实施例的表格生成方法生成的表格示例图。
如图5所示,该表格在生成过程中,第一级表格元素子节点有两个(这个大表格最第一层布局可分为左右两部分),布局方式分别为水平靠左、水平靠右,按此生成一级表格元素布局;再下一层,例如针对水平靠左布局的这个一级表格元素,其下一层的布局方式又可分为上、中、下三部分,对应三个第二级表格元素子节点,布局方式分别为垂直靠上、垂直居中、垂直靠下,按此生成二级表格元素布局;再往下一级,例如垂直居中布局的这个二级表格元素子节点,其下一层的布局方式又可分为左、中、右三部分,对应三个第三级表格元素叶子节点,布局方式分别为水平靠左、水平靠右、水平居中,按此生成最末级单元格的布局……。
如此方式,生成单元格的布局之后,再对表格中的每个单元格进行渲染,如图5所示,是依次获取每个表格元素叶子节点填充渲染样式,根据预设的渲染样式渲染每个单元格,例如可渲染为文字样式、播放器样式等等。
根据本公开的实施例,上述表格生成方法后,获取表格配置数据后,还可以对表格配置数据进行数据校验、预定类型的数据操作、数据补齐。
在生成表格之前,需要保证数据结构及格式的正确性,这也是是动态调整生成页面的关键。因此,可对表格配置数据进行预处理操作。其中,数据校验,用于对传入的数据类型进行校验,发现错误后抛出异常。预定类型的数据操作,可以包括增加数据、修改数据、删除数据、替换数据、获取数据、判断是否存在某项数据、移动数据、交换数据等等,该数据操作为用户应对需求变更提供有力工具,更好更快的应对变更。数据补齐,可以是对数据项中缺少的数据进行默认赋值,减少用户输入,包括内部使用的一些存储数据,利用这些数据可以快速定位、修改数据。
基于上述表格生成方法,本公开还提供了一种表格生成装置。以下将结合图6对该装置进行详细描述。
图6示意性示出了根据本公开实施例的表格生成装置的结构框图。
如图6所示,该实施例的表格生成装置600包括获取模块601、生成模块602。
其中,获取模块601,用于获取表格配置数据,其中表格配置数据用于表征预定样式表格的布局方式和渲染样式,表格配置数据采用树形结构,树形结构包括多个表格元素子节点和多个表格元素叶子节点,表格元素子节点的第一属性包括:与表格元素子节点关联的表格元素的布局方式、与表格元素子节点关联的下一级表格元素的数量,表格元素叶子节点的第二属性包括:与表格元素叶子节点关联的表格元素的布局方式、与表格元素叶子节点关联的表格元素的填充渲染样式;
生成模块602,用于根据表格配置数据生成预定样式表格。
根据本公开的实施例,通过获取模块601获取表格配置数据、通过生成模块602根据表格配置数据生成预定样式表格,实现了由数据源驱动的表格生成方式,自动生成符合用户需求的UI布局,有效减少了重复代码量,且树形结构理解表格原型更加直观,减轻开发人员理解复杂逻辑的难度,使业务开发人员通过简单配置完成列功能的开发,提高了开发效率。根据本公开的实施例,通过获取模块601获取到的表格配置数据中的节点包括预定义的多个类型的属性,表征了表格的布局方式和渲染形式,后续需要调整表格样式的情况下,可以仅通过修改节点属性值即可实现表格样式的灵活变更,这个过程不需要直接编写UI布局代码,免去了开发者直接处理UI逻辑的繁琐,并能更好的支持UI的需求变更,进一步提高了开发效率。
根据本公开的实施例,生成模块包括生成单元和渲染单元。
其中,生成单元,用于根据表格元素子节点的第一属性的属性值、与表格元素叶子节点关联的表格元素的布局方式,生成预定样式表格包含的多个单元格的排布方式;渲染单元,用于根据与表格元素叶子节点关联的表格元素的填充渲染样式,渲染预定样式表格的多个单元格。
根据本公开的实施例,其中,生成单元包括生成子单元、迭代子单元。
其中,生成子单元,用于根据与第L个表格元素子节点关联的表格元素的布局方式,生成与第L个表格元素子节点关联的单元格的排布方式;迭代子单元,用于在与第L个表格元素子节点关联的下一级表格元素的数量不为零的情况下,迭代执行根据与第L+1个表格元素子节点关联的表格元素的布局方式,生成与第L+1个表格元素子节点关联的单元格的排布方式,直至根据与表格元素叶子节点关联的表格元素的布局方式,生成与表格元素叶子节点关联的单元格的排布方式。
根据本公开的实施例,与表格元素叶子节点关联的表格元素的填充渲染样式包括以下之一:文字样式、预设渲染函数定义的样式、自定义组件定义的样式。
根据本公开的实施例,与表格元素子节点关联的表格元素的布局方式包括以下之一:水平靠左、水平靠右、水平居中、垂直靠上、垂直居中、垂直靠下;与表格元素叶子节点关联的表格元素的布局方式包括以下之一:水平靠左、水平靠右、水平居中、垂直靠上、垂直居中、垂直靠下。
根据本公开的实施例,表格元素子节点的第一属性还包括:表格元素子节点的标识、与表格元素子节点关联的表格元素的边框样式和背景样式;表格元素叶子节点的第二属性还包括:表格元素叶子节点的标识、与表格元素叶子节点关联的表格元素的边框样式和背景样式。
根据本公开的实施例,获取模块601、生成模块602中的任意多个模块可以合并在一个模块中实现,或者其中的任意一个模块可以被拆分成多个模块。或者,这些模块中的一个或多个模块的至少部分功能可以与其他模块的至少部分功能相结合,并在一个模块中实现。根据本公开的实施例,获取模块601、生成模块602中的至少一个可以至少被部分地实现为硬件电路,例如现场可编程门阵列(FPGA)、可编程逻辑阵列(PLA)、片上系统、基板上的系统、封装上的系统、专用集成电路(ASIC),或可以通过对电路进行集成或封装的任何其他的合理方式等硬件或固件来实现,或以软件、硬件以及固件三种实现方式中任意一种或以其中任意几种的适当组合来实现。或者,获取模块601、生成模块602中的至少一个可以至少被部分地实现为计算机程序模块,当该计算机程序模块被运行时,可以执行相应的功能。
图7示意性示出了根据本公开实施例的适于实现表格生成方法的电子设备的方框图。
如图7所示,根据本公开实施例的电子设备700包括处理器701,其可以根据存储在只读存储器(ROM)702中的程序或者从存储部分708加载到随机访问存储器(RAM)703中的程序而执行各种适当的动作和处理。处理器701例如可以包括通用微处理器(例如CPU)、指令集处理器和/或相关芯片组和/或专用微处理器(例如,专用集成电路(ASIC))等等。处理器701还可以包括用于缓存用途的板载存储器。处理器701可以包括用于执行根据本公开实施例的方法流程的不同动作的单一处理单元或者是多个处理单元。
在RAM 703中,存储有电子设备700操作所需的各种程序和数据。处理器701、ROM702以及RAM 703通过总线704彼此相连。处理器701通过执行ROM 702和/或RAM 703中的程序来执行根据本公开实施例的方法流程的各种操作。需要注意,所述程序也可以存储在除ROM 702和RAM 703以外的一个或多个存储器中。处理器701也可以通过执行存储在所述一个或多个存储器中的程序来执行根据本公开实施例的方法流程的各种操作。
根据本公开的实施例,电子设备700还可以包括输入/输出(I/O)接口705,输入/输出(I/O)接口705也连接至总线704。电子设备700还可以包括连接至I/O接口705的以下部件中的一项或多项:包括键盘、鼠标等的输入部分706;包括诸如阴极射线管(CRT)、液晶显示器(LCD)等以及扬声器等的输出部分707;包括硬盘等的存储部分708;以及包括诸如LAN卡、调制解调器等的网络接口卡的通信部分707。通信部分707经由诸如因特网的网络执行通信处理。驱动器710也根据需要连接至I/O接口705。可拆卸介质711,诸如磁盘、光盘、磁光盘、半导体存储器等等,根据需要安装在驱动器710上,以便于从其上读出的计算机程序根据需要被安装入存储部分708。
本公开还提供了一种计算机可读存储介质,该计算机可读存储介质可以是上述实施例中描述的设备/装置/系统中所包含的;也可以是单独存在,而未装配入该设备/装置/系统中。上述计算机可读存储介质承载有一个或者多个程序,当上述一个或者多个程序被执行时,实现根据本公开实施例的方法。
根据本公开的实施例,计算机可读存储介质可以是非易失性的计算机可读存储介质,例如可以包括但不限于:便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。例如,根据本公开的实施例,计算机可读存储介质可以包括上文描述的ROM 702和/或RAM 703和/或ROM 702和RAM 703以外的一个或多个存储器。
本公开的实施例还包括一种计算机程序产品,其包括计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。当计算机程序产品在计算机系统中运行时,该程序代码用于使计算机系统实现本公开实施例所提供的表格生成方法。
在该计算机程序被处理器701执行时执行本公开实施例的系统/装置中限定的上述功能。根据本公开的实施例,上文描述的系统、装置、模块、单元等可以通过计算机程序模块来实现。
在一种实施例中,该计算机程序可以依托于光存储器件、磁存储器件等有形存储介质。在另一种实施例中,该计算机程序也可以在网络介质上以信号的形式进行传输、分发,并通过通信部分707被下载和安装,和/或从可拆卸介质711被安装。该计算机程序包含的程序代码可以用任何适当的网络介质传输,包括但不限于:无线、有线等等,或者上述的任意合适的组合。
在这样的实施例中,该计算机程序可以通过通信部分707从网络上被下载和安装,和/或从可拆卸介质711被安装。在该计算机程序被处理器701执行时,执行本公开实施例的系统中限定的上述功能。根据本公开的实施例,上文描述的系统、设备、装置、模块、单元等可以通过计算机程序模块来实现。
根据本公开的实施例,可以以一种或多种程序设计语言的任意组合来编写用于执行本公开实施例提供的计算机程序的程序代码,具体地,可以利用高级过程和/或面向对象的编程语言、和/或汇编/机器语言来实施这些计算程序。程序设计语言包括但不限于诸如Java,C++,python,“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算设备上执行、部分地在用户设备上执行、部分在远程计算设备上执行、或者完全在远程计算设备或服务器上执行。在涉及远程计算设备的情形中,远程计算设备可以通过任意种类的网络,包括局域网(LAN)或广域网(WAN),连接到用户计算设备,或者,可以连接到外部计算设备(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图,图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,上述模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图或流程图中的每个方框、以及框图或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
本领域技术人员可以理解,本公开的各个实施例和/或权利要求中记载的特征可以进行多种组合或/或结合,即使这样的组合或结合没有明确记载于本公开中。特别地,在不脱离本公开精神和教导的情况下,本公开的各个实施例和/或权利要求中记载的特征可以进行多种组合和/或结合。所有这些组合和/或结合均落入本公开的范围。
以上对本公开的实施例进行了描述。但是,这些实施例仅仅是为了说明的目的,而并非为了限制本公开的范围。尽管在以上分别描述了各实施例,但是这并不意味着各个实施例中的措施不能有利地结合使用。本公开的范围由所附权利要求及其等同物限定。不脱离本公开的范围,本领域技术人员可以做出多种替代和修改,这些替代和修改都应落在本公开的范围之内。
Claims (11)
1.一种表格生成方法,包括:
获取表格配置数据,其中所述表格配置数据用于表征预定样式表格的布局方式和渲染样式,所述表格配置数据采用树形结构,所述树形结构包括多个表格元素子节点和多个表格元素叶子节点,所述表格元素子节点的第一属性包括:与所述表格元素子节点关联的表格元素的布局方式、与所述表格元素子节点关联的下一级表格元素的数量,所述表格元素叶子节点的第二属性包括:与所述表格元素叶子节点关联的表格元素的布局方式、与所述表格元素叶子节点关联的表格元素的填充渲染样式;
根据所述表格配置数据生成所述预定样式表格。
2.根据权利要求1所述的方法,其中,所述根据所述表格配置数据生成所述预定样式表格包括:
根据所述表格元素子节点的第一属性的属性值、与所述表格元素叶子节点关联的表格元素的布局方式,生成所述预定样式表格包含的多个单元格的排布方式;
根据与所述表格元素叶子节点关联的表格元素的填充渲染样式,渲染所述预定样式表格的多个单元格。
3.根据权利要求3所述的方法,其中,所述根据所述表格元素子节点的第一属性的属性值、与所述表格元素叶子节点关联的表格元素的布局方式,生成所述预定样式表格包含的多个单元格的排布方式包括:
根据与第L个表格元素子节点关联的表格元素的布局方式,生成与所述第L个表格元素子节点关联的单元格的排布方式;
在与所述第L个表格元素子节点关联的下一级表格元素的数量不为零的情况下,迭代执行根据与第L+1个表格元素子节点关联的表格元素的布局方式,生成与所述第L+1个表格元素子节点关联的单元格的排布方式,直至根据与所述表格元素叶子节点关联的表格元素的布局方式,生成与所述表格元素叶子节点关联的单元格的排布方式。
4.根据权利要求1所述的方法,其中:
与所述表格元素叶子节点关联的表格元素的填充渲染样式包括以下之一:文字样式、预设渲染函数定义的样式、自定义组件定义的样式。
5.根据权利要求1所述的方法,其中:
与所述表格元素子节点关联的表格元素的布局方式包括以下之一:水平靠左、水平靠右、水平居中、垂直靠上、垂直居中、垂直靠下;
与所述表格元素叶子节点关联的表格元素的布局方式包括以下之一:水平靠左、水平靠右、水平居中、垂直靠上、垂直居中、垂直靠下。
6.根据权利要求1所述的方法,其中:
所述表格元素子节点的第一属性还包括:所述表格元素子节点的标识、与所述表格元素子节点关联的表格元素的边框样式和背景样式;
所述表格元素叶子节点的第二属性还包括:所述表格元素叶子节点的标识、与所述表格元素叶子节点关联的表格元素的边框样式和背景样式。
7.根据权利要求1所述的方法,还包括:
获取所述表格配置数据后,对所述表格配置数据进行数据校验、预定类型的数据操作、数据补齐。
8.一种表格生成装置,包括:
获取模块,用于获取表格配置数据,其中所述表格配置数据用于表征预定样式表格的布局方式和渲染样式,所述表格配置数据采用树形结构,所述树形结构包括多个表格元素子节点和多个表格元素叶子节点,所述表格元素子节点的第一属性包括:与所述表格元素子节点关联的表格元素的布局方式、与所述表格元素子节点关联的下一级表格元素的数量,所述表格元素叶子节点的第二属性包括:与所述表格元素叶子节点关联的表格元素的布局方式、与所述表格元素叶子节点关联的表格元素的填充渲染样式;
生成模块,用于根据所述表格配置数据生成所述预定样式表格。
9.一种电子设备,包括:
一个或多个处理器;
存储装置,用于存储一个或多个程序,
其中,当所述一个或多个程序被所述一个或多个处理器执行时,使得所述一个或多个处理器执行根据权利要求1~7中任一项所述的方法。
10.一种计算机可读存储介质,其上存储有可执行指令,该指令被处理器执行时使处理器执行根据权利要求1~7中任一项所述的方法。
11.一种计算机程序产品,包括计算机程序,所述计算机程序被处理器执行时实现根据权利要求1~7中任一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210902283.3A CN115130448A (zh) | 2022-07-28 | 2022-07-28 | 表格生成方法及装置、电子设备和计算机可读存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210902283.3A CN115130448A (zh) | 2022-07-28 | 2022-07-28 | 表格生成方法及装置、电子设备和计算机可读存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN115130448A true CN115130448A (zh) | 2022-09-30 |
Family
ID=83385338
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202210902283.3A Pending CN115130448A (zh) | 2022-07-28 | 2022-07-28 | 表格生成方法及装置、电子设备和计算机可读存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN115130448A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN116976286A (zh) * | 2023-09-22 | 2023-10-31 | 北京紫光芯能科技有限公司 | 用于进行文本布局的方法及装置、电子设备、存储介质 |
-
2022
- 2022-07-28 CN CN202210902283.3A patent/CN115130448A/zh active Pending
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN116976286A (zh) * | 2023-09-22 | 2023-10-31 | 北京紫光芯能科技有限公司 | 用于进行文本布局的方法及装置、电子设备、存储介质 |
CN116976286B (zh) * | 2023-09-22 | 2024-02-27 | 北京紫光芯能科技有限公司 | 用于进行文本布局的方法及装置、电子设备、存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10672163B2 (en) | Layout algorithm for entity relation model diagram | |
US20140330867A1 (en) | Software design pattern for adapting a graph database visualization software | |
US11380116B2 (en) | Automatic delineation and extraction of tabular data using machine learning | |
US20210208854A1 (en) | System and method for enhancing component based development models with auto-wiring | |
CN103970758A (zh) | 数据库访问系统及方法 | |
JP7258490B2 (ja) | マイクロブロギングポストのための動的コンテンツプレースホルダ | |
US20150199346A1 (en) | Hierarchical database report generation with automated query generation for placeholders | |
US10951486B2 (en) | Terminal device, UI expansion method, and UI expansion program | |
KR20200040813A (ko) | 단일 뷰에서의 검색 결과-기반 리스팅 생성 | |
CN115130448A (zh) | 表格生成方法及装置、电子设备和计算机可读存储介质 | |
US10275462B2 (en) | Automatic translation of string collections | |
US9418055B2 (en) | Method for copying multiple content between applications | |
US10866831B2 (en) | Distributed execution of data processing pipelines | |
US11275485B2 (en) | Data processing pipeline engine | |
US10884765B1 (en) | Object configuration dynamic graphical user interface | |
US20230316792A1 (en) | Automated generation of training data comprising document images and associated label data | |
CN115098568A (zh) | 数据处理方法、装置、设备、介质和程序产品 | |
CN115130442A (zh) | 报表生成的方法、装置、存储介质及计算机设备 | |
US20150370460A1 (en) | Business-to-business document user interface and integration design | |
CN112613287A (zh) | 一种数据列表的展示方法、装置、设备及存储介质 | |
US11385868B2 (en) | Orthogonal path renderer for natural looking sequence flows | |
CN113656033A (zh) | 列表页面生成方法、装置、设备、介质和程序产品 | |
US11934419B2 (en) | Presentation of search results in a user interface | |
US10930036B2 (en) | Bar chart optimization | |
US20210406921A1 (en) | Communication between customization platform and customizable elements |
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 |