一种基于Layui的数据表格的实现方法技术

本发明专利技术特别涉及一种基于Layui的数据表格的实现方法。该基于Layui的数据表格的实现方法，针对Layui框架中数据表格的属性进行筛选，将满足当前系统需要的属性抽取出来，建立数据对象进行属性存取；包括数据集设置，属性设置和设置复杂表头三部分。该基于Layui的数据表格的实现方法，使得基于Layui的前端UI框架的数据展现变得更加丰富和多样化，能够有效应对快速变化的业务需求。

【技术实现步骤摘要】
一种基于Layui的数据表格的实现方法
本专利技术涉及计算机应用
，特别涉及一种基于Layui的数据表格的实现方法。
技术介绍
目前，越来越多的传统大型应用系统(如浪潮ERP、HCM等)在做系统整合，在设计新功能时功能界面的舒适度、友好性都成了主要的关注对象。新功能实现互联网风格的界面转变是项目经理或者客户的一致目标，UI(UserInterface，用户界面)框架更加认可流行的UI框架，例如Bootstrap、AUI、Layui等。但是，当UI框架确定后(比如确定使用Layui)，研发工程师会发现能实现客户想要效果的UI框架，往往不能实现像Easyui那么强大的控件功能。用户对Layui和Easyui给出的最直观感受是Layui简而纯，Easyui强而丑。Layui(谐音：类UI)是一款采用自身模块规范编写的前端UI架，兼容正在使用的全部浏览器(IE6/7除外)，遵循原生HTML/CSS/JS的书写与组织形式，门槛极低，拿来即用。它区别于那些基于MVVM(Model-View-ViewModel)底层的UI框架，却并非逆道而行，而是信奉返璞归真之道。当然，Layui框架并非简单至极，它也在数据表格模块中提供一定的API(应用程序编程接口)，尽可能的去满足客户多变的需求。但在实际应用中，往往很难切合研发工程师的需要，更多的时候需要进行二次开发。基于此，本专利技术提出了一种基于Layui的数据表格的实现方法。
技术实现思路
本专利技术为了弥补现有技术的缺陷，提供了一种简单高效的基于Layui的数据表格的实现方法。本专利技术是通过如下技术方案实现的：一种基于Layui的数据表格的实现方法，其特征在于，针对Layui框架中数据表格的属性进行筛选，将满足当前系统需要的属性抽取出来，建立数据对象进行属性存取；具体包括以下步骤：(1)数据集设置数据类型包括SQL语句定义，数据接口，Oracle程序包和存储过程四种方式；考虑到数据表格显示时是通过筛选条件过滤后的数据，在设置数据集时预置过滤器参数；通过预置的参数，数据表格在加载数据时候，就会将预置参数用实际的过滤条件替换，从而获取到目标数据；将带有预置参数的SQL语句提交系统后，系统会自动识别出数据集的数据格式，并将列名称通过表格的形式呈现出来；(2)属性设置属性分为基础属性设置，分页参数设置和显示列定义；(3)复杂表头用户设置复杂表头用以应对复杂业务场景；复杂表头功能中，填写行数、列数，点击生成操作，即可生成出*行*列的表头设计区域。所述步骤(1)中，系统允许重新对列名称做名称映射，映射的名称在数据表格呈现时作为表头来使用。所述步骤(1)中，当数据类型选择Oracle程序包时需要填写包名和包体名，提交系统后，系统会自动判断出该程序包所包括的输入参数(IN)和输出参数(OUT)及参数的类型、位置等信息；用户对参数做预置参数映射，就可以在数据表格呈现时实现基于过滤条件的过滤。当数据类型选择数据接口时，系统会通过跨域的方式来通过异构系统获取目标数据；在设置接口时，将完整的接口地址和参数配置到系统内。所述基础属性设置包括主标题，主标题是否显示，宽度，高度和显示进度条；所述分页参数设置包括启用分页，每页条数，页码个数，条数选择项，显示首页，显示尾页，排序方式，排序列，自定义排版和总条数SQL；所述显示列定义包括编辑列和列属性定义。所述列属性包括字段名，字段映射名称，列宽，最小宽度，排列方式，数据格式，设定列类型，是否全选，固定列，是否排序，拖拽列宽和单元格编辑。考虑到数据表格在穿透联查时需要携带当前页面的过滤条件至目标页面或者新的数据表格，所述列属性定义中允许设置某一列的链接属性，在列的链接属性中，允许设置链接地址，引入页面参数，统一链接，新页面打开和添加当前参数。当设置的穿透联查是某一列中的某一行或者某些行时，系统允许用户进行更加高级的过滤器设置；在高级设置中，选择链接类型，判断条件，链接地址，引入页面参数，新页面打开和添加当前参数，所述链接类型包括标识链接和行链接。所述步骤(3)中，在设计区域对复杂表头进行设置，设置方法包括重新设计，预览，合并，映射，设置最大行SQL和/或发布。本专利技术的有益效果是：该基于Layui的数据表格的实现方法，使得基于Layui的前端UI框架的数据展现变得更加丰富和多样化，能够有效应对快速变化的业务需求。附图说明附图1为本专利技术基于Layui的数据表格的实现方法示意图。具体实施方式为了使本专利技术所要解决的技术问题、技术方案及有益效果更加清楚明白，以下结合附图和实施例，对本专利技术进行详细的说明。应当说明的是，此处所描述的具体实施例仅用以解释本专利技术，并不用于限定本专利技术。该基于Layui的数据表格的实现方法，针对Layui框架中数据表格的属性进行筛选，将满足当前系统需要的属性抽取出来，建立数据对象进行属性存取；具体包括以下步骤：(1)数据集设置数据类型包括SQL语句定义，数据接口，Oracle程序包和存储过程四种方式；考虑到数据表格显示时是通过筛选条件过滤后的数据，在设置数据集时预置过滤器参数；比如一个简单SQL语句定义：SELECT*FROMTABLENAMEWHERECOLUMN＝@Params01，这里的@Params01就是预置的参数。通过预置的参数，数据表格在加载数据时候，就会将预置参数用实际的过滤条件替换，从而获取到目标数据；将带有预置参数的SQL语句提交系统后，系统会自动识别出数据集的数据格式，并将列名称通过表格的形式呈现出来；所述步骤(1)中，系统允许重新对列名称做名称映射，比如上边SQL语句中的COLUMN映射为“年度”。映射的名称在数据表格呈现时作为表头来使用。所述步骤(1)中，当数据类型选择Oracle程序包时需要填写包名和包体名，例如PACKAGE_CESHI.PRO_PACKAGE_CESHI。提交系统后，系统会自动判断出该程序包所包括的输入参数(IN)和输出参数(OUT)及参数的类型、位置等信息；用户对参数做预置参数映射，比如输入参数“BN”，映射预置参数“@Params01”，这样就可以在数据表格呈现时实现BN列基于过滤条件的过滤。同样的，这里也支持数据集的设置，包括列名称映射的操作。数据类型现在存储过程的步骤和Oracle程序包基本类似。当数据类型选择数据接口时，系统会通过跨域的方式来通过异构系统获取目标数据；在设置接口时，将完整的接口地址和参数配置到系统内。数据集映射的过程和以上类似。(2)属性设置属性分为基础属性设置，分页参数设置和显示列定义；所述基础属性设置包括主标题，主标题是否显示，宽度，高度和显示进度条；所述分页参数设置包括启用分页，每页条数，页码个数，条数选择项，显示首页，显示尾页，排序方式，排序列，自定义排版和总条数SQL；所述显示列定义包括编辑列和列属性定义。所述列属性包括字段名，字段映射名称，列宽，最小宽度，排列方式，数据格式，设定列类型，是否全选，固定列，是否排序，拖拽列宽和单元格编辑。考虑到数据表格在穿透联查时需要携带当前页面的过滤条件至目标页面或者新的数据表格，所述列属性定义中允许设置某一列的链接属性，在列的链接属性中，允许设置链接地址，引入页面参数，统一链接，新页面打开和添加当前参数。当设置的穿透联本文档来自技高网...

