【技术实现步骤摘要】
本专利技术涉及页面管理，具体涉及一种基于数据驱动的页面管理系统构建方法。
技术介绍
1、随着广播电视领域的快速发展，页面管理系统成为了各个广播电视领域企业和组织管理业务和信息的重要工具。页面管理系统可以为用户提供各种功能和服务，包括信息发布、数据管理、用户管理等，帮助企业方便地管理和操作其业务。然而，随着企业规模的不断扩大和业务的日益复杂，传统的基于静态规则和手动配置的页面管理系统面临着越来越多的挑战。传统的基于静态规则和手动配置的页面管理系统构建效率低，质量差，页面的调整需要手动修改和配置，维护成本高，工作量大。
技术实现思路
1、本专利技术的目的在于，提供一种基于数据驱动的页面管理系统构建方法，解决以上技术问题；
2、本专利技术所解决的技术问题可以采用以下技术方案来实现：
3、一种基于数据驱动的页面管理系统构建方法，包括，
4、步骤s1，根据浏览器端向服务端发送的请求读取数据库，根据所述浏览器端的请求，将所述数据库的字段转化分类为符合所述浏览器端要求的数据类型；
5、步骤s2，分析所述数据库中的目标类型的字段，根据分析结果生成对应的json格式的数据结构和服务端接口；
6、步骤s3，所述浏览器端根据从所述服务端获取的所述json格式的数据结构，动态地生成和渲染功能组件。
7、优选的，步骤s1中，于所述浏览器端访问包括用户管理、数据管理、搜索、授权管理和日志记录中至少一种的访问页面时所述浏览器端向服务端发送请
8、优选的，步骤s1包括，
9、步骤s11，所述浏览器端通过返回页面地址的方法获取所述访问页面的路由参数，并发送请求向所述服务端传递所述路由参数；
10、步骤s12，所述服务端根据所述路由参数选择相对应的所述数据库；
11、步骤s13，所述服务端遍历所述数据库的字段，对可检索、可修改和可查看的字段进行划分处理，将可检索字段归入检索数据集，将可查看字段归入查看数据集，将可修改字段归入修改数据集；
12、步骤s14，所述服务端通过数据字典将所述检索数据集、所述查看数据集和所述修改数据集的字段类型由所述数据库的字段类型转化为符合所述浏览器端要求的字段类型，同时将所述数据库中的字段名称转换为所述浏览器端使用的字段名称，以及将所述数据库字段的中文名称转换为所述浏览器端使用的中文名称。
13、优选的，步骤s2中，分析所述数据库中的目标类型为可检索、可修改和可查看的字段，并根据字段类型进行分析，在所述服务端生成支持所述浏览器端的所述功能组件渲染的所述json格式的数据结构；并且当字段类型为可检索或可修改时，根据对应的结构化查询语言生成所述服务端接口。
14、优选的，步骤s3中，所述浏览器端获取返回的所述json格式的数据结构，解析数据内容，根据各数据类型进行所述功能组件的匹配和渲染；所述功能组件的dom元素和所述功能组件的数据采用分开加载和渲染的方法，包括，
15、步骤s31，首先加载并渲染所述功能组件的dom元素；
16、步骤s32，加载完成后的dom元素直接被注入到访问页面的主体容器中；
17、步骤s33，所述浏览器端通过回调的方式向所述服务器请求数据，将返回的数据应用到相应的所述功能组件中完成渲染。
18、优选的，步骤s3中，所述服务端返回数据时采用加密形式，在所述浏览器端进行数据解密渲染，若字段为生成过所述服务端接口的数据类型，所述浏览器端的所述功能组件通过调用所述服务端接口的方法与所述服务端进行数据通讯。
19、优选的，步骤s2中，所述检索数据集和所述修改数据集预留的字段包括接口路径字段、检索字段、列表字段和值字段，将编辑和检索的结构化查询语言转化为所述服务端可执行的代码，并封装为接口，所述接口的接口路径传入所述接口路径字段，检索配置参数传入所述检索字段；
20、所述查看数据集预留的字段为选项字段，所述选项字段用于根据功能传入对应的配置对象。
21、优选的，步骤s3中，所述浏览器端接收所述json格式的数据结构，通过创建检索容器，在所述浏览器端生成对应所述检索数据集的第一渲染模块实例，遍历并渲染所述检索数据集，所述检索数据集的所有数据都作为检索元素，根据所述检索元素的字段类型渲染所述功能组件；
22、所述检索数据集渲染完成后所述浏览器端生成一个第一方法，所述第一方法通过检查所述接口路径生成服务端请求模板，所述检索字段的参数与所述功能组件双向绑定，所述服务端请求模板根据所述检索字段的参数向所述服务端发送请求，所述服务端接受请求对所述数据库执行检索操作，返回检索数据给所述浏览器端，所述浏览器端将检索数据存储在所述第一渲染模块的列表中。
23、优选的，步骤s3中，所述浏览器端接收所述json格式的数据结构，通过创建查看容器，在所述浏览器端生成对应所述查看数据集的第二渲染模块实例，所述查看数据集为列表元素，遍历所述查看数据集读取标识字段作为列表的关键字，读取名称字段作为所述列表的表头；读取所述第一渲染模块的所述列表字段并遍历数据，根据所述关键字的关联，完成所述第二渲染模块实际数据的展示；当所述查看数据集的所述选项字段不为空时，根据所述选项字段的目标值加载功能按钮。
24、优选的，步骤s3中，所述浏览器端接收所述json格式的数据结构，通过创建修改容器，在所述浏览器端生成对应所述修改数据集的第三渲染模块实例，遍历所述修改数据集，所述修改数据集的所有数据都作为可修改元素，根据所述可修改元素的字段类型渲染所述功能组件，并在所述功能组件渲染完成后生成提交按钮；
25、所述修改数据集渲染完成后所述浏览器端生成一个第二方法，所述第二方法与所述提交按钮绑定，读取所述接口路径字段生成所述服务端请求模板，所述检索字段的参数与所述功能组件双向绑定，通过点击所述提交按钮调用所述服务端请求模板向所述服务端发送请求，所述服务端接受请求对所述数据库执行修改操作。
26、本专利技术的有益效果：由于采用以上技术方案，本专利技术通过服务端对数据库的操作形成json格式的数据结构传递给浏览器端，浏览器端对数据进行判断并渲染实现了页面的自动渲染，解决了传统的基于静态规则和手动配置的页面管理系统所带来的限制，降低了维护成本和工作量，提高了系统的可靠性和稳定性。
本文档来自技高网...【技术保护点】
1.一种基于数据驱动的页面管理系统构建方法，其特征在于，包括，
2.根据权利要求1所述的基于数据驱动的页面管理系统构建方法，其特征在于，步骤S1中，于所述浏览器端(1)访问包括用户管理、数据管理、搜索、授权管理和日志记录中至少一种的访问页面时所述浏览器端(1)向服务端(2)发送请求，所述服务端(2)根据所述访问页面读取相应的所述数据库(3)，将所述数据库(3)的字段划分为可检索、可修改和可查看的数据类型。
3.根据权利要求2所述的基于数据驱动的页面管理系统构建方法，其特征在于，步骤S1包括，
4.根据权利要求1所述的基于数据驱动的页面管理系统构建方法，其特征在于，步骤S2中，分析所述数据库(3)中的目标类型为可检索、可修改和可查看的字段，并根据字段类型进行分析，在所述服务端(2)生成支持所述浏览器端(1)的所述功能组件渲染的所述JSON格式的数据结构；并且当字段类型为可检索或可修改时，根据对应的结构化查询语言生成所述服务端接口。
5.根据权利要求1所述的基于数据驱动的页面管理系统构建方法，其特征在于，步骤S3中，所述浏览器端(1)获
6.根据权利要求1所述的基于数据驱动的页面管理系统构建方法，其特征在于，步骤S3中，所述服务端(2)返回数据时采用加密形式，在所述浏览器端(1)进行数据解密渲染，若字段为生成过所述服务端接口的数据类型，所述浏览器端(1)的所述功能组件通过调用所述服务端接口的方法与所述服务端(2)进行数据通讯。
7.根据权利要求3所述的基于数据驱动的页面管理系统构建方法，其特征在于，步骤S2中，所述检索数据集和所述修改数据集预留的字段包括接口路径字段、检索字段、列表字段和值字段，将编辑和检索的结构化查询语言转化为所述服务端(2)可执行的代码，并封装为接口，所述接口的接口路径传入所述接口路径字段，检索配置参数传入所述检索字段；
8.根据权利要求7所述的基于数据驱动的页面管理系统构建方法，其特征在于，步骤S3中，所述浏览器端(1)接收所述JSON格式的数据结构，通过创建检索容器，在所述浏览器端(1)生成对应所述检索数据集的第一渲染模块实例，遍历并渲染所述检索数据集，所述检索数据集的所有数据都作为检索元素，根据所述检索元素的字段类型渲染所述功能组件；
9.根据权利要求8所述的基于数据驱动的页面管理系统构建方法，其特征在于，步骤S3中，所述浏览器端(1)接收所述JSON格式的数据结构，通过创建查看容器，在所述浏览器端(1)生成对应所述查看数据集的第二渲染模块实例，所述查看数据集为列表元素，遍历所述查看数据集读取标识字段作为列表的关键字，读取名称字段作为所述列表的表头；读取所述第一渲染模块的所述列表字段并遍历数据，根据所述关键字的关联，完成所述第二渲染模块实际数据的展示；当所述查看数据集的所述选项字段不为空时，根据所述选项字段的目标值加载功能按钮。
10.根据权利要求8所述的基于数据驱动的页面管理系统构建方法，其特征在于，步骤S3中，所述浏览器端(1)接收所述JSON格式的数据结构，通过创建修改容器，在所述浏览器端(1)生成对应所述修改数据集的第三渲染模块实例，遍历所述修改数据集，所述修改数据集的所有数据都作为可修改元素，根据所述可修改元素的字段类型渲染所述功能组件，并在所述功能组件渲染完成后生成提交按钮；
...【技术特征摘要】
1.一种基于数据驱动的页面管理系统构建方法，其特征在于，包括，
2.根据权利要求1所述的基于数据驱动的页面管理系统构建方法，其特征在于，步骤s1中，于所述浏览器端(1)访问包括用户管理、数据管理、搜索、授权管理和日志记录中至少一种的访问页面时所述浏览器端(1)向服务端(2)发送请求，所述服务端(2)根据所述访问页面读取相应的所述数据库(3)，将所述数据库(3)的字段划分为可检索、可修改和可查看的数据类型。
3.根据权利要求2所述的基于数据驱动的页面管理系统构建方法，其特征在于，步骤s1包括，
4.根据权利要求1所述的基于数据驱动的页面管理系统构建方法，其特征在于，步骤s2中，分析所述数据库(3)中的目标类型为可检索、可修改和可查看的字段，并根据字段类型进行分析，在所述服务端(2)生成支持所述浏览器端(1)的所述功能组件渲染的所述json格式的数据结构；并且当字段类型为可检索或可修改时，根据对应的结构化查询语言生成所述服务端接口。
5.根据权利要求1所述的基于数据驱动的页面管理系统构建方法，其特征在于，步骤s3中，所述浏览器端(1)获取返回的所述json格式的数据结构，解析数据内容，根据各数据类型进行所述功能组件的匹配和渲染；所述功能组件的dom元素和所述功能组件的数据采用分开加载和渲染的方法，包括，
6.根据权利要求1所述的基于数据驱动的页面管理系统构建方法，其特征在于，步骤s3中，所述服务端(2)返回数据时采用加密形式，在所述浏览器端(1)进行数据解密渲染，若字段为生成过所述服务端接口的数据类型，所述浏览器端(1)的所述功能组件通过调用所述服务端接口的方法与所述服务端(2)进行数据通讯。
7.根据权利要求3所述的基于数据...
【专利技术属性】
技术研发人员：葛盛陶，许文英，黄海峰，
申请(专利权)人：上海东方传媒技术有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。