一种table组件构建方法、装置及介质制造方法及图纸

本发明专利技术公开了一种table组件构建方法、装置及介质，包括：建立以Vue3.0框架作为开源框架的前端开发环境，在本地项目中引入Element Plus组件库，在Element Plus组件库中对table组件的组件参数进行设定，对table组件进行第一预处理，对table组件进行第二预处理。通过本申请的实施，能够构建出具有异步请求处理功能和分页组件功能的table组件，将分页组件和表格组件在一起封装起来，高度内聚组件，通过配置的形式进行自主取舍，提高开发者生产效率，同时将异步请求的逻辑融于到该组件中，让开发者在实际的开发过程中，更少的注意逻辑的实现，更多的关注业务的实现，进一步提高开发的效率，缩短项目工期。缩短项目工期。缩短项目工期。

【技术实现步骤摘要】
一种table组件构建方法、装置及介质


[0001]本专利技术属于软件开发
，尤其涉及一种table组件构建方法、装置及介质。

技术介绍

[0002]目前，在工业大数据云平台中存在大量的报表类的数据展示页面，用户需要利用pc端对大量的报表进行处理，为了降低处理量、提高处理效率常用的有element plus，即桌面端组件库，通常可以采用element plus中的table组件来实现简单的业务需求的pc端表格的渲染。但element plus中的table组件通常存在以下缺陷：
[0003]a)表格组件和分页组件分开构成，开发效率低；
[0004]b)在遇到复杂的业务需求时(如：表格列过多，表格每列需要自定义的功能多)，用该组件编写的代码过于冗余，造成代码质量差，后期维护难度大；
[0005]c)没有融入后端接口，开发者在编写代码的同时需要进行后台接口的异步请求的编写，开发的时间成本高；
[0006]因此，现有技术有待于改善。

技术实现思路

