CN113361241A - 表格配置方法、装置、计算机设备和存储介质 - Google Patents
表格配置方法、装置、计算机设备和存储介质 Download PDFInfo
- Publication number
- CN113361241A CN113361241A CN202110687844.8A CN202110687844A CN113361241A CN 113361241 A CN113361241 A CN 113361241A CN 202110687844 A CN202110687844 A CN 202110687844A CN 113361241 A CN113361241 A CN 113361241A
- Authority
- CN
- China
- Prior art keywords
- column
- development
- data
- attribute
- columns
- 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
- 238000000034 method Methods 0.000 title claims abstract description 56
- 238000011161 development Methods 0.000 claims abstract description 146
- 238000009877 rendering Methods 0.000 claims description 23
- 238000012545 processing Methods 0.000 claims description 18
- 230000006870 function Effects 0.000 claims description 14
- 238000004590 computer program Methods 0.000 claims description 12
- 230000008569 process Effects 0.000 description 9
- 238000010586 diagram Methods 0.000 description 4
- 238000005516 engineering process Methods 0.000 description 2
- 230000001360 synchronised effect Effects 0.000 description 2
- 230000005540 biological transmission Effects 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 238000001914 filtration Methods 0.000 description 1
- 230000007849 functional defect Effects 0.000 description 1
- 238000007726 management method Methods 0.000 description 1
- 230000007246 mechanism Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000012216 screening Methods 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
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
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)
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
Abstract
本申请涉及开发辅助技术领域,提供一种表格配置方法、装置、计算机设备和存储介质,在页面中配置表格时,获取预先在所述页面中定义的Table组件以及columns属性;基于所述Table组件,生成表格的表头,并获取需要添加至表格的表头数据,将所述表头数据赋值在所述Table组件中的data属性中,以在所述表头中添加表头数据;解析所述columns属性,并基于所述columns属性,配置所述表格中各个列的属性;在本申请中,无需开发用户重复进行代码的编写,只需调用预先定义的Table组件以及columns属性,便可以生成对应的表格,在表格中配置对应的表头以及各个列的属性,提高表格配置效率。
Description
技术领域
本申请涉及开发辅助的技术领域,特别涉及一种表格配置方法、装置、计算机设备和存储介质。
背景技术
表格是管理系统中最常见的组件之一,同时也是重复代码率占比较高的部分。开发人员在生成表格时,需要重复进行代码的编写,不同的开发人员会有各自的开发习惯,代码也分散到各个地方;同时也容易产生Bug,开发人员更替,或者是生疏的缘故,在编写表格相关代码时考虑不够周全,如过滤条件的处理及回填,自定义列功能这些容易被忽略或者逻辑比较复杂的场景,导致开发周期有所增加,也容易增加功能缺陷,使得最终产品交付质量有限。
发明内容
本申请的主要目的为提供一种表格配置方法、装置、计算机设备和存储介质,旨在解决生成表格时,无需重复进行代码编码的技术问题。
为实现上述目的,本申请提供了一种表格配置方法,包括以下步骤:
在页面中配置表格时,获取预先在所述页面中定义的Table组件以及columns属性;
基于所述Table组件,生成表格的表头,并获取需要添加至表格的表头数据,将所述表头数据赋值在所述Table组件中的data属性中,以在所述表头中添加表头数据;
解析所述columns属性,并基于所述columns属性,配置所述表格中各个列的属性;其中,所述属性至少包括各个列的标题,所述columns属性中至少定义有各个列的标题名称。
进一步地,所述columns属性中还定义有各个列的列宽、各个列中数据的排列方式以及各个列中数据的渲染方式;
所述解析所述columns属性,并基于所述columns属性,配置所述表格中各个列的属性的步骤,包括:
解析所述columns属性,得到所述columns属性中包括的title参数、width参数、align参数以及render函数;
基于所述title参数,配置所述表格中各个列的标题;
基于所述width参数,配置所述表格中各个列的宽度;
基于所述align参数,配置所述表格中各个列的排列方式;
基于所述render函数,配置所述表格中各个列中数据的渲染方式。
进一步地,所述解析所述columns属性,并基于所述columns属性,配置所述表格中各个列的属性的步骤之后,包括:
获取需要添加至所述表格各个列中的数据,并添加至对应的列中;
按照各个列的排列方式对添加至各个列中的数据进行排列,以及按照各个列中数据的渲染方式对添加至各个列中的数据进行渲染。
进一步地,所述获取需要添加至所述表格各个列中的数据,并添加至对应的列中的步骤之后,还包括:
获取添加至所述列中的数据的数据类型;
根据所述数据类型,匹配对应的格式化处理方式;
根据匹配的格式化处理方式对所述列中的数据进行格式化处理。
进一步地,所述在页面中配置表格时,获取预先在所述页面中定义的Table组件以及columns属性的步骤之前,包括:
接收开发用户的开发指令,并根据所述开发指令在所述页面中定义所述Table组件以及columns属性;
将定义的所述Table组件以及columns属性添加至开发文档中;
获取开发起始时间以及开发结束时间;
获取所述开发用户的唯一ID;
将所述唯一ID、开发起始时间以及开发结束时间依次串接,得到组合字符,将所述组合字符作为所述开发文档的文件名称;
基于所述唯一ID、开发起始时间以及开发结束时间,生成一个加密密码;
基于所述加密密码对所述开发文档进行加密,得到加密后的开发文档。
进一步地,所述唯一ID中包括标识字段以及编号;
所述基于所述唯一ID、开发起始时间以及开发结束时间,生成一个加密密码的步骤,包括:
获取所述唯一ID中的标识字段;
从数据库中获取对应所述标识字段的编码算法;其中,数据库中存储有标识字段与编码算法的对应关系;
提取所述开发起始时间中的数字,并按照所述数字在所述开发起始时间中的顺序进行组合,得到第一数字;
提取所述开发结束时间中的数字,并按照所述数字在所述开发结束时间中的顺序进行组合,得到第二数字;
将所述第一数字与所述第二数字进行相加,得到第三数字;
基于所述编码算法对所述第三数字进行编码,得到所述加密密码。
进一步地,所述基于所述Table组件,生成表格的表头的步骤之后,包括:
解析所述Table组件,得到所述Table组件中包含的height属性;
基于所述height属性,配置所述表格的表头高度。
本申请还提供了一种表格配置装置,包括:
获取单元,用于在页面中配置表格时,获取预先在所述页面中定义的Table组件以及columns属性;
生成单元,用于基于所述Table组件,生成表格的表头,并获取需要添加至表格的表头数据,将所述表头数据赋值在所述Table组件中的data属性中,以在所述表头中添加表头数据;
配置单元,用于解析所述columns属性,并基于所述columns属性,配置所述表格中各个列的属性;其中,所述属性至少包括各个列的标题,所述columns属性中至少定义有各个列的标题名称。
本申请还提供一种计算机设备,包括存储器和处理器,所述存储器中存储有计算机程序,所述处理器执行所述计算机程序时实现上述任一项所述方法的步骤。
本申请还提供一种计算机可读存储介质,其上存储有计算机程序,所述计算机程序被处理器执行时实现上述任一项所述的方法的步骤。
本申请提供的表格配置方法、装置、计算机设备和存储介质,在页面中配置表格时,获取预先在所述页面中定义的Table组件以及columns属性;基于所述Table组件,生成表格的表头,并获取需要添加至表格的表头数据,将所述表头数据赋值在所述Table组件中的data属性中,以在所述表头中添加表头数据;解析所述columns属性,并基于所述columns属性,配置所述表格中各个列的属性;在本申请中,无需开发用户重复进行代码的编写,只需调用预先定义的Table组件以及columns属性,便可以生成对应的表格,在表格中配置对应的表头以及各个列的属性,提高表格配置效率。
附图说明
图1是本申请一实施例中表格配置方法步骤示意图;
图2是本申请一实施例中表格配置装置结构框图;
图3为本申请一实施例的计算机设备的结构示意框图。
本申请目的的实现、功能特点及优点将结合实施例,参照附图做进一步说明。
具体实施方式
为了使本申请的目的、技术方案及优点更加清楚明白,以下结合附图及实施例,对本申请进行进一步详细说明。应当理解,此处描述的具体实施例仅仅用以解释本申请,并不用于限定本申请。
参照图1,本申请一实施例中提供了一种表格配置方法,包括以下步骤:
步骤S1,在页面中配置表格时,获取预先在所述页面中定义的Table组件以及columns属性;
步骤S2,基于所述Table组件,生成表格的表头,并获取需要添加至表格的表头数据,将所述表头数据赋值在所述Table组件中的data属性中,以在所述表头中添加表头数据;
步骤S3,解析所述columns属性,并基于所述columns属性,配置所述表格中各个列的属性;其中,所述属性至少包括各个列的标题,所述columns属性中至少定义有各个列的标题名称。
在本实施例中,如上述步骤S1所述的,在页面中需要配置一个表格时,可以获取预先定义的Table组件以及columns属性,其中,在前端框架Vue和UI框架iview中,Table组件即用于生成表格的组件,Table控件可以用动态内容的方式来生成表格,该Table组件中还可以定义表格的表头属性,表行属性等。上述columns属性则是用于动态生成表格中各个列,并实现配置各个列的属性。
如上述步骤S2所述的,基于所述Table组件,生成表格的表头,并获取需要添加至表格的表头数据,将所述表头数据赋值在所述Table组件中的data属性中,以在所述表头中添加表头数据。在本实施例中,无需开发用户重复进行代码开发,只需要获取到上述Table组件,便可以直接根据该Table组件,动态生成表格,表格生成时,首先生成一个表头,该表头中需要添加表头数据,上述表头数据是用户当前需要添加的数据,即当前用户需要生成表格的具体表头内容。由于每个表格的表头数据不同,因此表头数据的具体内容通常不会定义在上述Table组件中,但是上述Table组件中定义有data属性,当需要在生成的表格的表头中添加数据时,只需要获取表头数据,并将表头数据赋值在所述Table组件中的data属性中,便可以在所述表头中添加上述表头数据,实现动态生成表格。
如上述步骤S3所述的,同一个表格包括表头以及各个列,在生成表格的表头之后,则要对表格的各个列进行配置。因此,在本实施例中,解析所述columns属性,并基于所述columns属性,配置所述表格中各个列的属性;其中,配置所述表格中各个列的属性至少包括各个列的标题,所述columns属性中至少定义有各个列的标题名称。上述预先定义的columns属性中定义有多个字段,每个字段可以定义各个列的一个属性,那么在生成表格之后,只需要根据上述columns属性中定义的字段内容,便可以对表格各个列的属性进行配置。
在本实施例中,上述表格中各个列的属性至少包括各个列的标题,即各个列的标题内容是什么,例如序号、姓名、流程、负责人、备注等。在其它实施例中,上述columns属性中还定义有各个列的列宽、各个列中数据的排列方式以及各个列中数据的渲染方式等。
在本实施例中,无需开发用户重复进行代码的编写,只需调用预先定义的Table组件以及columns属性,便可以生成对应的表格,在表格中配置对应的表头以及各个列的属性,提高表格配置效率。
在一实施例中,所述columns属性中还定义有各个列的列宽、各个列中数据的排列方式以及各个列中数据的渲染方式;
所述解析所述columns属性,并基于所述columns属性,配置所述表格中各个列的属性的步骤S3,包括:
解析所述columns属性,得到所述columns属性中包括的title参数、width参数、align参数以及render函数;
基于所述title参数,配置所述表格中各个列的标题;
基于所述width参数,配置所述表格中各个列的宽度;
基于所述align参数,配置所述表格中各个列的排列方式;
基于所述render函数,配置所述表格中各个列中数据的渲染方式。
在本实施例中,上述预先定义的columns属性中包括有title参数、width参数、align参数以及render函数,其通过代码组的形式预先进行定义,例如,在一个具体实施例中,预先定义columns属性中包括有title参数、width参数、align参数、render函数,可以以如下形式呈现:
因此,在表格配置过程中,解析上述columns属性,便可以从中得到columns属性中包括的title参数、width参数、align参数,进而分别根据title参数,配置所述表格中各个列的标题;根据width参数,配置所述表格中各个列的宽度;根据align参数,配置所述表格中各个列的排列方式;根据render函数,配置所述表格中各个列中数据的渲染方式。上述render函数的定义,用于针对一些特殊的列。如果一些列需要进行特殊渲染,则可以在columns中设置render回调来进行定制。render是基于前端常用框架vue的渲染函数,render中可以接受进行格式化后的数据,让定制更加方便。
在一实施例中,所述解析所述columns属性,并基于所述columns属性,配置所述表格中各个列的属性的步骤S3之后,包括:
步骤S4,获取需要添加至所述表格各个列中的数据,并添加至对应的列中;
步骤S5,按照各个列的排列方式对添加至各个列中的数据进行排列,以及按照各个列中数据的渲染方式对添加至各个列中的数据进行渲染。
在本实施例中,生成上述表格之后,仅仅是生成了一个空白表格,该表格中仅包括表头以及各个列的标题,还需要在各个列中添加对应的数据,因此获取需要添加至所述表格各个列中的数据,并添加至对应的列中;由于各个列中定义有排列方式以及数据的渲染方式,因此,按照各个列的排列方式对添加至各个列中的数据进行排列,以及按照各个列中数据的渲染方式对添加至各个列中的数据进行渲染。
在一实施例中,所述获取需要添加至所述表格各个列中的数据,并添加至对应的列中的步骤S4之后,还包括:
步骤S41,获取添加至所述列中的数据的数据类型;
步骤S42,根据所述数据类型,匹配对应的格式化处理方式;
步骤S43,根据匹配的格式化处理方式对所述列中的数据进行格式化处理。
在本实施例中,在表格各个列中添加对应的数据之后,还需要进行格式化处理,针对不同类型的数据,可以采用不同的格式化处理方式,例如:时间数据可以通过调用开源js库的moment.js方法,将后台返回的时间戳进行格式化;数值数据则可以采用开源或者自定义方法来进行格式化处理。
在一实施例中,所述在页面中配置表格时,获取预先在所述页面中定义的Table组件以及columns属性的步骤S1之前,包括:
接收开发用户的开发指令,并根据所述开发指令在所述页面中定义所述Table组件以及columns属性;
将定义的所述Table组件以及columns属性添加至开发文档中;
获取开发起始时间以及开发结束时间;
获取所述开发用户的唯一ID;
将所述唯一ID、开发起始时间以及开发结束时间依次串接,得到组合字符,将所述组合字符作为所述开发文档的文件名称;
基于所述唯一ID、开发起始时间以及开发结束时间,生成一个加密密码;
基于所述加密密码对所述开发文档进行加密,得到加密后的开发文档。
在本实施例中,需要预先在页面中定义上述Table组件以及columns属性,上述Table组件以及columns属性的定义由开发人员进行定义,开发人员可以根据实际需求,定义上述Table组件以及columns属性。在定义好上述Table组件以及columns属性,需要将其保存至开发文档中,而为了进一步保护该开发文档的私有性,需要对其进行加密。
因此,本实施例中,提出一直对开发文档进行加密的过程:
具体地,首先获取开发起始时间以及开发结束时间,开发起始时间,即定义上述Table组件以及columns属性的起始时间,开发结束时间,即完成定义上述Table组件以及columns属性的时间;上述开发起始时间以及开发结束时间可以反馈出定义上述Table组件以及columns属性的开发时长。
然后,获取所述开发用户的唯一ID,每个开发用户的ID不同,获取开发用户的唯一ID,并结合到加密密码的生成过程中,便于经密码的生成与开发用户进行关联。
每个开发文档都需要进行命名,为了进行区分,可以将所述唯一ID、开发起始时间以及开发结束时间依次串接,得到组合字符,将所述组合字符作为所述开发文档的文件名称。后续在查找开发文档时,搜索唯一ID便可以搜索到所有该开发用户的开发文档,而根据上述文件名称中的开发起始时间以及开发结束时间可以进一步进行筛选指定时间段内的开发文档。
为了加强加密密码与上述唯一ID、开发起始时间以及开发结束时间的关联性,可以基于所述唯一ID、开发起始时间以及开发结束时间,生成一个加密密码;最后,基于所述加密密码对所述开发文档进行加密,得到加密后的开发文档。
而在用户后续想要查找上述加密的开发文档时,只需要搜索开发用户的唯一ID,便可以搜索到所有该开发用户的开发文档,再根据上述文件名称中的开发起始时间以及开发结束时间可以进一步进行筛选指定时间段内的开发文档。若要打开上述加密的开发文档时,只需要从该加密的开发文档中获取到唯一ID、开发起始时间以及开发结束时间,从而根据同样的密码生成方式进行密码生成,从而打开开发文档,而不需要用户去熟记密码,只需要记住加密规则即可,简单方便。
在一具体实施例中,所述唯一ID中包括标识字段以及编号;
所述基于所述唯一ID、开发起始时间以及开发结束时间,生成一个加密密码的步骤,包括:
获取所述唯一ID中的标识字段;
从数据库中获取对应所述标识字段的编码算法;其中,数据库中存储有标识字段与编码算法的对应关系;
提取所述开发起始时间中的数字,并按照所述数字在所述开发起始时间中的顺序进行组合,得到第一数字;
提取所述开发结束时间中的数字,并按照所述数字在所述开发结束时间中的顺序进行组合,得到第二数字;
将所述第一数字与所述第二数字进行相加,得到第三数字;
基于所述编码算法对所述第三数字进行编码,得到所述加密密码。
在本实施例中,上述开发用户的唯一ID中包括有标识字段以及编号,标识字段通常可标识部门名称、部门代号等,编号通常为在该部门中,该开发用户的编号,例如唯一ID可以为QDKF018,上述标识字段则为QDKF,获取所述唯一ID中的标识字段,则可以知晓该开发人员所在的部门;
在本实施例中,预先在数据库中存储有标识字段与编码算法的对应关系,即不同的标识字段对应不同的编码算法。因此,获取所述唯一ID中的标识字段之后,可以从数据库中获取对应所述标识字段的编码算法;;
进一步,提取所述开发起始时间中的数字,并按照所述数字在所述开发起始时间中的顺序进行组合,得到第一数字;例如,上述开发起始时间为2020-02-18,13:20,则上述第一数字为202002181320。
进而提取所述开发结束时间中的数字,并按照所述数字在所述开发结束时间中的顺序进行组合,得到第二数字;例如,上述开发结束时间为2020-02-18,17:58,则上述第二数字为202002181758。
进一步地,将所述第一数字与所述第二数字进行相加,得到第三数字;基于所述编码算法对所述第三数字进行编码,得到所述加密密码。
在本实施例中,基于基于所述唯一ID、开发起始时间以及开发结束时间,生成加密密码,不仅加强了加密密码与唯一ID、开发起始时间以及开发结束时间的关联性,而且后续进行解密时,只需要根据开发文档的文件名称进行解密密码的生成,简单方便。无需用户熟记密码,降低用户记忆压力。
在一个实施例中,所述基于所述Table组件,生成表格的表头的步骤之后,包括:
解析所述Table组件,得到所述Table组件中包含的height属性;
基于所述height属性,配置所述表格的表头高度。
在一实施例中,上述方法,还包括:
将预先在所述页面中定义的Table组件以及columns属性存储于区块链中。其中,区块链是分布式数据存储、点对点传输、共识机制、加密算法等计算机技术的新型应用模式。区块链(Blockchain),本质上是一个去中心化的数据库,是一串使用密码学方法相关联产生的数据块,每一个数据块中包含了一批次网络交易的信息,用于验证其信息的有效性(防伪)和生成下一个区块。区块链可以包括区块链底层平台、平台产品服务层以及应用服务层。
参照图2,本申请一实施例中还提供了一种表格配置装置,包括:
获取单元10,用于在页面中配置表格时,获取预先在所述页面中定义的Table组件以及columns属性;
生成单元20,用于基于所述Table组件,生成表格的表头,并获取需要添加至表格的表头数据,将所述表头数据赋值在所述Table组件中的data属性中,以在所述表头中添加表头数据;
配置单元30,用于解析所述columns属性,并基于所述columns属性,配置所述表格中各个列的属性;其中,所述属性至少包括各个列的标题,所述columns属性中至少定义有各个列的标题名称。
在一实施例中,所述columns属性中还定义有各个列的列宽、各个列中数据的排列方式以及各个列中数据的渲染方式;
所述配置单元30具体用于:
解析所述columns属性,得到所述columns属性中包括的title参数、width参数、align参数以及render函数;
基于所述title参数,配置所述表格中各个列的标题;
基于所述width参数,配置所述表格中各个列的宽度;
基于所述align参数,配置所述表格中各个列的排列方式;
基于所述render函数,配置所述表格中各个列中数据的渲染方式。
在一实施例中,所述表格配置装置还包括:
添加单元,用于获取需要添加至所述表格各个列中的数据,并添加至对应的列中;
渲染单元,用于按照各个列的排列方式对添加至各个列中的数据进行排列,以及按照各个列中数据的渲染方式对添加至各个列中的数据进行渲染。
在一实施例中,所述表格配置装置还包括:
类型获取单元,用于获取添加至所述列中的数据的数据类型;
匹配单元,用于根据所述数据类型,匹配对应的格式化处理方式;
格式化单元,用于根据匹配的格式化处理方式对所述列中的数据进行格式化处理。
在一实施例中,所述表格配置装置还包括:
接收单元,用于接收开发用户的开发指令,并根据所述开发指令在所述页面中定义所述Table组件以及columns属性;
定义单元,用于将定义的所述Table组件以及columns属性添加至开发文档中;
时间获取单元,用于获取开发起始时间以及开发结束时间;
ID获取单元,用于获取所述开发用户的唯一ID;
命名单元,用于将所述唯一ID、开发起始时间以及开发结束时间依次串接,得到组合字符,将所述组合字符作为所述开发文档的文件名称;
密码生成单元,用于基于所述唯一ID、开发起始时间以及开发结束时间,生成一个加密密码;
加密单元,用于基于所述加密密码对所述开发文档进行加密,得到加密后的开发文档。
在一实施例中,所述唯一ID中包括标识字段以及编号;
上述密码生成单元,具体用于:
获取所述唯一ID中的标识字段;
从数据库中获取对应所述标识字段的编码算法;其中,数据库中存储有标识字段与编码算法的对应关系;
提取所述开发起始时间中的数字,并按照所述数字在所述开发起始时间中的顺序进行组合,得到第一数字;
提取所述开发结束时间中的数字,并按照所述数字在所述开发结束时间中的顺序进行组合,得到第二数字;
将所述第一数字与所述第二数字进行相加,得到第三数字;
基于所述编码算法对所述第三数字进行编码,得到所述加密密码。
在一实施例中,所述生成单元还用于:
解析所述Table组件,得到所述Table组件中包含的height属性;
基于所述height属性,配置所述表格的表头高度。
在本实施例中,上述各个单元的具体实现方式,请参照上述方法实施例中所述,在此不再进行赘述。
参照图3,本申请实施例中还提供一种计算机设备,该计算机设备可以是服务器,其内部结构可以如图3所示。该计算机设备包括通过系统总线连接的处理器、存储器、网络接口和数据库。其中,该计算机设计的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统、计算机程序和数据库。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的数据库用于存储表格等。该计算机设备的网络接口用于与外部的终端通过网络连接通信。该计算机程序被处理器执行时以实现一种表格配置方法。
本领域技术人员可以理解,图3中示出的结构,仅仅是与本申请方案相关的部分结构的框图,并不构成对本申请方案所应用于其上的计算机设备的限定。
本申请一实施例还提供一种计算机可读存储介质,其上存储有计算机程序,计算机程序被处理器执行时实现一种表格配置方法。可以理解的是,本实施例中的计算机可读存储介质可以是易失性可读存储介质,也可以为非易失性可读存储介质。
综上所述,为本申请实施例中提供的表格配置方法、装置、计算机设备和存储介质,在页面中配置表格时,获取预先在所述页面中定义的Table组件以及columns属性;基于所述Table组件,生成表格的表头,并获取需要添加至表格的表头数据,将所述表头数据赋值在所述Table组件中的data属性中,以在所述表头中添加表头数据;解析所述columns属性,并基于所述columns属性,配置所述表格中各个列的属性;在本申请中,无需开发用户重复进行代码的编写,只需调用预先定义的Table组件以及columns属性,便可以生成对应的表格,在表格中配置对应的表头以及各个列的属性,提高表格配置效率。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机程序来指令相关的硬件来完成,所述的计算机程序可存储于一非易失性计算机可读取存储介质中,该计算机程序在执行时,可包括如上述各方法的实施例的流程。其中,本申请所提供的和实施例中所使用的对存储器、存储、数据库或其它介质的任何引用,均可包括非易失性和/或易失性存储器。非易失性存储器可以包括只读存储器(ROM)、可编程ROM(PROM)、电可编程ROM(EPROM)、电可擦除可编程ROM(EEPROM)或闪存。易失性存储器可包括随机存取存储器(RAM)或者外部高速缓冲存储器。作为说明而非局限,RAM通过多种形式可得,诸如静态RAM(SRAM)、动态RAM(DRAM)、同步DRAM(SDRAM)、双速据率SDRAM(SSRSDRAM)、增强型SDRAM(ESDRAM)、同步链路(Synchlink)DRAM(SLDRAM)、存储器总线(Rambus)直接RAM(RDRAM)、直接存储器总线动态RAM(DRDRAM)、以及存储器总线动态RAM(RDRAM)等。
需要说明的是,在本文中,术语“包括”、“包含”或者其任何其它变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、装置、物品或者方法不仅包括那些要素,而且还包括没有明确列出的其它要素,或者是还包括为这种过程、装置、物品或者方法所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括该要素的过程、装置、物品或者方法中还存在另外的相同要素。
以上所述仅为本申请的优选实施例,并非因此限制本申请的专利范围,凡是利用本申请说明书及附图内容所作的等效结构或等效流程变换,或直接或间接运用在其它相关的技术领域,均同理包括在本申请的专利保护范围内。
Claims (10)
1.一种表格配置方法,其特征在于,包括以下步骤:
在页面中配置表格时,获取预先在所述页面中定义的Table组件以及columns属性;
基于所述Table组件,生成表格的表头,并获取需要添加至表格的表头数据,将所述表头数据赋值在所述Table组件中的data属性中,以在所述表头中添加表头数据;
解析所述columns属性,并基于所述columns属性,配置所述表格中各个列的属性;其中,所述属性至少包括各个列的标题,所述columns属性中至少定义有各个列的标题名称。
2.根据权利要求1所述的表格配置方法,其特征在于,所述columns属性中还定义有各个列的列宽、各个列中数据的排列方式以及各个列中数据的渲染方式;
所述解析所述columns属性,并基于所述columns属性,配置所述表格中各个列的属性的步骤,包括:
解析所述columns属性,得到所述columns属性中包括的title参数、width参数、align参数以及render函数;
基于所述title参数,配置所述表格中各个列的标题;
基于所述width参数,配置所述表格中各个列的宽度;
基于所述align参数,配置所述表格中各个列的排列方式;
基于所述render函数,配置所述表格中各个列中数据的渲染方式。
3.根据权利要求2所述的表格配置方法,其特征在于,所述解析所述columns属性,并基于所述columns属性,配置所述表格中各个列的属性的步骤之后,包括:
获取需要添加至所述表格各个列中的数据,并添加至对应的列中;
按照各个列的排列方式对添加至各个列中的数据进行排列,以及按照各个列中数据的渲染方式对添加至各个列中的数据进行渲染。
4.根据权利要求3所述的表格配置方法,其特征在于,所述获取需要添加至所述表格各个列中的数据,并添加至对应的列中的步骤之后,还包括:
获取添加至所述列中的数据的数据类型;
根据所述数据类型,匹配对应的格式化处理方式;
根据匹配的格式化处理方式对所述列中的数据进行格式化处理。
5.根据权利要求1所述的表格配置方法,其特征在于,所述在页面中配置表格时,获取预先在所述页面中定义的Table组件以及columns属性的步骤之前,包括:
接收开发用户的开发指令,并根据所述开发指令在所述页面中定义所述Table组件以及columns属性;
将定义的所述Table组件以及columns属性添加至开发文档中;
获取开发起始时间以及开发结束时间;
获取所述开发用户的唯一ID;
将所述唯一ID、开发起始时间以及开发结束时间依次串接,得到组合字符,将所述组合字符作为所述开发文档的文件名称;
基于所述唯一ID、开发起始时间以及开发结束时间,生成一个加密密码;
基于所述加密密码对所述开发文档进行加密,得到加密后的开发文档。
6.根据权利要求5所述的表格配置方法,其特征在于,所述唯一ID中包括标识字段以及编号;
所述基于所述唯一ID、开发起始时间以及开发结束时间,生成一个加密密码的步骤,包括:
获取所述唯一ID中的标识字段;
从数据库中获取对应所述标识字段的编码算法;其中,数据库中存储有标识字段与编码算法的对应关系;
提取所述开发起始时间中的数字,并按照所述数字在所述开发起始时间中的顺序进行组合,得到第一数字;
提取所述开发结束时间中的数字,并按照所述数字在所述开发结束时间中的顺序进行组合,得到第二数字;
将所述第一数字与所述第二数字进行相加,得到第三数字;
基于所述编码算法对所述第三数字进行编码,得到所述加密密码。
7.根据权利要求1所述的表格配置方法,其特征在于,所述基于所述Table组件,生成表格的表头的步骤之后,包括:
解析所述Table组件,得到所述Table组件中包含的height属性;
基于所述height属性,配置所述表格的表头高度。
8.一种表格配置装置,其特征在于,包括:
获取单元,用于在页面中配置表格时,获取预先在所述页面中定义的Table组件以及columns属性;
生成单元,用于基于所述Table组件,生成表格的表头,并获取需要添加至表格的表头数据,将所述表头数据赋值在所述Table组件中的data属性中,以在所述表头中添加表头数据;
配置单元,用于解析所述columns属性,并基于所述columns属性,配置所述表格中各个列的属性;其中,所述属性至少包括各个列的标题,所述columns属性中至少定义有各个列的标题名称。
9.一种计算机设备,包括存储器和处理器,所述存储器中存储有计算机程序,其特征在于,所述处理器执行所述计算机程序时实现权利要求1至7中任一项所述方法的步骤。
10.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现权利要求1至7中任一项所述的方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110687844.8A CN113361241A (zh) | 2021-06-21 | 2021-06-21 | 表格配置方法、装置、计算机设备和存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110687844.8A CN113361241A (zh) | 2021-06-21 | 2021-06-21 | 表格配置方法、装置、计算机设备和存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN113361241A true CN113361241A (zh) | 2021-09-07 |
Family
ID=77535516
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202110687844.8A Pending CN113361241A (zh) | 2021-06-21 | 2021-06-21 | 表格配置方法、装置、计算机设备和存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN113361241A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114564270A (zh) * | 2022-03-03 | 2022-05-31 | 平安国际融资租赁有限公司 | 列表组件渲染、页面的前端展示方法、装置、设备及介质 |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108804946A (zh) * | 2018-06-12 | 2018-11-13 | 成都优易数据有限公司 | 一种基于Vue.js的表格按钮权限控制方法 |
CN109558440A (zh) * | 2018-10-18 | 2019-04-02 | 平安科技(深圳)有限公司 | 数据批量处理方法、装置、计算机设备及存储介质 |
CN110457016A (zh) * | 2019-08-02 | 2019-11-15 | 上海融客软件科技有限公司 | 数据可视化处理方法、装置、计算机设备及存储介质 |
CN110472207A (zh) * | 2018-05-10 | 2019-11-19 | 北京京东尚科信息技术有限公司 | 表单生成方法和装置 |
CN111488149A (zh) * | 2020-03-11 | 2020-08-04 | 平安健康保险股份有限公司 | 基于canvas元素的表格渲染方法、装置及计算机设备 |
CN112506493A (zh) * | 2020-10-30 | 2021-03-16 | 福建亿能达信息技术股份有限公司 | 一种基于vue的表格配置方法、装置、设备和介质 |
-
2021
- 2021-06-21 CN CN202110687844.8A patent/CN113361241A/zh active Pending
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110472207A (zh) * | 2018-05-10 | 2019-11-19 | 北京京东尚科信息技术有限公司 | 表单生成方法和装置 |
CN108804946A (zh) * | 2018-06-12 | 2018-11-13 | 成都优易数据有限公司 | 一种基于Vue.js的表格按钮权限控制方法 |
CN109558440A (zh) * | 2018-10-18 | 2019-04-02 | 平安科技(深圳)有限公司 | 数据批量处理方法、装置、计算机设备及存储介质 |
CN110457016A (zh) * | 2019-08-02 | 2019-11-15 | 上海融客软件科技有限公司 | 数据可视化处理方法、装置、计算机设备及存储介质 |
CN111488149A (zh) * | 2020-03-11 | 2020-08-04 | 平安健康保险股份有限公司 | 基于canvas元素的表格渲染方法、装置及计算机设备 |
CN112506493A (zh) * | 2020-10-30 | 2021-03-16 | 福建亿能达信息技术股份有限公司 | 一种基于vue的表格配置方法、装置、设备和介质 |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114564270A (zh) * | 2022-03-03 | 2022-05-31 | 平安国际融资租赁有限公司 | 列表组件渲染、页面的前端展示方法、装置、设备及介质 |
CN114564270B (zh) * | 2022-03-03 | 2024-02-06 | 平安国际融资租赁有限公司 | 列表组件渲染、页面的前端展示方法、装置、设备及介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN108304498B (zh) | 网页数据采集方法、装置、计算机设备和存储介质 | |
CN109062925B (zh) | 自动生成insert语句的方法、装置、计算机设备及存储介质 | |
CN109766072B (zh) | 信息校验输入方法、装置、计算机设备和存储介质 | |
CN111767704B (zh) | Excel表格模板生成方法及装置 | |
CN111008522A (zh) | 文章自动撰写方法、装置、计算机设备和存储介质 | |
CN111476216A (zh) | 人脸识别方法、装置、计算机设备和可读存储介质 | |
CN111324716A (zh) | 指标数据获取方法、装置、计算机设备和存储介质 | |
CN112131837B (zh) | 业务报告配置方法、装置、计算机设备和存储介质 | |
CN111191079A (zh) | 一种文档内容获取方法、装置、设备及存储介质 | |
CN112528201A (zh) | 调用第三方平台的方法、装置、计算机设备和存储介质 | |
CN112528619A (zh) | 页面模板文件生成方法、装置、电子设备和存储介质 | |
CN113361241A (zh) | 表格配置方法、装置、计算机设备和存储介质 | |
CN111708971A (zh) | 页面配置方法、装置、计算机设备和存储介质 | |
CN114090589A (zh) | 基于HBase的数据查询方法、装置和计算机设备 | |
CN110597951A (zh) | 文本解析方法、装置、计算机设备和存储介质 | |
CN110543450A (zh) | 电子文档生成方法、装置、计算机设备及存储介质 | |
CN109783606A (zh) | 数据处理方法、装置、计算机设备和存储介质 | |
CN111723210A (zh) | 存储数据表的方法、装置、计算机设备及可读存储介质 | |
CN110647350A (zh) | 接口文档生成方法、装置、计算机设备和存储介质 | |
CN108460116B (zh) | 搜索方法、装置、计算机设备、存储介质及搜索系统 | |
CN114021175B (zh) | 用户画像的配置方法、装置、计算机设备及介质 | |
CN109410069A (zh) | 结算数据处理方法、装置、计算机设备和存储介质 | |
CN110851446B (zh) | 数据表的生成方法、装置、计算机设备及存储介质 | |
CN113468443A (zh) | 页面返回方法、装置、设备及存储介质 | |
CN112667273A (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 | ||
WD01 | Invention patent application deemed withdrawn after publication |
Application publication date: 20210907 |