1.本发明属于数据渲染方法
技术领域：
：，具体涉及一种基于数据切片化的组件数据渲染方法及相关设备。
背景技术：
：：2.如今，随着网络技术的发展，大数据带来的信息风暴正在改革我们的生活、工作和思维，数据的通过采集、存储、分析挖掘后将不同的数据通过多样、适当的方式呈现出来，让人与数据真正实现沟通、交流，并且能够让人理解数据背后蕴藏的规律和价值，从而帮助决策者提高决策效率。3.大多数应用制作时需要根据设计进行代码编写，在展示数据时更需要大量的图表，极大增加了技术人员的开发难度，导致开发效率降低，后期维护成本提高。同时现有的数据可视化技术，支持的组件少，展示的数据效率低，维度不够，支持的数据交互较少，难以满足自定义应用的功能需求，为此我们提出一种基于数据切片化的组件数据渲染方法。技术实现要素：4.本发明的目的在于提供一种基于数据切片化的组件数据渲染方法，以解决上述
背景技术：
：中提出的大多数应用制作时需要根据设计进行代码编写，在展示数据时更需要大量的图表，极大增加了技术人员的开发难度，导致开发效率降低，后期维护成本提高。同时现有的数据可视化技术，支持的组件少，展示的数据效率低，维度不够，支持的数据交互较少，难以满足自定义应用的功能需求等问题。5.为实现上述目的，本发明提供如下技术方案：一种基于数据切片化的组件数据渲染方法，包括，6.获取渲染数据：通过平台界面加载组件数据，基于平台将加载组件数据解析为object对象，并对object进行分步渲染；7.同时组件数据与知识库相连接，知识库为数据库的一种。8.进行分步渲染：获取平台的css样式值，并对css样式值进行排版，并对排版进行待渲染，确定待渲染数据边线节点，并设定每种样式标识样式文件；9.确定渲染：首先将各边线节点进行渲染，接着将已经渲染后的节点直接所在线进行渲染，从而确定了渲染区域，接着将该区域进行全部渲染，从而完成了排版的全部渲染，并确定每种样式标识均进行渲染；10.进行数据请求：基于object中配置数据请求信息，对数据接口服务发送请求信息；11.获取组件编号：将获取到的请求信息数据输出至平台，运行该平台，并通过平台获取到的信息数据，对各个组件进行编号：12.对各组件进行渲染：将每个组件依次进行获取渲染数据步骤、进行分步渲染步骤、确定渲染步骤、进行数据请求步骤；13.组件数据渲染完成。14.在一些实施例中，其中，加载组件数据为控件结构的json数据。15.在一些实施例中，当object进行分步渲染时，可通过平台对分步渲染每一步进行查看。16.在一些实施例中，获取组件数据时，依据组件数据确定主题，并将主题一并进行数据请求。17.在一些实施例中，基于组件数据进行实时监测，并对所监测数据进行划分：历史数据、变量数据。18.在一些实施例中，本实施例中，优选的，所述数据接口服务包括elasticsearch服务、mysq服务、mongodb服务。其中，数据接口服务还包括数据切片服务。19.在一些实施例中，其中，组件数据建设方案：20.对基础组件进行编辑，并定义组件参数属性，设置默认值，基于css确定应用组件的样式，且可自行设置自定义值。其中，自定义值包括：表头、列表、输入框、数据源、跳转页面配置、表高度。21.在一些实施例中，数据接口服务，用于提供组件数据获取渲染，其中，数据接口服务包括：数据模型列表接口、数据获取触发接口、数据获取接口。22.本发明还提供了一种终端设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现如上所述的方法。23.本发明还提供了一种非暂态计算机可读存储介质，所述非暂态计算机可读存储介质存储计算机指令，所述计算机指令用于使计算机执行如上所述方法。24.与现有技术相比，本发明的有益效果是：25.本方法基于数据切片化，切片绑定组件的数据渲染，可有效的提高组件交互能。极大的简化基础组件的开发方法，使得组件的种类和样式得到了提高，并且优化运行效率较高，所支持的数据交互较多，可以满足用户自定义应用的功能需求，同时所用时间和人力较低，有效的降低了维护成本。26.本方法逻辑简单，同时所需操作步骤较为便捷，简单易懂，在进行学习后很容易明白其原理，便于推广和应用，有效的提高数据渲染的效率，使得开发效率较高，降低了技术人员的开发难度，从而提高了经济效益。附图说明27.图1为本发明的方法流程示意图；28.图2为本发明的组件处理流程示意图；具体实施方式29.下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。30.请参阅图1与图2，本发明提供一种技术方案：一种基于数据切片化的组件数据渲染方法，包括，31.获取渲染数据：通过平台界面加载组件数据，基于平台将加载组件数据解析为object对象，并对object进行分步渲染；32.同时组件数据与知识库相连接，知识库为数据库的一种。33.进行分步渲染：获取平台的css样式值，并对css样式值进行排版，并对排版进行待渲染，确定待渲染数据边线节点，并设定每种样式标识样式文件；34.确定渲染：首先将各边线节点进行渲染，接着将已经渲染后的节点直接所在线进行渲染，从而确定了渲染区域，接着将该区域进行全部渲染，从而完成了排版的全部渲染，并确定每种样式标识均进行渲染；35.进行数据请求：基于object中配置数据请求信息，对数据接口服务发送请求信息；36.获取组件编号：将获取到的请求信息数据输出至平台，运行该平台，并通过平台获取到的信息数据，对各个组件进行编号：37.对各组件进行渲染：将每个组件依次进行获取渲染数据步骤、进行分步渲染步骤、确定渲染步骤、进行数据请求步骤；38.组件数据渲染完成。39.本实施例中，优选的，其中，加载组件数据为控件结构的json数据。40.本实施例中，优选的，当object进行分步渲染时，可通过平台对分步渲染每一步进行查看。41.本实施例中，优选的，获取组件数据时，依据组件数据确定主题，并将主题一并进行数据请求。42.本实施例中，优选的，基于组件数据进行实时监测，并对所监测数据进行划分：历史数据、变量数据。43.本实施例中，优选的，本实施例中，优选的，所述数据接口服务包括elasticsearch服务、mysq服务、mongodb服务。其中，数据接口服务还包括数据切片服务。44.本实施例中，优选的，其中，组件数据建设方案：45.对基础组件进行编辑，并定义组件参数属性，设置默认值，基于css确定应用组件的样式，且可自行设置自定义值。其中，自定义值包括：表头、列表、输入框、数据源、跳转页面配置、表高度。46.运用vue.js，element进行编辑基础组件。通过使用组件element作为基础组合成的应用组件，并定义好组件的参数属性设置默认值，基于css技术定义应用组件的样式。如table.vue应用组件作为表格组件如附图2，应用了el-select选择框控件、el-input输入框控件、el-table表控件、el‑ꢀpagination分页控件进行结合，成为一个基础表应用组件，可以进行数据分页展示，并可以进行搜索，配置对应表头内容。通过定义tabledatatitle表头，tabledata列表，textstyle输入框样式，datasource数据源，choosejumpsizenumber跳转页面配置，tableheight表高度等。对开发完的组件转为json数据，保存到mongodb数据库。开发的组件有很多种类：基础组件、交互组件、图形组件、表单组件。47.本实施例中，优选的，数据接口服务，用于提供组件数据获取渲染，其中，数据接口服务包括：数据模型列表接口、数据获取触发接口、数据获取接口。48.数据接口服务主要提供给组件进行数据获取渲染。数据接口通过springboot技术进行编写，接口包含：数据模型列表接口(querydatarequestlistforpage)、数据获取触发接口(triggerquerydatarequest)、数据获取接口(getdatalist)。数据模型列表接口对获取到的外部数据的模型进行封装为统一json数据格式：以columnlist为数据模型表头信息列表、modelinfo为数据模型的详细信息、paramlist为数据模型请求参数信息。数据获取触发接口主要是组件请求获取数据是先向数据接口服务进行请求，数据接口服务根据获取到的数据模型信息通过feign对外部数据进行请求，数据接口服务获取到外部数据返回的标识给组件，组件根据标识通过数据获取接口请求，从数据接口服务获取对应的数据，数据是通过数据接口服务封装了数据：返回了columnlist模型表头字段信息、page分页数据内容、totalcount总条数、result数据内容。组件通过数据显示的配置将数据进行渲染。49.本技术还提供了一种基于数据切片化的组件数据渲染装置，包括：50.获取数据模块，用于通过平台界面加载组件数据，基于平台将加载组件数据解析为object对象，并对object进行分步渲染；51.分步渲染模块，用于获取平台的css样式值，并对css样式值进行排版，并对排版进行待渲染，确定待渲染数据边线节点，并设定每种样式标识样式文件；52.渲染模块，用于：首先将各边线节点进行渲染，接着将已经渲染后的节点直接所在线进行渲染，从而确定了渲染区域，接着将该区域进行全部渲染，从而完成了排版的全部渲染，并确定每种样式标识均进行渲染；53.数据请求模块，用于基于object中配置数据请求信息，对数据接口服务发送请求信息；54.组件编号模块，用于将获取到的请求信息数据输出至平台，运行该平台，并通过平台获取到的信息数据，对各个组件进行编号：55.所述渲染模块还用于将每个组件依次进行获取渲染数据步骤、进行分步渲染步骤、确定渲染步骤、进行数据请求步骤。56.为了描述的方便，描述以上装置时以功能分为各种模块分别描述。当然，在实施本公开时可以把各模块的功能在同一个或多个软件和/或硬件中实现。57.上述实施例的装置用于实现前述任一实施例中相应的基于数据切片化的组件数据渲染方法，并且具有相应的方法实施例的有益效果，在此不再赘述。58.本技术还提供了一种终端设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现上任意一实施例所述的方法。59.该终端设备可以包括：处理器、存储器、输入/输出接口、通信接口和总线。其中处理器、存储器、输入/输出接口和通信接口通过总线实现彼此之间在设备内部的通信连接。60.处理器可以采用通用的cpu(centralprocessingunit，中央处理器)、微处理器、应用专用集成电路(applicationspecificintegratedcircuit，asic)、或者一个或多个集成电路等方式实现，用于执行相关程序，以实现本说明书实施例所提供的技术方案。61.存储器可以采用rom(readonlymemory，只读存储器)、ram(randomaccessmemory，随机存取存储器)、静态存储设备，动态存储设备等形式实现。存储器可以存储操作系统和其他应用程序，在通过软件或者固件来实现本说明书实施例所提供的技术方案时，相关的程序代码保存在存储器中，并由处理器来调用执行。62.输入/输出接口用于连接输入/输出模块，以实现信息输入及输出。输入输出/模块可以作为组件配置在设备中(图中未示出)，也可以外接于设备以提供相应功能。其中输入设备可以包括键盘、鼠标、触摸屏、麦克风、各类传感器等，输出设备可以包括显示器、扬声器、振动器、指示灯等。63.通信接口用于连接通信模块(图中未示出)，以实现本设备与其他设备的通信交互。其中通信模块可以通过有线方式(例如usb、网线等)实现通信，也可以通过无线方式(例如移动网络、wifi、蓝牙等)实现通信。64.总线包括一通路，在设备的各个组件(例如处理器、存储器、输入/输出接口和通信接口)之间传输信息。65.需要说明的是，尽管上述设备仅示出了处理器、存储器、输入/输出接口、通信接口以及总线，但是在具体实施过程中，该设备还可以包括实现正常运行所必需的其他组件。此外，本领域的技术人员可以理解的是，上述设备中也可以仅包含实现本说明书实施例方案所必需的组件，而不必包含图中所示的全部组件。66.上述实施例的终端设备用于实现前述任一实施例中相应的基于数据切片化的组件数据渲染方法，并且具有相应的方法实施例的有益效果，在此不再赘述。67.本技术还提供了一种非暂态计算机可读存储介质，所述非暂态计算机可读存储介质存储计算机指令，所述计算机指令用于使所述计算机执行如上任一实施例所述的基于数据切片化的组件数据渲染方法。68.本实施例的计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(pram)、静态随机存取存储器(sram)、动态随机存取存储器(dram)、其他类型的随机存取存储器(ram)、只读存储器(rom)、电可擦除可编程只读存储器(eeprom)、快闪记忆体或其他内存技术、只读光盘只读存储器(cd-rom)、数字多功能光盘(dvd)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。69.上述实施例的存储介质存储的计算机指令用于使所述计算机执行如上任一实施例所述的基于数据切片化的组件数据渲染方法，并且具有相应的方法实施例的有益效果，在此不再赘述。70.以上所述，仅用以说明本发明的技术方案而非限制，本领域普通技术人员对本发明的技术方案所做的其它修改或者等同替换，只要不脱离本发明技术方案的精神和范围，均应涵盖在本发明的权利要求范围当中。当前第1页12当前第1页12