【技术实现步骤摘要】
本专利技术属于表格布局渲染，尤其涉及一种基于可视化配置的表格布局渲染方法及系统。
技术介绍
1、本部分的陈述仅仅是提供了与本专利技术相关的
技术介绍
信息，不必然构成在先技术。
2、基于可视化配置的表格布局渲染普遍存在以下三个问题：
3、1、配置过程繁琐：在现存的可视化表格布局的使用场景中，用户需要根据对业务的理解先手动调整表格布局的行列数、样式，然后将文本、图像、链接等子组件填充至单元格内，最后再将文本、图像、链接等子组件进行一系列的动作配置，并与数据库字段相关联；用户被困于大量的繁琐配置中，而这种配置大多数情况下是没有技术含量的、重复的、但却不可避免的；
4、2、业务场景不落地：在现存的可视化表格布局的使用场景中，表格布局及其内部控件一般是具有默认样式，即使可以配置部分样式，也难以做到各个控件的风格样式统一、协调，难以满足各类b端用户的企业ui规范；如果进行定制化开发，则浪费了开发人员的人力资源，并且这种开发工作是技术含量较低的；
5、3、无法满足多种终端设备的适配：在现存的可视化表格布局的使用场景中，表格布局一般适用于网页端，鲜少产品可以实现针对不同屏幕大小的手机端、平板端的响应式适配。
技术实现思路
1、为了解决上述
技术介绍
中存在的技术问题，本专利技术提供一种基于可视化配置的表格布局渲染方法及系统，能够自动生成的布局并以可视化的方式呈现，不仅能够保证风格样式统一和协调，而且可极大程度的降低表格布局使用场景下用户的重复性、机械性的配
2、为了实现上述目的，本专利技术采用如下技术方案：
3、本专利技术的第一个方面提供一种基于可视化配置的表格布局渲染方法，其包括：
4、获取数据模型；
5、对所述数据模型，匹配每个数据模型字段对应的控件及控件匹配项，并根据规划，分配布局控件，得到布局蓝图；
6、对所述布局蓝图进行解析后，生成前端代码，并将生成的前端代码与主题配置文件进行关联，生成布局；
7、将生成的布局以可视化的方式呈现，并接受反馈的布局调整信息，对布局调整信息进行解析后传递给模板引擎，通过对解析结果和模板文件进行转换后，发送至前端指定目录进行展示。
8、进一步地，对所述数据模型根据数据结构要求进行数据清洗后，匹配每个数据模型字段对应的控件及控件匹配项。
9、进一步地，对匹配到的控件及控件匹配项进行数据的过滤和清洗后，根据布局规划和ui规划，分配布局控件。
10、进一步地，所述解析结果和模板文件进行转换后，生成vue文件，并与主题配置文件进行关联后，发送至前端指定目录。
11、进一步地，所述模板文件包括规则表达式、表达式语言和标签函数。
12、进一步地，所述布局蓝图包括表格的行数、列数、单元格合并、行高、列宽、间隔信息和响应式信息。
13、进一步地，所述数据模型包括数据量、内容长度和表头信息。
14、本专利技术的第二个方面提供一种基于可视化配置的表格布局渲染系统，其包括：
15、数据获取模块，其被配置为：获取数据模型；
16、布局蓝图生成模块，其被配置为：对所述数据模型，匹配每个数据模型字段对应的控件及控件匹配项，并根据规划，分配布局控件，得到布局蓝图；
17、布局生成模块，其被配置为：对所述布局蓝图进行解析后，生成前端代码，并将生成的前端代码与主题配置文件进行关联，生成布局；
18、调整模块，其被配置为：将生成的布局以可视化的方式呈现，并接受反馈的布局调整信息，对布局调整信息进行解析后传递给模板引擎，通过对解析结果和模板文件进行转换后，发送至前端指定目录进行展示。
19、本专利技术的第三个方面提供一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现如上述所述的一种基于可视化配置的表格布局渲染方法中的步骤。
20、本专利技术的第四个方面提供一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现如上述所述的一种基于可视化配置的表格布局渲染方法中的步骤。
21、与现有技术相比，本专利技术的有益效果是：
22、本专利技术能够自动生成的布局并以可视化的方式呈现，不仅能够保证风格样式统一和协调，而且可极大程度的降低表格布局使用场景下用户的重复性、机械性的配置工作，用户可在给出的布局蓝图的基础上进行二次修改，极大的提高了可视化配置的效率。
23、本专利技术可满足多种终端设备的响应式适配，满足企业信息化转型的背景下，多终端办公的需求。
本文档来自技高网...【技术保护点】
1.一种基于可视化配置的表格布局渲染方法，其特征在于，包括：
2.如权利要求1所述的一种基于可视化配置的表格布局渲染方法，其特征在于，对所述数据模型根据数据结构要求进行数据清洗后，匹配每个数据模型字段对应的控件及控件匹配项。
3.如权利要求1所述的一种基于可视化配置的表格布局渲染方法，其特征在于，对匹配到的控件及控件匹配项进行数据的过滤和清洗后，根据布局规划和UI规划，分配布局控件。
4.如权利要求1所述的一种基于可视化配置的表格布局渲染方法，其特征在于，所述解析结果和模板文件进行转换后，生成Vue文件，并与主题配置文件进行关联后，发送至前端指定目录。
5.如权利要求1所述的一种基于可视化配置的表格布局渲染方法，其特征在于，所述模板文件包括规则表达式、表达式语言和标签函数。
6.如权利要求1所述的一种基于可视化配置的表格布局渲染方法，其特征在于，所述布局蓝图包括表格的行数、列数、单元格合并、行高、列宽、间隔信息和响应式信息。
7.如权利要求1所述的一种基于可视化配置的表格布局渲染方法，其特征在于，所述数据模型
8.一种基于可视化配置的表格布局渲染系统，其特征在于，包括：
9.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时实现如权利要求1-7中任一项所述的一种基于可视化配置的表格布局渲染方法中的步骤。
10.一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述程序时实现如权利要求1-7中任一项所述的一种基于可视化配置的表格布局渲染方法中的步骤。
...【技术特征摘要】
1.一种基于可视化配置的表格布局渲染方法，其特征在于，包括：
2.如权利要求1所述的一种基于可视化配置的表格布局渲染方法，其特征在于，对所述数据模型根据数据结构要求进行数据清洗后，匹配每个数据模型字段对应的控件及控件匹配项。
3.如权利要求1所述的一种基于可视化配置的表格布局渲染方法，其特征在于，对匹配到的控件及控件匹配项进行数据的过滤和清洗后，根据布局规划和ui规划，分配布局控件。
4.如权利要求1所述的一种基于可视化配置的表格布局渲染方法，其特征在于，所述解析结果和模板文件进行转换后，生成vue文件，并与主题配置文件进行关联后，发送至前端指定目录。
5.如权利要求1所述的一种基于可视化配置的表格布局渲染方法，其特征在于，所述模板文件包括规则表达式、表达式语言和标签函数。
6....
【专利技术属性】
技术研发人员：谢玉鑫，赵鹏程，张海源，邵明腾，马鑫林，杜伟，
申请(专利权)人：金现代信息产业股份有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。