基于Web的动态富文本组件的设计方法及装置制造方法及图纸

本发明专利技术实施例提供一种基于Web的动态富文本组件的设计方法及装置，方法包括：将预先获取的组件库和函数库注入到对象中；根据用户输入的查询条件，从数据库中筛选出待展示数据；将所述待展示数据和所述对象的组件库中组件的自身属性作为ES6语法中函数创建方法的函数参数，并获取用户输入的所述函数创建方法中的动态字符串函数；其中，所述动态字符串函数中引用有所述函数库中的函数；根据所述动态字符串函数对所述组件的自身属性进行修改，并将所述组件的待展示数据展示在所述组件中。本发明专利技术实施例使得组件不再局限于特定的配置，组件的定制更加灵活，能够快速高度定制满足各种需求的组件。

【技术实现步骤摘要】
基于Web的动态富文本组件的设计方法及装置
本专利技术属于软件开发
，尤其涉及一种基于Web的动态富文本组件的设计方法及装置。
技术介绍
在过去，很多人或许对数据可视化并没有很直接的观感，因为其打交道的数据应用模式无非就是EXCEL、固定的数据模型或工具。但是随着大数据时代的到来，数据量和数据复杂性增加，模型的复杂性也随之增加。此时对于企业来说，内部业务系统之间的数据流通和分析结果的可视化对企业来说是是非常关键的工作，同时也是一个跨越性的挑战。数据的可视化可以将复杂分析结果以丰富的图表信息方式呈现给读者。通过各种基础的图表组件来对数据进行展示，如饼图、柱状图、折线图、散点图、条图、子弹图和kv图。还使用一些复杂的图表组件如地图、关系图、词云图、水球图和气泡图等一系列图表。对于广大的编辑、设计师、运营分析师、大数据研究者等都需要从不同维度、不同层面和不同粒度的数据处理统计中，借助图表和信息图的方式为用户、阅读者及管理者呈现不同于表格式的分析结果。其中，用户只获得信息，阅读者消费信息，管理者利用信息进行管理和决策。随着软件技术的发展和计算机硬件水平的提高，人们对可视化的需要越来越高，各种各样的高度可定制化的需求接踵而至。传统图表组件因其本身的固定性而越来越无法快速满足个性化的需求。
技术实现思路
为克服上述现有的传统图表组件无法定制，无法快速满足个性化需求的问题或者至少部分地解决上述问题，本专利技术实施例提供一种基于Web的动态富文本组件的设计方法及装置。根据本专利技术实施例的第一方面，提供一种基于Web的动态富文本组件的设计方法，包括：将预先获取的组件库和函数库注入到对象中；根据用户输入的查询条件，从数据库中筛选出待展示数据；将所述待展示数据和所述对象的组件库中组件的自身属性作为ES6语法中函数创建方法的函数参数，并获取用户输入的所述函数创建方法中的动态字符串函数；其中，所述动态字符串函数中引用有所述函数库中的函数；根据所述动态字符串函数对所述组件的自身属性进行修改，并将所述组件的待展示数据展示在所述组件中。具体地，根据用户输入的查询条件，从数据库中筛选出待展示数据的步骤包括：获取用户输入的所述待展示数据所属的维度和度量，以及所述维度和度量的查询条件；根据所述待展示数据所属的维度和度量，以及所述查询条件生成查询语句；根据所述查询语句从数据库中筛选出待展示数据。具体地，根据所述动态字符串函数对所述组件的自身属性进行修改，并将所述组件的待展示数据展示在所述组件中的步骤包括：将所述函数参数传入所述动态字符串函数中；执行所述动态字符串函数，以对所述组件的自身属性进行修改，并将所述组件的待展示数据展示在所述组件中。具体地，将所述待展示数据和所述对象的组件库中组件的自身属性作为ES6语法中函数创建方法的函数参数的步骤还包括：将所述待展示数据的展示属性作为所述函数创建方法的函数参数；相应地，根据所述动态字符串函数对所述组件的自身属性进行修改，并将所述组件的待展示数据展示在所述组件中的步骤还包括：将所述待展示数据的展示属性传入所述动态字符串函数中；执行所述动态字符串函数，以根据所述待展示数据的展示属性，将所述待展示数据展示在所述组件中。具体地，所述组件库包括UI组件库和图表组件库。根据本专利技术实施例第二方面提供一种基于Web的动态富文本组件的设计装置，包括：注入模块，用于将预先获取的组件库和函数库注入到对象中；查询模块，用于根据用户输入的查询条件，从数据库中筛选出待展示数据；获取模块，用于将所述待展示数据和所述对象的组件库中组件的自身属性作为ES6语法中函数创建方法的函数参数，并获取用户输入的所述函数创建方法中的动态字符串函数；其中，所述动态字符串函数中引用有所述函数库中的函数；定制模块，用于根据所述动态字符串函数对所述组件的自身属性进行修改，并将所述组件的待展示数据展示在所述组件中。具体地，所述查询模块具体用于：获取用户输入的所述待展示数据所属的维度和度量，以及所述维度和度量的查询条件；根据所述待展示数据所属的维度和度量，以及所述查询条件生成查询语句；根据所述查询语句从数据库中筛选出待展示数据。具体地，所述定制模块具体用于：将所述函数参数传入所述动态字符串函数中；执行所述动态字符串函数，以对所述组件的自身属性进行修改，并将所述组件的待展示数据展示在所述组件中。根据本专利技术实施例的第三个方面，还提供一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器调用所述程序指令能够执行第一方面的各种可能的实现方式中任一种可能的实现方式所提供的基于Web的动态富文本组件的设计方法。根据本专利技术实施例的第四个方面，还提供一种非暂态计算机可读存储介质，所述非暂态计算机可读存储介质存储计算机指令，所述计算机指令使所述计算机执行第一方面的各种可能的实现方式中任一种可能的实现方式所提供的基于Web的动态富文本组件的设计方法。本专利技术实施例提供一种基于Web的动态富文本组件的设计方法及装置，该方法通过使用ES6语法中函数创建方法中的动态字符串函数对组件的自身属性进行修改，使得组件不再局限于特定的配置；使用动态字符串函数注入的方式，使得组件的定制更加灵活，能够快速高度定制满足各种需求的组件。附图说明为了更清楚地说明本专利技术实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。图1为本专利技术实施例提供的基于Web的动态富文本组件的设计方法整体流程示意图；图2为本专利技术实施例提供的基于Web的动态富文本组件的设计装置整体结构示意图；图3为本专利技术实施例提供的电子设备整体结构示意图。具体实施方式为使本专利技术实施例的目的、技术方案和优点更加清楚，下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。在本专利技术的一个实施例中提供一种基于Web的动态富文本组件的设计方法，图1为本专利技术实施例提供的基于Web的动态富文本组件的设计方法整体流程示意图，该方法包括：S101，将预先获取的组件库和函数库注入到对象中；其中，预先获取的组件库包括常用的UI(UserInteraction，用户交互)组件库和图表组件库。函数库包括常用的函数库。本实施例在进行个性化可视化时，根据当前的需要通过直接写代码文本的方式随意直接使用相关的组件库，而无需任何引用。本实施本文档来自技高网...

