CN111722844A - 基于Web的动态富文本组件的设计方法及装置 - Google Patents
基于Web的动态富文本组件的设计方法及装置 Download PDFInfo
- Publication number
- CN111722844A CN111722844A CN202010477820.5A CN202010477820A CN111722844A CN 111722844 A CN111722844 A CN 111722844A CN 202010477820 A CN202010477820 A CN 202010477820A CN 111722844 A CN111722844 A CN 111722844A
- Authority
- CN
- China
- Prior art keywords
- component
- function
- data
- displayed
- dynamic
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
- 238000000034 method Methods 0.000 title claims abstract description 62
- 238000013461 design Methods 0.000 title claims description 9
- 238000012216 screening Methods 0.000 claims abstract description 18
- 230000006870 function Effects 0.000 claims description 164
- 238000005259 measurement Methods 0.000 claims description 18
- 238000002347 injection Methods 0.000 claims description 10
- 239000007924 injection Substances 0.000 claims description 10
- 238000004590 computer program Methods 0.000 claims description 4
- 239000000243 solution Substances 0.000 description 9
- 238000012800 visualization Methods 0.000 description 7
- 238000004891 communication Methods 0.000 description 6
- 238000010586 diagram Methods 0.000 description 4
- 238000004458 analytical method Methods 0.000 description 3
- 230000003287 optical effect Effects 0.000 description 3
- 238000013459 approach Methods 0.000 description 2
- 101150026173 ARG2 gene Proteins 0.000 description 1
- 101100005166 Hypocrea virens cpa1 gene Proteins 0.000 description 1
- 101100379633 Xenopus laevis arg2-a gene Proteins 0.000 description 1
- 101100379634 Xenopus laevis arg2-b gene Proteins 0.000 description 1
- 101150088826 arg1 gene Proteins 0.000 description 1
- 238000013499 data model Methods 0.000 description 1
- 238000013079 data visualisation Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 239000000284 extract Substances 0.000 description 1
- 235000019580 granularity Nutrition 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 238000007726 management method Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000012545 processing Methods 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- XLYOFNOQVPJJNP-UHFFFAOYSA-N water Substances O XLYOFNOQVPJJNP-UHFFFAOYSA-N 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/20—Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
- G06F16/24—Querying
- G06F16/242—Query formulation
- G06F16/2428—Query predicate definition using graphical user interfaces, including menus and forms
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/20—Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
- G06F16/24—Querying
- G06F16/242—Query formulation
- G06F16/2433—Query languages
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/20—Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
- G06F16/24—Querying
- G06F16/248—Presentation of query results
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Computational Linguistics (AREA)
- Data Mining & Analysis (AREA)
- Databases & Information Systems (AREA)
- Human Computer Interaction (AREA)
- Software Systems (AREA)
- Mathematical Physics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明实施例提供一种基于Web的动态富文本组件的设计方法及装置,方法包括:将预先获取的组件库和函数库注入到对象中;根据用户输入的查询条件,从数据库中筛选出待展示数据;将所述待展示数据和所述对象的组件库中组件的自身属性作为ES6语法中函数创建方法的函数参数,并获取用户输入的所述函数创建方法中的动态字符串函数;其中,所述动态字符串函数中引用有所述函数库中的函数;根据所述动态字符串函数对所述组件的自身属性进行修改,并将所述组件的待展示数据展示在所述组件中。本发明实施例使得组件不再局限于特定的配置,组件的定制更加灵活,能够快速高度定制满足各种需求的组件。
Description
技术领域
本发明属于软件开发技术领域,尤其涉及一种基于Web的动态富文本组件的设计方法及装置。
背景技术
在过去,很多人或许对数据可视化并没有很直接的观感,因为其打交道的数据应用模式无非就是EXCEL、固定的数据模型或工具。但是随着大数据时代的到来,数据量和数据复杂性增加,模型的复杂性也随之增加。此时对于企业来说,内部业务系统之间的数据流通和分析结果的可视化对企业来说是是非常关键的工作,同时也是一个跨越性的挑战。
数据的可视化可以将复杂分析结果以丰富的图表信息方式呈现给读者。通过各种基础的图表组件来对数据进行展示,如饼图、柱状图、折线图、散点图、条图、子弹图和kv图。还使用一些复杂的图表组件如地图、关系图、词云图、水球图和气泡图等一系列图表。对于广大的编辑、设计师、运营分析师、大数据研究者等都需要从不同维度、不同层面和不同粒度的数据处理统计中,借助图表和信息图的方式为用户、阅读者及管理者呈现不同于表格式的分析结果。其中,用户只获得信息,阅读者消费信息,管理者利用信息进行管理和决策。
随着软件技术的发展和计算机硬件水平的提高,人们对可视化的需要越来越高,各种各样的高度可定制化的需求接踵而至。传统图表组件因其本身的固定性而越来越无法快速满足个性化的需求。
发明内容
为克服上述现有的传统图表组件无法定制,无法快速满足个性化需求的问题或者至少部分地解决上述问题,本发明实施例提供一种基于Web的动态富文本组件的设计方法及装置。
根据本发明实施例的第一方面,提供一种基于Web的动态富文本组件的设计方法,包括:
将预先获取的组件库和函数库注入到对象中;
根据用户输入的查询条件,从数据库中筛选出待展示数据;
将所述待展示数据和所述对象的组件库中组件的自身属性作为ES6语法中函数创建方法的函数参数,并获取用户输入的所述函数创建方法中的动态字符串函数;其中,所述动态字符串函数中引用有所述函数库中的函数;
根据所述动态字符串函数对所述组件的自身属性进行修改,并将所述组件的待展示数据展示在所述组件中。
具体地,根据用户输入的查询条件,从数据库中筛选出待展示数据的步骤包括:
获取用户输入的所述待展示数据所属的维度和度量,以及所述维度和度量的查询条件;
根据所述待展示数据所属的维度和度量,以及所述查询条件生成查询语句;
根据所述查询语句从数据库中筛选出待展示数据。
具体地,根据所述动态字符串函数对所述组件的自身属性进行修改,并将所述组件的待展示数据展示在所述组件中的步骤包括:
将所述函数参数传入所述动态字符串函数中;
执行所述动态字符串函数,以对所述组件的自身属性进行修改,并将所述组件的待展示数据展示在所述组件中。
具体地,将所述待展示数据和所述对象的组件库中组件的自身属性作为ES6语法中函数创建方法的函数参数的步骤还包括:
将所述待展示数据的展示属性作为所述函数创建方法的函数参数;
相应地,根据所述动态字符串函数对所述组件的自身属性进行修改,并将所述组件的待展示数据展示在所述组件中的步骤还包括:
将所述待展示数据的展示属性传入所述动态字符串函数中;
执行所述动态字符串函数,以根据所述待展示数据的展示属性,将所述待展示数据展示在所述组件中。
具体地,所述组件库包括UI组件库和图表组件库。
根据本发明实施例第二方面提供一种基于Web的动态富文本组件的设计装置,包括:
注入模块,用于将预先获取的组件库和函数库注入到对象中;
查询模块,用于根据用户输入的查询条件,从数据库中筛选出待展示数据;
获取模块,用于将所述待展示数据和所述对象的组件库中组件的自身属性作为ES6语法中函数创建方法的函数参数,并获取用户输入的所述函数创建方法中的动态字符串函数;其中,所述动态字符串函数中引用有所述函数库中的函数;
定制模块,用于根据所述动态字符串函数对所述组件的自身属性进行修改,并将所述组件的待展示数据展示在所述组件中。
具体地,所述查询模块具体用于:
获取用户输入的所述待展示数据所属的维度和度量,以及所述维度和度量的查询条件;
根据所述待展示数据所属的维度和度量,以及所述查询条件生成查询语句;
根据所述查询语句从数据库中筛选出待展示数据。
具体地,所述定制模块具体用于:
将所述函数参数传入所述动态字符串函数中;
执行所述动态字符串函数,以对所述组件的自身属性进行修改,并将所述组件的待展示数据展示在所述组件中。
根据本发明实施例的第三个方面,还提供一种电子设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,所述处理器调用所述程序指令能够执行第一方面的各种可能的实现方式中任一种可能的实现方式所提供的基于Web的动态富文本组件的设计方法。
根据本发明实施例的第四个方面,还提供一种非暂态计算机可读存储介质,所述非暂态计算机可读存储介质存储计算机指令,所述计算机指令使所述计算机执行第一方面的各种可能的实现方式中任一种可能的实现方式所提供的基于Web的动态富文本组件的设计方法。
本发明实施例提供一种基于Web的动态富文本组件的设计方法及装置,该方法通过使用ES6语法中函数创建方法中的动态字符串函数对组件的自身属性进行修改,使得组件不再局限于特定的配置;使用动态字符串函数注入的方式,使得组件的定制更加灵活,能够快速高度定制满足各种需求的组件。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1为本发明实施例提供的基于Web的动态富文本组件的设计方法整体流程示意图;
图2为本发明实施例提供的基于Web的动态富文本组件的设计装置整体结构示意图;
图3为本发明实施例提供的电子设备整体结构示意图。
具体实施方式
为使本发明实施例的目的、技术方案和优点更加清楚,下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
在本发明的一个实施例中提供一种基于Web的动态富文本组件的设计方法,图1为本发明实施例提供的基于Web的动态富文本组件的设计方法整体流程示意图,该方法包括:S101,将预先获取的组件库和函数库注入到对象中;
其中,预先获取的组件库包括常用的UI(User Interaction,用户交互)组件库和图表组件库。函数库包括常用的函数库。本实施例在进行个性化可视化时,根据当前的需要通过直接写代码文本的方式随意直接使用相关的组件库,而无需任何引用。本实施例将可能用到的组件库提取注入到对象中,方便动态字符串函数直接使用,并通过JS(JavaScript)本身强有力的动态执行代码字符串能力来动态执行代码,实现个性化的可视化需求。
S102,根据用户输入的查询条件,从数据库中筛选出待展示数据;
用户根据需要在组件上展示的数据,输入查询条件,以从数据库中筛选出满足查询条件的数据,将从数据库中筛选出的数据作为待展示在组件上的数据,即待展示数据。
S103,将所述待展示数据和所述对象的组件库中组件的自身属性作为ES6(ECMAScript 6)语法中函数创建方法的函数参数,并获取用户输入的所述函数创建方法中的动态字符串函数;其中,所述动态字符串函数中引用有所述函数库中的函数;
本实施使用ES6语法中的一种全新的函数创建方法new function()来创建函数。该函数创建方法的语法如下:
let func=new Function(arg1,arg2,...,body);
上述语法中,前面的参数为函数创建方法的函数参数,最后一个参数为动态字符串函数。该语法允许使用动态字符串的方式来进行函数的创建。这种方式与其他方式最主要的不同点在于,函数是由在运行时传入的字符串创建的。之前的所有声明都要求程序员在脚本中编写功能代码。但new Function允许将任何字符串转换为函数。例如,用户可以手动输入动态字符串函数。在动态字符串函数中可以引用常用的函数库中的函数。
本实施例在组件初始化时,使用new function()的方式根据动态字符串进行函数创建。创建时传入组件的自身属性,如组件的长度和宽度,以及组件的待展示数据作为函数参数。用户通过页面上放置的动态字符串函数输入框进行动态字符串函数的输入,实现动态注入代码。
S104,根据所述动态字符串函数对所述组件的自身属性进行修改,并将所述组件的待展示数据展示在所述组件中。
本实施通过使用ES6语法中函数创建方法中的动态字符串函数对组件的自身属性进行修改,使得组件不再局限于特定的配置;使用动态字符串函数注入的方式,使得组件的定制更加灵活,能够快速高度定制满足各种需求的组件。
在上述实施例的基础上,本实施例中根据用户输入的查询条件,从数据库中筛选出待展示数据的步骤包括:获取用户输入的所述待展示数据所属的维度和度量,以及所述维度和度量的查询条件;根据所述待展示数据所属的维度和度量,以及所述查询条件生成查询语句;根据所述查询语句从数据库中筛选出待展示数据。
具体的,待展示数据所属的维度为数据库中的属性字段,如城市名称,待展示数据所属的度量为数据库中的数据字段,如总数。根据待真是数据所属的维度和度量,以及输入的维度和度量的查询条件自动生成查询语句。根据自动生成的查询语句从数据库中筛选出需要在组件上展示的数据。
在上述实施例的基础上,本实施例中根据所述动态字符串函数对所述组件的自身属性进行修改,并将所述组件的待展示数据展示在所述组件中的步骤包括:将所述函数参数传入所述动态字符串函数中;执行所述动态字符串函数,以对所述组件的自身属性进行修改,并将所述组件的待展示数据展示在所述组件中。
具体地,在运行时,将函数参数,如组件的自身属性和待展示数据传入动态字符串函数中,以执行该动态字符串函数,实现对组件自身属性的修改和待展示数据的更新。
在上述各实施例的基础上,本实施例中将所述待展示数据和所述对象的组件库中组件的自身属性作为ES6语法中函数创建方法的函数参数的步骤还包括:将所述待展示数据的展示属性作为所述函数创建方法的函数参数;相应地,根据所述动态字符串函数对所述组件的自身属性进行修改,并将所述组件的待展示数据展示在所述组件中的步骤还包括:将所述待展示数据的展示属性传入所述动态字符串函数中;执行所述动态字符串函数,以根据所述待展示数据的展示属性,将所述待展示数据展示在所述组件中。
具体地,待展示数据的展示属性包括待展示数据的字体、颜色和大小等。在运行时,还将待展示数据的展示属性传入动态字符串函数中,以执行该动态字符串函数,实现对待展示数据的展示样式进行设置。
在本发明的另一个实施例中提供一种基于Web的动态富文本组件的设计装置,该装置用于实现前述各实施例中的方法。因此,在前述基于Web的动态富文本组件的设计方法的各实施例中的描述和定义,可以用于本发明实施例中各个执行模块的理解。图2为本发明实施例提供的基于Web的动态富文本组件的设计装置整体结构示意图,该装置包括注入模块201、查询模块202、获取模块203和定制模块204;其中:
注入模块201用于将预先获取的组件库和函数库注入到对象中;
其中,预先获取的组件库包括常用的UI组件库和图表组件库。函数库包括常用的函数库。本实施例在进行个性化可视化时,根据当前的需要通过直接写代码文本的方式随意直接使用相关的组件库,而无需任何引用。注入模块201将可能用到的组件库提取注入到对象中,方便动态字符串函数直接使用,并通过JS本身强有力的动态执行代码字符串能力来动态执行代码,实现个性化的可视化需求。
查询模块202用于根据用户输入的查询条件,从数据库中筛选出待展示数据;
用户根据需要在组件上展示的数据,输入查询条件,查询模块202从数据库中筛选出满足查询条件的数据,将从数据库中筛选出的数据作为待展示在组件上的数据,即待展示数据。
获取模块203用于将所述待展示数据和所述对象的组件库中组件的自身属性作为ES6语法中函数创建方法的函数参数,并获取用户输入的所述函数创建方法中的动态字符串函数;其中,所述动态字符串函数中引用有所述函数库中的函数;
本实施例在组件初始化时,使用new function()的方式根据动态字符串进行函数创建。创建时传入组件的自身属性,如组件的长度和宽度,以及组件的待展示数据作为函数参数。用户通过页面上放置的动态字符串函数输入框进行动态字符串函数的输入,实现动态注入代码。
定制模块204用于根据所述动态字符串函数对所述组件的自身属性进行修改,并将所述组件的待展示数据展示在所述组件中。
本实施通过使用ES6语法中函数创建方法中的动态字符串函数对组件的自身属性进行修改,使得组件不再局限于特定的配置;使用动态字符串函数注入的方式,使得组件的定制更加灵活,能够快速高度定制满足各种需求的组件。
在上述实施例的基础上,本实施例中所述查询模块具体用于:获取用户输入的所述待展示数据所属的维度和度量,以及所述维度和度量的查询条件;根据所述待展示数据所属的维度和度量,以及所述查询条件生成查询语句;根据所述查询语句从数据库中筛选出待展示数据。
在上述实施例的基础上,本实施例中所述定制模块具体用于:将所述函数参数传入所述动态字符串函数中;执行所述动态字符串函数,以对所述组件的自身属性进行修改,并将所述组件的待展示数据展示在所述组件中。
在上述实施例的基础上,本实施例中获取模块还用于:将所述待展示数据的展示属性作为所述函数创建方法的函数参数;相应地,定制模块还用于:将所述待展示数据的展示属性传入所述动态字符串函数中;执行所述动态字符串函数,以根据所述待展示数据的展示属性,将所述待展示数据展示在所述组件中。
图3示例了一种电子设备的实体结构示意图,如图3所示,该电子设备可以包括:处理器(processor)301、通信接口(Communications Interface)302、存储器(memory)303和通信总线304,其中,处理器301,通信接口302,存储器303通过通信总线304完成相互间的通信。处理器301可以调用存储器303中的逻辑指令,以执行如下方法:将预先获取的组件库和函数库注入到对象中;根据用户输入的查询条件,从数据库中筛选出待展示数据;将所述待展示数据和所述对象的组件库中组件的自身属性作为ES6语法中函数创建方法的函数参数,并获取用户输入的所述函数创建方法中的动态字符串函数;其中,所述动态字符串函数中引用有所述函数库中的函数;根据所述动态字符串函数对所述组件的自身属性进行修改,并将所述组件的待展示数据展示在所述组件中。
此外,上述的存储器303中的逻辑指令可以通过软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括:U盘、移动硬盘、只读存储器(ROM,Read-Only Memory)、随机存取存储器(RAM,Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。
本实施例提供一种非暂态计算机可读存储介质,非暂态计算机可读存储介质存储计算机指令,计算机指令使计算机执行上述各方法实施例所提供的方法,例如包括:将预先获取的组件库和函数库注入到对象中;根据用户输入的查询条件,从数据库中筛选出待展示数据;将所述待展示数据和所述对象的组件库中组件的自身属性作为ES6语法中函数创建方法的函数参数,并获取用户输入的所述函数创建方法中的动态字符串函数;其中,所述动态字符串函数中引用有所述函数库中的函数;根据所述动态字符串函数对所述组件的自身属性进行修改,并将所述组件的待展示数据展示在所述组件中。
本领域普通技术人员可以理解:实现上述方法实施例的全部或部分步骤可以通过程序指令相关的硬件来完成,前述的程序可以存储于一计算机可读取存储介质中,该程序在执行时,执行包括上述方法实施例的步骤;而前述的存储介质包括:ROM、RAM、磁碟或者光盘等各种可以存储程序代码的介质。
以上所描述的装置实施例仅仅是示意性的,其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性的劳动的情况下,即可以理解并实施。
通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到各实施方式可借助软件加必需的通用硬件平台的方式来实现,当然也可以通过硬件。基于这样的理解,上述技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品可以存储在计算机可读存储介质中,如ROM/RAM、磁碟、光盘等,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行各个实施例或者实施例的某些部分所述的方法。
最后应说明的是:以上实施例仅用以说明本发明的技术方案,而非对其限制;尽管参照前述实施例对本发明进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围。
Claims (10)
1.一种基于Web的动态富文本组件的设计方法,其特征在于,包括:
将预先获取的组件库和函数库注入到对象中;
根据用户输入的查询条件,从数据库中筛选出待展示数据;
将所述待展示数据和所述对象的组件库中组件的自身属性作为ES6语法中函数创建方法的函数参数,并获取用户输入的所述函数创建方法中的动态字符串函数;其中,所述动态字符串函数中引用有所述函数库中的函数;
根据所述动态字符串函数对所述组件的自身属性进行修改,并将所述组件的待展示数据展示在所述组件中。
2.根据权利要求1所述的基于Web的动态富文本组件的设计方法,其特征在于,根据用户输入的查询条件,从数据库中筛选出待展示数据的步骤包括:
获取用户输入的所述待展示数据所属的维度和度量,以及所述维度和度量的查询条件;
根据所述待展示数据所属的维度和度量,以及所述查询条件生成查询语句;
根据所述查询语句从数据库中筛选出待展示数据。
3.根据权利要求1所述的基于Web的动态富文本组件的设计方法,其特征在于,根据所述动态字符串函数对所述组件的自身属性进行修改,并将所述组件的待展示数据展示在所述组件中的步骤包括:
将所述函数参数传入所述动态字符串函数中;
执行所述动态字符串函数,以对所述组件的自身属性进行修改,并将所述组件的待展示数据展示在所述组件中。
4.根据权利要求1-3任一所述的基于Web的动态富文本组件的设计方法,其特征在于,将所述待展示数据和所述对象的组件库中组件的自身属性作为ES6语法中函数创建方法的函数参数的步骤还包括:
将所述待展示数据的展示属性作为所述函数创建方法的函数参数;
相应地,根据所述动态字符串函数对所述组件的自身属性进行修改,并将所述组件的待展示数据展示在所述组件中的步骤还包括:
将所述待展示数据的展示属性传入所述动态字符串函数中;
执行所述动态字符串函数,以根据所述待展示数据的展示属性,将所述待展示数据展示在所述组件中。
5.根据权利要求1-3任一所述的基于Web的动态富文本组件的设计方法,其特征在于,所述组件库包括UI组件库和图表组件库。
6.一种基于Web的动态富文本组件的设计装置,其特征在于,包括:
注入模块,用于将预先获取的组件库和函数库注入到对象中;
查询模块,用于根据用户输入的查询条件,从数据库中筛选出待展示数据;
获取模块,用于将所述待展示数据和所述对象的组件库中组件的自身属性作为ES6语法中函数创建方法的函数参数,并获取用户输入的所述函数创建方法中的动态字符串函数;其中,所述动态字符串函数中引用有所述函数库中的函数;
定制模块,用于根据所述动态字符串函数对所述组件的自身属性进行修改,并将所述组件的待展示数据展示在所述组件中。
7.根据权利要求6所述的基于Web的动态富文本组件的设计装置,其特征在于,所述查询模块具体用于:
获取用户输入的所述待展示数据所属的维度和度量,以及所述维度和度量的查询条件;
根据所述待展示数据所属的维度和度量,以及所述查询条件生成查询语句;
根据所述查询语句从数据库中筛选出待展示数据。
8.根据权利要求6所述的基于Web的动态富文本组件的设计装置,其特征在于,所述定制模块具体用于:
将所述函数参数传入所述动态字符串函数中;
执行所述动态字符串函数,以对所述组件的自身属性进行修改,并将所述组件的待展示数据展示在所述组件中。
9.一种电子设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,其特征在于,所述处理器执行所述程序时实现如权利要求1至5任一项所述基于Web的动态富文本组件的设计方法的步骤。
10.一种非暂态计算机可读存储介质,其上存储有计算机程序,其特征在于,该计算机程序被处理器执行时实现如权利要求1至5任一项所述基于Web的动态富文本组件的设计方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010477820.5A CN111722844B (zh) | 2020-05-29 | 2020-05-29 | 基于Web的动态富文本组件的设计方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010477820.5A CN111722844B (zh) | 2020-05-29 | 2020-05-29 | 基于Web的动态富文本组件的设计方法及装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN111722844A true CN111722844A (zh) | 2020-09-29 |
CN111722844B CN111722844B (zh) | 2024-05-03 |
Family
ID=72565371
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010477820.5A Active CN111722844B (zh) | 2020-05-29 | 2020-05-29 | 基于Web的动态富文本组件的设计方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111722844B (zh) |
Citations (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107704239A (zh) * | 2017-10-09 | 2018-02-16 | 武汉斗鱼网络科技有限公司 | 配置生成方法、装置及电子设备 |
CN108089847A (zh) * | 2017-12-14 | 2018-05-29 | 易知成都数据服务有限公司 | 一种基于ElementUI和UEditor富文本的组件开发方法 |
CN108279905A (zh) * | 2018-01-04 | 2018-07-13 | 武汉斗鱼网络科技有限公司 | 一种组件中引入库文件的方法及装置 |
CN109358851A (zh) * | 2018-07-19 | 2019-02-19 | 平安科技(深圳)有限公司 | 图表组件的创建方法、装置及计算机可读存储介质 |
CN109814864A (zh) * | 2019-01-02 | 2019-05-28 | 北京永洪商智科技有限公司 | 一种数据可视化方法、可视化系统、网页浏览系统和设备 |
CN110286897A (zh) * | 2019-05-22 | 2019-09-27 | 深圳壹账通智能科技有限公司 | Api可视化动态配置方法、装置、设备以及存储介质 |
CN110543350A (zh) * | 2019-09-09 | 2019-12-06 | 广州华多网络科技有限公司 | 一种生成页面组件的方法及装置 |
CN110647573A (zh) * | 2019-09-17 | 2020-01-03 | 泰华智慧产业集团股份有限公司 | 基于数据库技术的图表可视化编辑方法和系统 |
CN110737672A (zh) * | 2018-07-20 | 2020-01-31 | 武汉烽火众智智慧之星科技有限公司 | 一种数据可视化方法及装置 |
-
2020
- 2020-05-29 CN CN202010477820.5A patent/CN111722844B/zh active Active
Patent Citations (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107704239A (zh) * | 2017-10-09 | 2018-02-16 | 武汉斗鱼网络科技有限公司 | 配置生成方法、装置及电子设备 |
CN108089847A (zh) * | 2017-12-14 | 2018-05-29 | 易知成都数据服务有限公司 | 一种基于ElementUI和UEditor富文本的组件开发方法 |
CN108279905A (zh) * | 2018-01-04 | 2018-07-13 | 武汉斗鱼网络科技有限公司 | 一种组件中引入库文件的方法及装置 |
CN109358851A (zh) * | 2018-07-19 | 2019-02-19 | 平安科技(深圳)有限公司 | 图表组件的创建方法、装置及计算机可读存储介质 |
CN110737672A (zh) * | 2018-07-20 | 2020-01-31 | 武汉烽火众智智慧之星科技有限公司 | 一种数据可视化方法及装置 |
CN109814864A (zh) * | 2019-01-02 | 2019-05-28 | 北京永洪商智科技有限公司 | 一种数据可视化方法、可视化系统、网页浏览系统和设备 |
CN110286897A (zh) * | 2019-05-22 | 2019-09-27 | 深圳壹账通智能科技有限公司 | Api可视化动态配置方法、装置、设备以及存储介质 |
CN110543350A (zh) * | 2019-09-09 | 2019-12-06 | 广州华多网络科技有限公司 | 一种生成页面组件的方法及装置 |
CN110647573A (zh) * | 2019-09-17 | 2020-01-03 | 泰华智慧产业集团股份有限公司 | 基于数据库技术的图表可视化编辑方法和系统 |
Non-Patent Citations (1)
Title |
---|
蚁方阵: "巧用Function实现动态字符串模板", pages 1 - 2, Retrieved from the Internet <URL:《CSDN:https://blog.csdn.net/yiifaa/article/details/71746447》> * |
Also Published As
Publication number | Publication date |
---|---|
CN111722844B (zh) | 2024-05-03 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
Landin | The next 700 programming languages | |
CN105511873B (zh) | 用户界面控件展示方法及装置 | |
US6769095B1 (en) | Hierarchically structured control information editor | |
US20150049087A1 (en) | Presenting meaningful information summary for analyzing complex visualizations | |
CN111126019B (zh) | 基于模式定制的报表生成方法、装置和电子设备 | |
US9817811B2 (en) | Web server system, dictionary system, dictionary call method, screen control display method, and demonstration application generation method | |
CN111881662A (zh) | 表单生成方法、装置、处理设备及存储介质 | |
EP3940558A1 (en) | Method and apparatus for configuring modeling parameters, electronic device, computer storage medium and computer program product | |
CN112685025A (zh) | 快速搭建前端页面的方法及系统 | |
Da Silva et al. | Integration of RE and MDE paradigms: the ProjectIT approach and tools | |
CN111880813B (zh) | 实现安卓卡片ui的方法、存储介质 | |
CN106055535B (zh) | 一种图表生成方法及装置 | |
CN116360766A (zh) | 一种基于ddd可视化设计器的低代码系统和装置 | |
CN112799670B (zh) | 一种统一多端逻辑开发的方法及系统 | |
CN102193789B (zh) | 一种实现可配置跳转链接的方法和设备 | |
CN111722844B (zh) | 基于Web的动态富文本组件的设计方法及装置 | |
CN112015410A (zh) | 网页编辑方法、装置、系统以及计算机存储介质 | |
CN115080046B (zh) | 一种页面设计中多组件抽象关联融合方法和装置 | |
CN111459483B (zh) | 界面的处理方法和装置 | |
CN112068826B (zh) | 文本输入的控制方法、系统、电子设备和存储介质 | |
CN114489619A (zh) | 一种界面视图显示方法及终端设备、计算机可读存储介质 | |
CN114089999A (zh) | 一种前端页面生成方法及系统 | |
CN109597845B (zh) | 报表配置方法、装置、计算机设备及存储介质 | |
JP2001273125A (ja) | ソースプログラム自動生成方法およびシステム、ならびにそのプログラム記録媒体 | |
CN116339733B (zh) | 一种应用程序页面生成方法、系统、电子设备及介质 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |