[发明专利]一种基于DAOTable通用列表组件的实现方法

说明书

本发明公开了一种基于DAOTable通用列表组件的实现方法，所述方法包括：基于Vue创建单页应用并配置满足标准表格的数据格式的属性；基于core.js函数库生成所述标准表格的功能；利用DAOFieldBox.vue根据所述标准表格的不同功能动态生成对应的输入框；根据客户端的业务需求基于所述标准表格的功能生成与所述业务对应的数据流程。本方法具备可复用、统一标准、使用方便、提高效率等优点。

技术领域

本发明涉及web开发技术领域，尤其涉及一种基于DAOTable通用列表组件的实现方法。

背景技术

在开发表格时，每个功能都需要手动输入代码一个个生成对应功能，且还要一个个编写对应接口；如果不同的功能具备相同的业务结构时，代码不能复用，需要从零开始开发，缺少灵活性；还需要关心页面的设计、布局、标准等，导致开发人员的工作大部分时间耗费在重复构建功能相似的界面，进而导致建设效率低下。

发明内容

本发明所要解决的技术问题是针对上述现有技术的不足提供一种基于DAOTable通用列表组件的实现方法，从而实现在web开发过程中，代码具备可复用、系统标准化、使用方便并且大大提高工作效率。

为实现上述目的，本发明提供一种基于DAOTable通用列表组件的实现方法，所述方法包括：

基于Vue创建单页应用并配置满足标准表格的数据格式的属性；

基于core.js函数库生成所述标准表格的功能；

利用DAOFieldBox.vue根据所述标准表格的不同功能动态生成对应的输入框；

根据客户端的业务需求基于所述标准表格的功能生成与所述业务对应的数据流程。

优选的，所述根据客户端的业务需求基于所述标准表格的功能生成与所述业务对应的数据流程，包括数据创建流程、数据展示流程以及数据导出流程。

优选的，所述数据创建流程的步骤包括：

通过ShowInput接口调用所述输入框进行数据输入；

对所述数据的输入进行格式校验，校验通过则调用Inser接口将所述数据写入数据库。

优选的，所述数据展示流程的步骤包括：

通过GetSchema接口获取表格结构，并根据所述表格结构绘制表格界面；

通过Search接口向后端请求数据，并将所述数据展示在所述表格界面上。

优选的，所述数据导出流程的步骤包括：

通过Search接口查询数据；

在所述客户端构建Excel，将所述数据存储至所述客户端的本地文件。

优选的，所述标准表格的功能至少包括表格框架构建、数据查询、数据创建、数据导出以及表格分页。

优选的，所述配置满足标准表格的数据格式的属性包括配置插件的基本数据和相关的接口属性。

有益效果：

本发明提出的基于DAOTable通用列表组件默认自带基础功能，简单的表格可以一键生成，布局统一、系统标准化，复杂性的表格在基础模块上，可根据业务扩展进行开发，大大提高工作效率，使用方便且降低开发成本。

附图说明

图1为本发明一实施例提供的一种基于DAOTable通用列表组件的实现方法的流程图。

图2为本发明一实施例提供的DAOTable组件的结构示意图。