【技术保护点】
1.一种基于Web的动态富文本组件的设计方法，其特征在于，包括：/n将预先获取的组件库和函数库注入到对象中；/n根据用户输入的查询条件，从数据库中筛选出待展示数据；/n将所述待展示数据和所述对象的组件库中组件的自身属性作为ES6语法中函数创建方法的函数参数，并获取用户输入的所述函数创建方法中的动态字符串函数；其中，所述动态字符串函数中引用有所述函数库中的函数；/n根据所述动态字符串函数对所述组件的自身属性进行修改，并将所述组件的待展示数据展示在所述组件中。/n

【技术特征摘要】
1.一种基于Web的动态富文本组件的设计方法，其特征在于，包括：
将预先获取的组件库和函数库注入到对象中；
根据用户输入的查询条件，从数据库中筛选出待展示数据；
将所述待展示数据和所述对象的组件库中组件的自身属性作为ES6语法中函数创建方法的函数参数，并获取用户输入的所述函数创建方法中的动态字符串函数；其中，所述动态字符串函数中引用有所述函数库中的函数；
根据所述动态字符串函数对所述组件的自身属性进行修改，并将所述组件的待展示数据展示在所述组件中。


2.根据权利要求1所述的基于Web的动态富文本组件的设计方法，其特征在于，根据用户输入的查询条件，从数据库中筛选出待展示数据的步骤包括：
获取用户输入的所述待展示数据所属的维度和度量，以及所述维度和度量的查询条件；
根据所述待展示数据所属的维度和度量，以及所述查询条件生成查询语句；
根据所述查询语句从数据库中筛选出待展示数据。


3.根据权利要求1所述的基于Web的动态富文本组件的设计方法，其特征在于，根据所述动态字符串函数对所述组件的自身属性进行修改，并将所述组件的待展示数据展示在所述组件中的步骤包括：
将所述函数参数传入所述动态字符串函数中；
执行所述动态字符串函数，以对所述组件的自身属性进行修改，并将所述组件的待展示数据展示在所述组件中。


4.根据权利要求1-3任一所述的基于Web的动态富文本组件的设计方法，其特征在于，将所述待展示数据和所述对象的组件库中组件的自身属性作为ES6语法中函数创建方法的函数参数的步骤还包括：
将所述待展示数据的展示属性作为所述函数创建方法的函数参数；
相应地，根据所述动态字符串函数对所述组件的自身属性进行修改，并将所述组件的待展示数据展示在所述组件中的步骤还包括：
将所述待展示数据的展示属性传入所述动态字符串函数中；
执行所述动态字符串函数，以根据所述待展示数据的展示属性，将所述待展示数...

【专利技术属性】
技术研发人员：易存道，
申请(专利权)人：北京宝兰德软件股份有限公司，
类型：发明
国别省市：北京;11