【技术保护点】
1.一种基于Layui的数据表格的实现方法，其特征在于：针对Layui框架中数据表格的属性进行筛选，将满足当前系统需要的属性抽取出来，建立数据对象进行属性存取；具体包括以下步骤：(1)数据集设置数据类型包括SQL语句定义，数据接口，Oracle程序包和存储过程四种方式；考虑到数据表格显示时是通过筛选条件过滤后的数据，在设置数据集时预置过滤器参数；通过预置的参数，数据表格在加载数据时候，就会将预置参数用实际的过滤条件替换，从而获取到目标数据；将带有预置参数的SQL语句提交系统后，系统会自动识别出数据集的数据格式，并将列名称通过表格的形式呈现出来；(2)属性设置属性分为基础属性设置，分页参数设置和显示列定义；(3)设置复杂表头用户设置复杂表头用以应对复杂业务场景；复杂表头功能中，填写行数、列数，点击生成操作，即可生成出*行*列的表头设计区域。

【技术特征摘要】
1.一种基于Layui的数据表格的实现方法，其特征在于：针对Layui框架中数据表格的属性进行筛选，将满足当前系统需要的属性抽取出来，建立数据对象进行属性存取；具体包括以下步骤：(1)数据集设置数据类型包括SQL语句定义，数据接口，Oracle程序包和存储过程四种方式；考虑到数据表格显示时是通过筛选条件过滤后的数据，在设置数据集时预置过滤器参数；通过预置的参数，数据表格在加载数据时候，就会将预置参数用实际的过滤条件替换，从而获取到目标数据；将带有预置参数的SQL语句提交系统后，系统会自动识别出数据集的数据格式，并将列名称通过表格的形式呈现出来；(2)属性设置属性分为基础属性设置，分页参数设置和显示列定义；(3)设置复杂表头用户设置复杂表头用以应对复杂业务场景；复杂表头功能中，填写行数、列数，点击生成操作，即可生成出*行*列的表头设计区域。2.根据权利要求1所述的基于Layui的数据表格的实现方法，其特征在于：所述步骤(1)中，系统允许重新对列名称做名称映射，映射的名称在数据表格呈现时作为表头来使用。3.根据权利要求1或2所述的基于Layui的数据表格的实现方法，其特征在于：所述步骤(1)中，当数据类型选择Oracle程序包时需要填写包名和包体名，提交系统后，系统会自动判断出该程序包所包括的输入参数(IN)和输出参数(OUT)及参数的类型、位置等信息；用户对参数做预置参数映射，就可以在数据表格呈现时实现基于过滤条件的过滤。4.根据权利要求3所述的基于Layui的数据表格的实现方法，其特征在于：当数据类型选择数据接口时，系统会通...

【专利技术属性】
技术研发人员：黄金港，李大鹏，王健，何立伟，
申请(专利权)人：浪潮通用软件有限公司，
类型：发明
国别省市：山东,37