[0007]本专利技术的主要目的在于提出一种table组件构建方法、装置及介质，以至少解决现有element plus中的table组件开发效率低的技术问题。
[0008]本专利技术的第一方面，提供了一种table组件构建方法，所述方法包括：
[0009]建立以Vue3.0框架作为开源框架的前端开发环境；其中，所述前端开发环境用于构建本地项目；
[0010]在所述本地项目中引入Element Plus组件库，其中，所述Element Plus组件库为所述Vue3.0框架的前端组件库；
[0011]在所述Element Plus组件库中对table组件的组件参数进行设定，并对所述table组件进行第一预处理；其中，所述第一预处理用于将异步请求处理功能封装于所述table组件；
[0012]对所述table组件进行第二预处理，构建出具有异步请求处理功能和分页组件功能的table组件；其中，所述第二预处理用于将分页组件功能封装于所述table组件。
[0013]本专利技术的第二方面，提供了一种电子装置，包括存储器、处理器和总线，所述总线用于实现所述存储器、处理器之间的连接通信，所述处理器用于执行存储在所述存储器上的计算机程序，所述处理器执行所述计算机程序时，实现第一方面的方法中的步骤。
[0014]本专利技术的第三方面，提供了一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现第一方面的table组件构建方法的步骤。
[0015]根据本专利技术提供的一种table组件构建方法、装置及介质，通过建立以Vue3.0框架作为开源框架的前端开发环境，在本地项目中引入Element Plus组件库，在Element Plus组件库中对table组件的组件参数进行设定，对table组件进行第一预处理，对table组件进
行第二预处理。通过本申请的实施，能够构建出具有异步请求处理功能和分页组件功能的table组件，在table组件中由于将分页组件和表格组件在一起封装起来，高度内聚组件，通过配置的形式进行自主取舍，提高开发者生产效率，同时将异步请求的逻辑融于到该table组件中，让开发者在实际的开发过程中，更少的注意逻辑的实现，更多的关注业务的实现，进一步提高开发的效率，缩短项目工期。
附图说明
[0016]为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请中记载的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
[0017]图1为本专利技术第一实施例提供的table组件构建方法的流程图；
[0018]图2为本专利技术第二实施例提供的table组件构建方法的流程图；
[0019]图3为本专利技术第三实施例提供的table组件构建方法的流程图；
[0020]图4为本专利技术第四实施例提供的电子装置的模块连接示意图。
[0021]本专利技术目的的实现、功能特点及优点将结合实施例，参照附图做进一步说明。
具体实施方式
[0022]应当理解，此处所描述的具体实施例仅仅用以解释本专利技术，并不用于限定本专利技术。
[0023]需要注意的是，相关术语如“第一”、“第二”等可以用于描述各种组件，但是这些术语并不限制该组件。这些术语仅用于区分一个组件和另一组件。例如，不脱离本专利技术的范围，第一组件可以被称为第二组件，并且第二组件类似地也可以被称为第一组件。以及实施例中所提供的图示仅以示意方式说明本专利技术的基本构想，遂图示中仅显示与本专利技术中有关的组件而非按照实际实施时的组件数目、形状及尺寸绘制，其实际实施时各组件的型态、数量及比例可为一种随意的改变，且其组件布局型态也可能更为复杂。
[0024]请参阅图1，本专利技术所提供的一种table组件构建方法，包括：
[0025]步骤S10，建立以Vue3.0框架作为开源框架的前端开发环境；
[0026]具体的，在PC端上建立用于构建本地项目前端开发环境，该前端开发环境中以Vue3.0框架作为开源框架，该Vue3.0框架是渐进式JavaScript前端框架(JavaScript为编程语言)；当前端开发环境建立完成后，可以构建本地项目。
[0027]步骤S20，在本地项目中引入Element Plus组件库；
[0028]具体的，基于所构建出的前端开发环境，可以在前端开发环境所生成的本地项目中引入Element Plus组件库，该Element Plus组件库为Vue3.0框架的前端组件库。
[0029]步骤S30，在Element Plus组件库中对table组件的组件参数进行设定，并对table组件进行第一预处理；
[0030]具体的，在Element Plus组件库中对table组件的组件参数进行设定，组件参数为用于table组件被调用时所需要传入的参数，第一预处理用于将异步请求处理功能封装于table组件，该第一预处理可以理解为将所编写的代码集成于table组件中来提供对应功能，该table组件为Element Plus组件库中的组件功能。异步请求处理功能为一种调用功
能，例如涉及到较长时间的请求处理的话，可以利用Callable返回结果，异步主要表现在，接收请求的servlet可以不用持续等待结果产生，而可以被释放去处理其他事情，有利于服务端提供更大的并发处理量。
[0031]步骤S40，对table组件进行第二预处理，构建出具有异步请求处理功能和分页组件功能的table组件。
[0032]具体的，对已集成有异步请求处理功能的table组件进行第二预处理，该第二预处理用于将分页组件功能封装于table组件。其中，在进行第二预处理之前，该table组件一般都会具备表格组件功能，由此第二预处理同时还具有将本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种table组件构建方法，其特征在于，所述方法包括：建立以Vue3.0框架作为开源框架的前端开发环境；其中，所述前端开发环境用于构建本地项目；在所述本地项目中引入Element Plus组件库；其中，所述Element Plus组件库为所述Vue3.0框架的前端组件库；在所述Element Plus组件库中对table组件的组件参数进行设定，并对所述table组件进行第一预处理；其中，所述第一预处理用于将异步请求处理功能封装于所述table组件；对所述table组件进行第二预处理，构建出具有异步请求处理功能和分页组件功能的table组件；其中，所述第二预处理用于将分页组件功能封装于所述table组件。2.如权利要求1所述table组件构建方法，其特征在于，所述建立以Vue3.0框架作为开源框架的前端开发环境的步骤，具体包括：安装Vite工具；利用所述Vite工具构建集成有Typescript语法的Vue3.0框架；建立所述Vue3.0框架作为开源框架的前端开发环境。3.如权利要求1所述table组件构建方法，其特征在于，所述在所述Element Plus组件库中对table组件的组件参数进行设定的步骤，具体包括：在所述Element Plus组件库中分别针对table组件设定第一组数据、设定第二组数据、设定第三组数据、设定第四组数据、设定第五组数据以及设定第六组数据；其中，所述第一组数据至少包括接口地址，所述第二组数据至少包括接口请求方式，所述第三组数据至少包括接口的请求参数，所述第四组数据至少包括需要监听的信息参数，所述第五组数据至少包括表格配置参数，所述第六组数据至少包括表格列配置信息。4.如权利要求3所述table组件构建方法，其特征在于，所述设定第三组数据的步骤，具体包括：设定所述接口的请求参数中的分页组件的当前页数、分页组件的每页显示条目个数、排序字段以及排序方式。5.如权利要求3所述table组件构建方法，其特征在于，所述设定第五组数据的步骤...

【专利技术属性】
技术研发人员：周峰，万振华，王颉，李华，董燕，
申请(专利权)人：深圳开源互联网安全技术有限公司，
类型：发明
国别省市：