一种可视化页面的生成方法、装置及系统制造方法及图纸

本发明专利技术公开了一种可视化页面的生成方法、装置、系统、电子设备及计算机可读存储介质，所述方法包括：在获取用户选择的组件参数时，基于所述组件参数渲染展示组件模版；按照预设的数据映射关系获取所述组件参数对应的业务数据；将所述业务数据绑定在所述组件模版对应的组件上，生成可视化页面。本发明专利技术可以预先设定数据与页面组件之间的映射关系，在开发页面时可直接编辑SQL指令控制接口引擎提取相应的业务数据，并根据业务数据调用对应的组件进行数据展示以生成可视化页面，不但能统一开发标准，而且能降低页面开发的难度，大大缩短页面开发的时长，以提高页面开发的效率。以提高页面开发的效率。以提高页面开发的效率。

【技术实现步骤摘要】
一种可视化页面的生成方法、装置及系统


[0001]本专利技术涉及页面开发的
，尤其涉及一种可视化页面的生成方法、装置及系统。

技术介绍

[0002]数据可视化起源于1960s计算机图形学，人们使用计算机创建图形图表，可视化提取出来的数据，将数据的各种属性和变量呈现出来。随着经济的发展，人们使用数据的容量越来越多，为了提高可视化的展示效果，需要对可视化平台进行拓展，以增加其应用领域，使得数据可视化的表现形式能不断变化，进而可以增加实时动态效果、用户交互使用功能。
[0003]目前常用的数据可视化开发方法是先进行数据库设计，设计业务表结构，以存储不同的数据；然后在后端编写与前端匹配数据相匹配的业务接口；当前端确定所要展示的数据并编写HTML页面时，基于所要展示的数据调用对应的业务接口从数据库中提取相应的业务数据，利用业务数据构建对应的可视化页面，以供用户查看。
[0004]但目前常用的可视化页面开发方法有如下技术问题：随着前端技术的高速发展，各种前端框架、组件、工具层出不穷，且前端应用场景的复杂程度越来越高，需要展示的数据类型本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种可视化页面的生成方法，其特征在于，所述方法包括：在获取用户选择的组件参数时，基于所述组件参数渲染展示组件模版；按照预设的数据映射关系获取所述组件参数对应的业务数据；将所述业务数据绑定在所述组件模版对应的组件上，生成可视化页面。2.根据权利要求1所述的可视化页面的生成方法，其特征在于，所述基于所述组件参数渲染展示组件模版，包括：基于预设的渲染引擎从所述组件选择数据中获取用户触发的页面组件信息；若所述页面组件信息满足配置权限时，读取所述页面组件信息得到组件选项；按照所述组件选项从组件库中查找对应的组件模版；通过预设的vue.js框架将所述组件配置信息选择至显示界面中。3.根据权利要求2所述的可视化页面的生成方法，其特征在于，所述通过预设的交互引擎按照预设的数据映射关系获取所述组件参数对应的业务数据，包括：基于预设的渲染引擎访问预设的后台交互引擎，以使预设的交互引擎读取所述组件配置信息，得到数据源；按照预设的数据映射关系编辑生成所述数据源对应的查询指令，并发送所述查询指令至预设的数据库中；采集预设的数据库返回对应的业务数据。4.根据权利要求1所述的可视化页面的生成方法，其特征在于，在所述生成可视化页面的步骤后，所述方法还包括：获取用户触发页面的交互信息，所述交互信息包括新增信息、编辑信息、保存信息、删除信息；采用所述交互信息对所述可视化页面进行更新操作。5.根据权利要求4所述的可视化页面的生成方法，其特征在于，所述采用所述交互信息对所述可视化页面进行更新操作，包括：获取所述可视化页面的当前数据源；通过Http方式将所述当前数据源发送至预设的后台交互引擎，以使预设的后台交互引擎基于所述当前数据源编辑生成修改指令，并返回更新数据；采用所述更新数据对所述可视化页面进行更新。6.根据权利要求1所述的可视化页面的生成方法，其特征在于，在所述获取用户选择的组件参数的步骤前，所述方法还包括：构建关于业务数据的表结构，设定所述表结构内的业务...

【专利技术属性】
技术研发人员：周贵廷，温加勉，
申请(专利权)人：广州市齐明软件科技有限公司，
类型：发明
国别省市：