CN116466945A - 数据展示方法、装置、计算机设备及存储介质 - Google Patents
数据展示方法、装置、计算机设备及存储介质 Download PDFInfo
- Publication number
- CN116466945A CN116466945A CN202310395712.7A CN202310395712A CN116466945A CN 116466945 A CN116466945 A CN 116466945A CN 202310395712 A CN202310395712 A CN 202310395712A CN 116466945 A CN116466945 A CN 116466945A
- Authority
- CN
- China
- Prior art keywords
- target
- component
- data
- browser
- page
- 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.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 67
- 238000009877 rendering Methods 0.000 claims abstract description 46
- 238000010276 construction Methods 0.000 claims abstract description 16
- 238000012545 processing Methods 0.000 claims description 26
- 230000001960 triggered effect Effects 0.000 claims description 13
- 230000004048 modification Effects 0.000 claims description 4
- 238000012986 modification Methods 0.000 claims description 4
- 238000005516 engineering process Methods 0.000 abstract description 14
- 230000008569 process Effects 0.000 description 10
- 238000004891 communication Methods 0.000 description 6
- 238000013473 artificial intelligence Methods 0.000 description 5
- 238000011161 development Methods 0.000 description 5
- 230000009466 transformation Effects 0.000 description 5
- 238000010586 diagram Methods 0.000 description 4
- 230000009286 beneficial effect Effects 0.000 description 3
- 230000003287 optical effect Effects 0.000 description 3
- VYZAMTAEIAYCRO-UHFFFAOYSA-N Chromium Chemical compound [Cr] VYZAMTAEIAYCRO-UHFFFAOYSA-N 0.000 description 2
- 230000000295 complement effect Effects 0.000 description 2
- 230000006835 compression Effects 0.000 description 2
- 238000007906 compression Methods 0.000 description 2
- 230000008676 import Effects 0.000 description 2
- 230000003993 interaction Effects 0.000 description 2
- 230000003068 static effect Effects 0.000 description 2
- 238000003491 array Methods 0.000 description 1
- 230000002457 bidirectional effect Effects 0.000 description 1
- 230000005540 biological transmission Effects 0.000 description 1
- 238000004364 calculation method Methods 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 238000013135 deep learning Methods 0.000 description 1
- 230000003111 delayed effect Effects 0.000 description 1
- 235000019800 disodium phosphate Nutrition 0.000 description 1
- 239000000835 fiber Substances 0.000 description 1
- 230000010365 information processing Effects 0.000 description 1
- 238000010801 machine learning Methods 0.000 description 1
- 230000007246 mechanism Effects 0.000 description 1
- 238000003058 natural language processing Methods 0.000 description 1
- 238000004806 packaging method and process Methods 0.000 description 1
- 239000002245 particle Substances 0.000 description 1
- 230000000750 progressive effect Effects 0.000 description 1
- 230000004044 response Effects 0.000 description 1
- 238000012546 transfer Methods 0.000 description 1
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/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/40—Transformation of program code
- G06F8/41—Compilation
-
- 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)
- General Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Human Computer Interaction (AREA)
- Data Mining & Analysis (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本申请实施例属于大数据领域,涉及一种数据展示方法,包括:当接收到对于目标浏览器的数据展示请求,展示数据配置页面;接收用户在数据配置页面输入的组件信息与数据调用信息;获取与组件信息对应的指定组件,判断指定组件与目标浏览器的微前端框架是否存在匹配关系;若否,判断目标浏览器与组件编译器是否具有关联关系;若是,调用组件编译器将指定组件构建成符合第一目标组件;获取与数据调用信息对应的目标数据;对第一目标组件与目标数据进行渲染生成第一目标页面并展示于目标浏览器内。本申请还提供一种数据展示装置、计算机设备及存储介质。此外,本申请还涉及区块链技术,第一目标页面可存储于区块链中。本申请提高了目标页面的构建效率。
Description
技术领域
本申请涉及大数据技术领域,尤其涉及数据展示方法、装置、计算机设备及存储介质。
背景技术
微服务是面向服务架构的一种变体,把应用程序设计成一系列松耦合的细粒度服务,并通过轻量级的通信协议组织起来。具体地,将应用构建成一组小型服务。这些服务都能够独立部署、独立扩展,每个服务都具有稳固的模块边界,甚至允许使用不同的编程语言来编写不同服务,也可以由不同的团队来管理,然而,越来越重的前端工程也面临同样的问题,自然地想到了将微服务思想应用到前端,于是有了微前端的概念。
当前,基于微前端框架构建的浏览器中,业务人员通过具有在该浏览器内构建页面进行展示的需求。现有技术中,对于构建页面的展示主要采取定制化的开发模式,基于特定应用系统的需求,按照一定的业务流程、数据定义和显示逻辑进行代码开发。然而,当在应用系统的展示需求发生变化时,需要修改相应的代码进行补充开发,造成人工工作量较大,从而导致页面构建的效率低下。
发明内容
本申请实施例的目的在于提出一种数据展示方法、装置、计算机设备及存储介质,以解决现有的构建页面的展示方式,当在应用系统的展示需求发生变化时,需要修改相应的代码进行补充开发,造成人工工作量较大,从而导致页面构建的效率低下的技术问题。
为了解决上述技术问题,本申请实施例提供一种数据展示方法,采用了如下所述的技术方案:
当接收到用户触发对于目标浏览器的数据展示请求,展示预设的数据配置页面;
接收所述用户在所述数据配置页面输入的组件信息与数据调用信息;
获取与所述组件信息对应的指定组件,并判断所述指定组件与所述目标浏览器的微前端框架是否存在匹配关系;
若不存在匹配关系,判断所述目标浏览器与预设的组件编译器是否具有关联关系;
若具有关联关系,调用预设的组件编译器将所述指定组件构建成符合预设形式的第一目标组件;
获取与所述数据调用信息对应的目标数据;
对所述第一目标组件与所述目标数据进行渲染处理生成相应的第一目标页面,并在所述目标浏览器中展示所述第一目标页面。
进一步的,所述获取与所述组件信息对应的指定组件的步骤,具体包括:
调用预设的组件库;
基于所述组件信息,从所述组件库中查询出与所述组件信息匹配的指定组件信息;
从所述组件库中查询出与所述指定组件信息对应的组件,得到所述指定组件。
进一步的,所述判断所述目标浏览器与预设的组件编译器是否具有关联关系的步骤,具体包括:
获取所述目标浏览器的类别;
获取与所述组件编译器对应的浏览器支持列表;
判断所述浏览器支持列表内是否包含与所述目标浏览器的类别相同的指定类别;
若是,判定所述目标浏览器与所述组件编译器具有关联关系;
若否,判定所述目标浏览器与所述组件编译器不具有关联关系。
进一步的,所述获取与所述数据调用信息对应的目标数据的步骤,具体包括:
生成与所述数据调用信息对应的数据获取请求;
将所述数据获取请求发送至预设的服务端,以通过所述服务端调用与所述数据获取请求对应的指定数据;
接收所述服务端返回的所述指定数据,并将所述指定数据作为所述目标数据。
进一步的,所述对所述第一目标组件与所述目标数据进行渲染处理生成相应的第一目标页面的步骤,具体包括:
对所述第一目标组件与所述目标数据进行数据关联;
调用预设的目标生成器;
基于所述目标生成器对数据关联后的所述第一目标组件与所述目标数据进行渲染处理生成相应的指定页面;
将所述指定页面作为所述第一目标页面。
进一步的,所述基于所述目标生成器对数据关联后的所述第一目标组件与所述目标数据进行渲染处理生成相应的指定页面的步骤,具体包括:
获取预设的初始页面模板;
基于所述目标生成器,在所述初始页面模板中渲染出所述第一目标组件;以及,
在所述初始页面中渲染出所述目标数据,得到所述指定页面。
进一步的,在所述判断所述目标浏览器与预设的组件编译器是否具有关联关系的步骤之后,还包括:
基于预设的改造规则对所述目标浏览器进行兼容处理,得到改造后的目标浏览器;
调用所述组件编译器将所述指定组件构建成符合所述预设形式的第二目标组件;
对所述第二目标组件与所述目标数据进行渲染处理生成相应的第二目标页面,并在所述改造后的目标浏览器中展示所述第二目标页面。
为了解决上述技术问题,本申请实施例还提供一种数据展示装置,采用了如下所述的技术方案:
展示模块,用于当接收到用户触发对于目标浏览器的数据展示请求,展示预设的数据配置页面;
接收模块,用于接收所述用户在所述数据配置页面输入的组件信息与数据调用信息;
第一判断模块,用于获取与所述组件信息对应的指定组件,并判断所述指定组件与所述目标浏览器的微前端框架是否存在匹配关系;
第二判断模块,用于若不存在匹配关系,判断所述目标浏览器与预设的组件编译器是否具有关联关系;
第一构建模块,用于若具有关联关系,调用预设的组件编译器将所述指定组件构建成符合预设形式的第一目标组件;
获取模块,用于获取与所述数据调用信息对应的目标数据;
第一生成模块,用于对所述第一目标组件与所述目标数据进行渲染处理生成相应的第一目标页面,并在所述目标浏览器中展示所述第一目标页面。
为了解决上述技术问题,本申请实施例还提供一种计算机设备,采用了如下所述的技术方案:
当接收到用户触发对于目标浏览器的数据展示请求,展示预设的数据配置页面;
接收所述用户在所述数据配置页面输入的组件信息与数据调用信息;
获取与所述组件信息对应的指定组件,并判断所述指定组件与所述目标浏览器的微前端框架是否存在匹配关系;
若不存在匹配关系,判断所述目标浏览器与预设的组件编译器是否具有关联关系;
若具有关联关系,调用预设的组件编译器将所述指定组件构建成符合预设形式的第一目标组件;
获取与所述数据调用信息对应的目标数据;
对所述第一目标组件与所述目标数据进行渲染处理生成相应的第一目标页面,并在所述目标浏览器中展示所述第一目标页面。
为了解决上述技术问题,本申请实施例还提供一种计算机可读存储介质,采用了如下所述的技术方案:
当接收到用户触发对于目标浏览器的数据展示请求,展示预设的数据配置页面;
接收所述用户在所述数据配置页面输入的组件信息与数据调用信息;
获取与所述组件信息对应的指定组件,并判断所述指定组件与所述目标浏览器的微前端框架是否存在匹配关系;
若不存在匹配关系,判断所述目标浏览器与预设的组件编译器是否具有关联关系;
若具有关联关系,调用预设的组件编译器将所述指定组件构建成符合预设形式的第一目标组件;
获取与所述数据调用信息对应的目标数据;
对所述第一目标组件与所述目标数据进行渲染处理生成相应的第一目标页面,并在所述目标浏览器中展示所述第一目标页面。
与现有技术相比,本申请实施例主要有以下有益效果:
当接收到用户触发对于目标浏览器的数据展示请求,首先展示预设的数据配置页面;然后接收所述用户在所述数据配置页面输入的组件信息与数据调用信息;之后获取与所述组件信息对应的指定组件,并判断所述指定组件与所述目标浏览器的微前端框架是否存在匹配关系;若不存在匹配关系,则判断所述目标浏览器与预设的组件编译器是否具有关联关系;若具有关联关系,则调用预设的组件编译器将所述指定组件构建成符合预设形式的第一目标组件;后续获取与所述数据调用信息对应的目标数据;最后对所述第一目标组件与所述目标数据进行渲染处理生成相应的第一目标页面,并在所述目标浏览器中展示所述第一目标页面。本申请实施例能够基于用户输入的组件信息与数据调用信息快速地获得所需的指定组件与目标数据,并会在指定组件与所述目标浏览器的微前端框架不存在匹配关系时,智能地调用预设的组件编译器将所述指定组件构建成符合预设形式的第一目标组件,以保证第一目标组件可以在目标浏览器上正常使用,进而后续对所述第一目标组件与所述目标数据进行渲染处理生成相应的第一目标页面并展示于目标浏览器内,从而实现了基于用户输入的组件信息与数据调用信息来快速地生成相应的能够在目标浏览器上正常展示的页面目标页面,有效减少了人工工作量,提高了目标页面的构建效率。
附图说明
为了更清楚地说明本申请中的方案,下面将对本申请实施例描述中所需要使用的附图作一个简单介绍,显而易见地,下面描述中的附图是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是本申请可以应用于其中的示例性系统架构图;
图2根据本申请的数据展示方法的一个实施例的流程图;
图3是根据本申请的数据展示装置的一个实施例的结构示意图;
图4是根据本申请的计算机设备的一个实施例的结构示意图。
具体实施方式
除非另有定义,本文所使用的所有的技术和科学术语与属于本申请的技术领域的技术人员通常理解的含义相同;本文中在申请的说明书中所使用的术语只是为了描述具体的实施例的目的,不是旨在于限制本申请;本申请的说明书和权利要求书及上述附图说明中的术语“包括”和“具有”以及它们的任何变形,意图在于覆盖不排他的包含。本申请的说明书和权利要求书或上述附图中的术语“第一”、“第二”等是用于区别不同对象,而不是用于描述特定顺序。
在本文中提及“实施例”意味着,结合实施例描述的特定特征、结构或特性可以包含在本申请的至少一个实施例中。在说明书中的各个位置出现该短语并不一定均是指相同的实施例,也不是与其它实施例互斥的独立的或备选的实施例。本领域技术人员显式地和隐式地理解的是,本文所描述的实施例可以与其它实施例相结合。
为了使本技术领域的人员更好地理解本申请方案,下面将结合附图,对本申请实施例中的技术方案进行清楚、完整地描述。
如图1所示,系统架构100可以包括终端设备101、102、103,网络104和服务器105。网络104用以在终端设备101、102、103和服务器105之间提供通信链路的介质。网络104可以包括各种连接类型,例如有线、无线通信链路或者光纤电缆等等。
用户可以使用终端设备101、102、103通过网络104与服务器105交互,以接收或发送消息等。终端设备101、102、103上可以安装有各种通讯客户端应用,例如网页浏览器应用、购物类应用、搜索类应用、即时通信工具、邮箱客户端、社交平台软件等。
终端设备101、102、103可以是具有显示屏并且支持网页浏览的各种电子设备,包括但不限于智能手机、平板电脑、电子书阅读器、MP3播放器(Moving Picture ExpertsGroup Audio Layer III,动态影像专家压缩标准音频层面3)、MP4(Moving PictureExperts Group Audio Layer IV,动态影像专家压缩标准音频层面4)播放器、膝上型便携计算机和台式计算机等等。
服务器105可以是提供各种服务的服务器,例如对终端设备101、102、103上显示的页面提供支持的后台服务器。
需要说明的是,本申请实施例所提供的数据展示方法一般由服务器/终端设备执行,相应地,数据展示装置一般设置于服务器/终端设备中。
应该理解,图1中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要,可以具有任意数目的终端设备、网络和服务器。
继续参考图2,示出了根据本申请的数据展示方法的一个实施例的流程图。所述的数据展示方法,包括以下步骤:
步骤S201,当接收到用户触发对于目标浏览器的数据展示请求,展示预设的数据配置页面。
在本实施例中,数据展示方法运行于其上的电子设备(例如图1所示的服务器/终端设备),可以通过有线连接方式或者无线连接方式获取数据展示请求。需要指出的是,上述无线连接方式可以包括但不限于3G/4G/5G连接、WiFi连接、蓝牙连接、WiMAX连接、Zigbee连接、UWB(ultra wideband)连接、以及其他现在已知或将来开发的无线连接方式。上述数据展示请求为用户触发的用于在目标浏览器中生成并展示所需的目标页面的请求。
步骤S202,接收所述用户在所述数据配置页面输入的组件信息与数据调用信息。
在本实施例中,在展示数据配置页面的同时,还可生成内容输入提醒信息并展示,该内容输入提醒信息为用于提醒用户在该数据配置页面输入生成所需展示的目标页面的表单配置项的组件信息与数据调用信息。其中,所述组件信息至少包括组件标识信息,组件标识信息可包括组件的类型信息与名称信息。所述组件信息还可包括组件布局参数。另外,数据调用信息可为需要填充于待生成的目标页面内的数据所对应的调用信息。
步骤S203,获取与所述组件信息对应的指定组件,并判断所述指定组件与所述目标浏览器的微前端框架是否存在匹配关系。
在本实施例中,上述获取与所述组件信息对应的指定组件的具体实施过程,本申请将在后续的具体实施例中对此进行进一步的细节描述,在此不作过多阐述。其中。可通过获取指定组件的组件类型,以及获取所述目标浏览器的微前端框架的框架类型,若所述组件类型与所述框架类型相同,则判定所述指定组件与所述目标浏览器的微前端框架存在匹配关系,否则判定所述指定组件与所述目标浏览器的微前端框架不存在匹配关系。
步骤S204,若不存在匹配关系,判断所述目标浏览器与预设的组件编译器是否具有关联关系。
在本实施例中,如果所述指定组件与所述目标浏览器的微前端框架存在匹配关系,则表明指定组件能够在目标浏览器内正常运行,则后续不需要使用组件编译器对指定组件进行构建处理。而如果所述指定组件与所述目标浏览器的微前端框架不存在匹配关系,则表明指定组件不能够在目标浏览器内正常运行,则后续需要对指定组件进行相应的构建处理。其中,上述判断所述目标浏览器与预设的组件编译器是否具有关联关系的具体实施过程,本申请将在后续的具体实施例中对此进行进一步的细节描述,在此不作过多阐述。
步骤S205,若具有关联关系,调用预设的组件编译器将所述指定组件构建成符合预设形式的第一目标组件。
在本实施例中,上述组件编译器具体为Stencil组件编译器。Stencil是一个简单的编译器,用于生成Web组件和静态站点生成的渐进式Web应用(PWA)。Stencil是由Ionic团队为其下一代高性能移动和桌面Web组件而构建的。Stencil将最流行的前端框架的最佳概念结合到编译时而不是运行时工具中。它结合了TypeScript、JSX和一个异步渲染管道,以确保动画的流畅运行和延迟加载,从而生成100%基于标准的Web组件,可以在现代浏览器和传统浏览器上运行。其中,所述预设形式具体指Web Components形式,通过调用所述组件编译器将所述指定组件构建成符合所述预设形式的第一目标组件,以使生成的第一目标组件为100%基于标准的Web组件,从而使得第一目标组件可以在现代浏览器和传统浏览器上运行,则第一目标组件可以在目标浏览器上正常使用,使得后续可以基于第一目标组件在目标浏览器上渲染出能够正常展示的页面。
Web Components是一套普通的技术,允许创建可重用的定制元素(它们的功能封装在代码之外)并且在Web应用中使用它们。
它主要由四项技术组件:
(1)Custom elements,允许开发者创建自定义的元素。
(2)Shadow DOM,即影子DOM,通常是将Shadow DOM附加到主文档DOM中,并可以控制其关联的功能。而这个Shadow DOM则是不能直接用其他文档DOM来控制的。
(3)html templates,即<template>和<slot>元素,用于编写不在页面中显示的标记模板。
(4)html Imports,用于引入自定义zuji8ian
每个组件由link标签引入:
<linkrel=“import”href=”components/di-li.html”>
系统架构复杂,当应用被拆分为一个又一个的组件时,组件间的通信成了问题。结合Web Components来构建前端应用,则更是一种面向未来演进的架构。
步骤S206,获取与所述数据调用信息对应的目标数据;
在本实施例中,上述获取与所述数据调用信息对应的目标数据的具体实施过程,本申请将在后续的具体实施例中对此进行进一步的细节描述,在此不作过多阐述。
步骤S207,对所述第一目标组件与所述目标数据进行渲染处理生成相应的第一目标页面,并在所述目标浏览器中展示所述第一目标页面。
在本实施例中,上述对所述第一目标组件与所述目标数据进行渲染处理生成相应的第一目标页面的具体实施过程,本申请将在后续的具体实施例中对此进行进一步的细节描述,在此不作过多阐述。
本申请当接收到用户触发对于目标浏览器的数据展示请求,首先展示预设的数据配置页面;然后接收所述用户在所述数据配置页面输入的组件信息与数据调用信息;之后获取与所述组件信息对应的指定组件,并判断所述指定组件与所述目标浏览器的微前端框架是否存在匹配关系;若不存在匹配关系,则判断所述目标浏览器与预设的组件编译器是否具有关联关系;若具有关联关系,则调用预设的组件编译器将所述指定组件构建成符合预设形式的第一目标组件;后续获取与所述数据调用信息对应的目标数据;最后对所述第一目标组件与所述目标数据进行渲染处理生成相应的第一目标页面,并在所述目标浏览器中展示所述第一目标页面。本申请能够基于用户输入的组件信息与数据调用信息快速地获得所需的指定组件与目标数据,并会在指定组件与所述目标浏览器的微前端框架不存在匹配关系时,智能地调用预设的组件编译器将所述指定组件构建成符合预设形式的第一目标组件,以保证第一目标组件可以在目标浏览器上正常使用,进而后续对所述第一目标组件与所述目标数据进行渲染处理生成相应的第一目标页面并展示于目标浏览器内,从而实现了基于用户输入的组件信息与数据调用信息来快速地生成相应的能够在目标浏览器上正常展示的页面目标页面,有效减少了人工工作量,提高了目标页面的构建效率。
在一些可选的实现方式中,步骤S203中的获取与所述组件信息对应的指定组件,包括以下步骤:
调用预设的组件库。
在本实施例中,上述组件库为预先创建的存储有已开发好的对应于各种微前端框架的组件的数据库,且已开发好的组件以各自的组件标识信息作为自身的索引。上述组件例如可包括输入框、选择框、搜索框、选择组件等。
基于所述组件信息,从所述组件库中查询出与所述组件信息匹配的指定组件信息。
在本实施例中,上述组件信息指所述指定组件的组件标识信息,上述指定组件信息是指所述组件库中与所述指定组件的组件标识信息相同的组件标识信息。
从所述组件库中查询出与所述指定组件信息对应的组件,得到所述指定组件。
本申请通过调用预设的组件库;然后基于所述组件信息,从所述组件库中查询出与所述组件信息匹配的指定组件信息;后续从所述组件库中查询出与所述指定组件信息对应的组件,得到所述指定组件。本申请基于组件库的使用,能够快速基于用户输入的组件信息在该组件库中进行准确高效的组件调取,以实现组件获取的快速响应,提高了开发人员的工作体验,有利于后续基于获取的第一目标组件来快速构建出相应的目标页面,有效提高了目标页面构建的生成效率。
在本实施例的一些可选的实现方式中,步骤S204包括以下步骤:
获取所述目标浏览器的类别。
在本实施例中,可通过获取目标浏览器的浏览器信息,进而从该浏览器信息中读取出所述目标浏览器的类别。举例地,所述目标浏览器的类别可包括Chrome、Safari、360、Firefox、Edge与ie11等中的任意一种。
获取与所述组件编译器对应的浏览器支持列表。
在本实施例中,上述组件编译器具体为Stencil组件编译器,Stencil对应的浏览器支持列表包括Chrome、Safari、Firefox、Edge与ie11。
判断所述浏览器支持列表内是否包含与所述目标浏览器的类别相同的指定类别。
在本实施例中,可通过将所述目标浏览器的类别与所述浏览器支持列表中的所有类别进行比较,以得到所述浏览器支持列表内是否包含与所述目标浏览器的类别相同的指定类别的比对结果。
若是,判定所述目标浏览器与所述组件编译器具有关联关系。
在本实施例中,如果所述浏览器支持列表内包含与所述目标浏览器的类别相同的指定类别,则表明Stencil支持目标浏览器的使用,从而判定所述目标浏览器与所述组件编译器具有关联关系。
若否,判定所述目标浏览器与所述组件编译器不具有关联关系。
在本实施例中,如果所述浏览器支持列表内不包含与所述目标浏览器的类别相同的指定类别,则表明Stencil不支持目标浏览器的使用,从而判定目标浏览器与组件编译器不具有关联关系。
本申请通过获取所述目标浏览器的类别;然后获取与所述组件编译器对应的浏览器支持列表;后续判断所述浏览器支持列表内是否包含与所述目标浏览器的类别相同的指定类别;若是,判定所述目标浏览器与所述组件编译器具有关联关系,否则判定所述目标浏览器与所述组件编译器不具有关联关系。本申请通过获取所述目标浏览器的类别,进而基于获得的与所述组件编译器对应的浏览器支持列表来对所述目标浏览器的类别进行分析处理,从而可以实现快速准确地判别出所述目标浏览器与所述组件编译器之间是否具有关联关系。
在一些可选的实现方式中,步骤S205包括以下步骤:
生成与所述数据调用信息对应的数据获取请求。
在本实施例中,可通过获取预先构建数据获取请求模板,再将所述数据调用信息填充至所述数据获取请求模板内的对应位置处,以生成所述数据获取请求。
将所述数据获取请求发送至预设的服务端,以通过所述服务端调用与所述数据获取请求对应的指定数据。
在本实施例中,上述服务端可指部署在服务器上的服务后端。
接收所述服务端返回的所述指定数据,并将所述指定数据作为所述目标数据。
本申请通过生成与所述数据调用信息对应的数据获取请求;然后将所述数据获取请求发送至预设的服务端,以通过所述服务端调用与所述数据获取请求对应的指定数据;后续接收所述服务端返回的所述指定数据,并将所述指定数据作为所述目标数据。本申请基于服务端对与所述数据调用信息对应的数据获取请求进行处理,可以实现与所述数据获取请求对应的目标数据的快速获取,有利于后续基于接收到的目标数据来快速构建出相应的目标页面,有效提高了目标页面构建的生成效率。
在一些可选的实现方式中,步骤S206包括以下步骤:
对所述第一目标组件与所述目标数据进行数据关联。
在本实施例中,可基于信息传输协议格式进行所述第一目标组件与所述目标数据之间的数据关联。
调用预设的目标生成器。
在本实施例中,上述目标生成器可根据目标浏览器的微前端框架确定。举例地,若目标浏览器的微前端框架为VUE,则上述目标生成器为VUE生成器。
基于所述目标生成器对数据关联后的所述第一目标组件与所述目标数据进行渲染处理生成相应的指定页面。
在本实施例中,上述基于所述目标生成器对数据关联后的所述第一目标组件与所述目标数据进行渲染处理生成相应的指定页面的具体实施过程,本申请将在后续的具体实施例中对此进行进一步的细节描述,在此不作过多阐述。
将所述指定页面作为所述第一目标页面。
本申请通过对所述第一目标组件与所述目标数据进行数据关联;然后调用预设的目标生成器;后续基于所述目标生成器对数据关联后的所述第一目标组件与所述目标数据进行渲染处理生成相应的指定页面,并将所述指定页面作为所述第一目标页面。本申请基于目标生成器的使用,实现基于用户输入的组件信息与数据调用信息来快速地生成相应的目标页面,提高了目标页面的生成效率。
在本实施例的一些可选的实现方式中,所述基于所述目标生成器对数据关联后的所述第一目标组件与所述目标数据进行渲染处理生成相应的指定页面,包括以下步骤:
获取预设的初始页面模板。
在本实施例中,上述初始页面模板为预先构建的可应用于目标浏览器的通用前端页面。该通用前端页面可为空白页面。
基于所述目标生成器,在所述初始页面模板中渲染出所述第一目标组件。
在本实施例中,所述组件信息可包括组件标识信息与组件布局参数,可基于所述组件标识信息获取到相应的指定组件。所述组件布局参数是指用于限定生成的指定组件在待生成的目标页面中的布局方式的参数信息,例如可包括指定组件在目标页面中的排列方式。具体的,可使用所述目标生成器,将所述第一目标组件按照与所述组件布局参数对应的布局方式在所述初始页面模板中进行渲染处理。
在所述初始页面中渲染出所述目标数据,得到所述指定页面。
本申请通过获取预设的初始页面模板;然后基于所述目标生成器,在所述初始页面模板中渲染出所述第一目标组件;以及在所述初始页面中渲染出所述目标数据,得到所述指定页面。本申请基于目标生成器的使用,实现基于用户输入的组件信息与数据调用信息来快速地生成相应的目标页面,提高了目标页面的生成效率。
在本实施例的一些可选的实现方式中,在步骤S204之后,上述电子设备还可以执行以下步骤:
基于预设的改造规则对所述目标浏览器进行兼容处理,得到改造后的目标浏览器。
在本实施例中,上述改造规则是指根据对不支持Stencil组件编译器的浏览器,进行与Stencil组件编译器之间的兼容处理而形成的规则,可通过在所述目标浏览器中做一层语法编译,以进行对于该目标浏览器的兼容Stencil组件编译器的处理。
调用所述组件编译器将所述指定组件构建成符合所述预设形式的第二目标组件。
在本实施例中,上述预设形式具体指Web Components形式,通过调用所述组件编译器将所述指定组件构建成符合所述预设形式的第二目标组件,以使生成的第二目标组件为100%基于标准的Web组件,从而使得第二目标组件可以在现代浏览器和传统浏览器上运行,则第二目标组件可以在目标浏览器上正常使用。
对所述第二目标组件与所述目标数据进行渲染处理生成相应的第二目标页面,并在所述改造后的目标浏览器中展示所述第二目标页面。
在本实施例中,上述对所述第二目标组件与所述目标数据进行渲染处理生成相应的第二目标页面的过程,可参考对所述第一目标组件与所述目标数据进行渲染处理生成相应的第二目标页面的处理过程,在此不作过多赘述。
本申请在检测到所述目标浏览器与预设的组件编译器之间不具有关联关系时,通过基于预设的改造规则对所述目标浏览器进行兼容处理,得到改造后的目标浏览器;然后调用所述组件编译器将所述指定组件构建成符合所述预设形式的第二目标组件;后续对所述第二目标组件与所述目标数据进行渲染处理生成相应的第二目标页面,并在所述改造后的目标浏览器中展示所述第二目标页面。本申请通过使用改造规则对所述目标浏览器进行兼容处理,并调用组件编译器将所述指定组件构建成符合预设形式的第二目标组件,以使得第二目标组件可以在目标浏览器上正常使用,从而可以实现在改造后的目标浏览器中成功展示出由对所述第二目标组件与所述目标数据进行渲染处理生成的第二目标页面,保证了第二目标页面在在目标浏览器的正常展示,提高了用户的使用体验。
在本实施例的一些可选的实现方式中,可以结合workspace包管理器,针对微前端的多个项目共用一套技术的情况下,共用一个node_modules包,从而加快部署打包速度,提高开发效率。另外,通过把微前端的组件拆分成更好的颗粒,能够有效的解决Vue本身defineProperty数据双向绑定导致的整个view层刷新从而使页面卡顿的问题,解决defineProperty带来的负面影响后,使得Vue 2.也能适合大型项目。
需要强调的是,为进一步保证上述第一目标组件的私密和安全性,上述第一目标组件还可以存储于一区块链的节点中。
本申请所指区块链是分布式数据存储、点对点传输、共识机制、加密算法等计算机技术的新型应用模式。区块链(Blockchain),本质上是一个去中心化的数据库,是一串使用密码学方法相关联产生的数据块,每一个数据块中包含了一批次网络交易的信息,用于验证其信息的有效性(防伪)和生成下一个区块。区块链可以包括区块链底层平台、平台产品服务层以及应用服务层等。
本申请实施例可以基于人工智能技术对相关的数据进行获取和处理。其中,人工智能(Artificial Intelligence,AI)是利用数字计算机或者数字计算机控制的机器模拟、延伸和扩展人的智能,感知环境、获取知识并使用知识获得最佳结果的理论、方法、技术及应用系统。
人工智能基础技术一般包括如传感器、专用人工智能芯片、云计算、分布式存储、大数据处理技术、操作/交互系统、机电一体化等技术。人工智能软件技术主要包括计算机视觉技术、机器人技术、生物识别技术、语音处理技术、自然语言处理技术以及机器学习/深度学习等几大方向。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机可读指令来指令相关的硬件来完成,该计算机可读指令可存储于一计算机可读取存储介质中,该程序在执行时,可包括如上述各方法的实施例的流程。其中,前述的存储介质可为磁碟、光盘、只读存储记忆体(Read-Only Memory,ROM)等非易失性存储介质,或随机存储记忆体(Random Access Memory,RAM)等。
应该理解的是,虽然附图的流程图中的各个步骤按照箭头的指示依次显示,但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明,这些步骤的执行并没有严格的顺序限制,其可以以其他的顺序执行。而且,附图的流程图中的至少一部分步骤可以包括多个子步骤或者多个阶段,这些子步骤或者阶段并不必然是在同一时刻执行完成,而是可以在不同的时刻执行,其执行顺序也不必然是依次进行,而是可以与其他步骤或者其他步骤的子步骤或者阶段的至少一部分轮流或者交替地执行。
进一步参考图3,作为对上述图2所示方法的实现,本申请提供了一种数据展示装置的一个实施例,该装置实施例与图2所示的方法实施例相对应,该装置具体可以应用于各种电子设备中。
如图3所示,本实施例所述的数据展示装置300包括:展示模块301、接收模块302、第一判断模块303、第二判断模块304、第一构建模块305、获取模块306以及第一生成模块307。其中:
展示模块301,用于当接收到用户触发对于目标浏览器的数据展示请求,展示预设的数据配置页面;
接收模块302,用于接收所述用户在所述数据配置页面输入的组件信息与数据调用信息;
第一判断模块303,用于获取与所述组件信息对应的指定组件,并判断所述指定组件与所述目标浏览器的微前端框架是否存在匹配关系;
第二判断模块304,用于若不存在匹配关系,判断所述目标浏览器与预设的组件编译器是否具有关联关系;
第一构建模块305,用于若具有关联关系,调用预设的组件编译器将所述指定组件构建成符合预设形式的第一目标组件;
获取模块306,用于获取与所述数据调用信息对应的目标数据;
第一生成模块307,用于对所述第一目标组件与所述目标数据进行渲染处理生成相应的第一目标页面,并在所述目标浏览器中展示所述第一目标页面。
在本实施例中,上述模块或单元分别用于执行的操作与前述实施方式的数据展示方法的步骤一一对应,在此不再赘述。
在本实施例的一些可选的实现方式中,第一判断模块303包括:
第一调用子模块,用于调用预设的组件库;
第一查询子模块,用于基于所述组件信息,从所述组件库中查询出与所述组件信息匹配的指定组件信息;
第二查询子模块,用于从所述组件库中查询出与所述指定组件信息对应的组件,得到所述指定组件。
在本实施例中,上述模块或单元分别用于执行的操作与前述实施方式的数据展示方法的步骤一一对应,在此不再赘述。
在本实施例的一些可选的实现方式中,第二判断模块304包括:
第一获取子模块,用于获取所述目标浏览器的类别;
第二获取子模块,用于获取与所述组件编译器对应的浏览器支持列表;
判断子模块,用于判断所述浏览器支持列表内是否包含与所述目标浏览器的类别相同的指定类别;
第一判定子模块,用于若是,判定所述目标浏览器与所述组件编译器具有关联关系;
第二判定子模块,用于若否,判定所述目标浏览器与所述组件编译器不具有关联关系。
本实施例中,上述模块或单元分别用于执行的操作与前述实施方式的数据展示方法的步骤一一对应,在此不再赘述。
在本实施例的一些可选的实现方式中,获取模块306包括:
生成子模块,用于生成与所述数据调用信息对应的数据获取请求;
发送子模块,用于将所述数据获取请求发送至预设的服务端,以通过所述服务端调用与所述数据获取请求对应的指定数据;
接收子模块,用于接收所述服务端返回的所述指定数据,并将所述指定数据作为所述目标数据。
在本实施例中,上述模块或单元分别用于执行的操作与前述实施方式的数据展示方法的步骤一一对应,在此不再赘述。
在本实施例的一些可选的实现方式中,第一生成模块307包括:
第一处理子模块,用于对所述第一目标组件与所述目标数据进行数据关联;
第二调用子模块,用于调用预设的目标生成器;
第二处理子模块,用于基于所述目标生成器对数据关联后的所述第一目标组件与所述目标数据进行渲染处理生成相应的指定页面;
确定子模块,用于将所述指定页面作为所述第一目标页面。
在本实施例中,上述模块或单元分别用于执行的操作与前述实施方式的数据展示方法的步骤一一对应,在此不再赘述。
在本实施例的一些可选的实现方式中,第二处理子模块包括:
获取单元,用于获取预设的初始页面模板;
第一渲染单元,用于基于所述目标生成器,在所述初始页面模板中渲染出所述第一目标组件;以及,
第二渲染单元,用于在所述初始页面中渲染出所述目标数据,得到所述指定页面。
在本实施例中,上述模块或单元分别用于执行的操作与前述实施方式的数据展示方法的步骤一一对应,在此不再赘述。
在本实施例的一些可选的实现方式中,数据展示装置还包括:
改造模块,用于基于预设的改造规则对所述目标浏览器进行兼容处理,得到改造后的目标浏览器;
第二构建模块,用于调用所述组件编译器将所述指定组件构建成符合所述预设形式的第二目标组件;
第二生成模块,用于对所述第二目标组件与所述目标数据进行渲染处理生成相应的第二目标页面,并在所述改造后的目标浏览器中展示所述第二目标页面。
在本实施例中,上述模块或单元分别用于执行的操作与前述实施方式的数据展示方法的步骤一一对应,在此不再赘述。
为解决上述技术问题,本申请实施例还提供计算机设备。具体请参阅图4,图4为本实施例计算机设备基本结构框图。
所述计算机设备4包括通过系统总线相互通信连接存储器41、处理器42、网络接口43。需要指出的是,图中仅示出了具有组件41-43的计算机设备4,但是应理解的是,并不要求实施所有示出的组件,可以替代的实施更多或者更少的组件。其中,本技术领域技术人员可以理解,这里的计算机设备是一种能够按照事先设定或存储的指令,自动进行数值计算和/或信息处理的设备,其硬件包括但不限于微处理器、专用集成电路(ApplicationSpecific Integrated Circuit,ASIC)、可编程门阵列(Field-Programmable GateArray,FPGA)、数字处理器(Digital Signal Processor,DSP)、嵌入式设备等。
所述计算机设备可以是桌上型计算机、笔记本、掌上电脑及云端服务器等计算设备。所述计算机设备可以与用户通过键盘、鼠标、遥控器、触摸板或声控设备等方式进行人机交互。
所述存储器41至少包括一种类型的可读存储介质,所述可读存储介质包括闪存、硬盘、多媒体卡、卡型存储器(例如,SD或DX存储器等)、随机访问存储器(RAM)、静态随机访问存储器(SRAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、可编程只读存储器(PROM)、磁性存储器、磁盘、光盘等。在一些实施例中,所述存储器41可以是所述计算机设备4的内部存储单元,例如该计算机设备4的硬盘或内存。在另一些实施例中,所述存储器41也可以是所述计算机设备4的外部存储设备,例如该计算机设备4上配备的插接式硬盘,智能存储卡(Smart Media Card,SMC),安全数字(Secure Digital,SD)卡,闪存卡(FlashCard)等。当然,所述存储器41还可以既包括所述计算机设备4的内部存储单元也包括其外部存储设备。本实施例中,所述存储器41通常用于存储安装于所述计算机设备4的操作系统和各类应用软件,例如数据展示方法的计算机可读指令等。此外,所述存储器41还可以用于暂时地存储已经输出或者将要输出的各类数据。
所述处理器42在一些实施例中可以是中央处理器(Central Processing Unit,CPU)、控制器、微控制器、微处理器、或其他数据处理芯片。该处理器42通常用于控制所述计算机设备4的总体操作。本实施例中,所述处理器42用于运行所述存储器41中存储的计算机可读指令或者处理数据,例如运行所述数据展示方法的计算机可读指令。
所述网络接口43可包括无线网络接口或有线网络接口,该网络接口43通常用于在所述计算机设备4与其他电子设备之间建立通信连接。
与现有技术相比,本申请实施例主要有以下有益效果:
本申请实施例中,当接收到用户触发对于目标浏览器的数据展示请求,首先展示预设的数据配置页面;然后接收所述用户在所述数据配置页面输入的组件信息与数据调用信息;之后获取与所述组件信息对应的指定组件,并判断所述指定组件与所述目标浏览器的微前端框架是否存在匹配关系;若不存在匹配关系,则判断所述目标浏览器与预设的组件编译器是否具有关联关系;若具有关联关系,则调用预设的组件编译器将所述指定组件构建成符合预设形式的第一目标组件;后续获取与所述数据调用信息对应的目标数据;最后对所述第一目标组件与所述目标数据进行渲染处理生成相应的第一目标页面,并在所述目标浏览器中展示所述第一目标页面。本申请实施例能够基于用户输入的组件信息与数据调用信息快速地获得所需的指定组件与目标数据,并会在指定组件与所述目标浏览器的微前端框架不存在匹配关系时,智能地调用预设的组件编译器将所述指定组件构建成符合预设形式的第一目标组件,以保证第一目标组件可以在目标浏览器上正常使用,进而后续对所述第一目标组件与所述目标数据进行渲染处理生成相应的第一目标页面并展示于目标浏览器内,从而实现了基于用户输入的组件信息与数据调用信息来快速地生成相应的能够在目标浏览器上正常展示的页面目标页面,有效减少了人工工作量,提高了目标页面的构建效率。
本申请还提供了另一种实施方式,即提供一种计算机可读存储介质,所述计算机可读存储介质存储有计算机可读指令,所述计算机可读指令可被至少一个处理器执行,以使所述至少一个处理器执行如上述的数据展示方法的步骤。
与现有技术相比,本申请实施例主要有以下有益效果:
本申请实施例中,当接收到用户触发对于目标浏览器的数据展示请求,首先展示预设的数据配置页面;然后接收所述用户在所述数据配置页面输入的组件信息与数据调用信息;之后获取与所述组件信息对应的指定组件,并判断所述指定组件与所述目标浏览器的微前端框架是否存在匹配关系;若不存在匹配关系,则判断所述目标浏览器与预设的组件编译器是否具有关联关系;若具有关联关系,则调用预设的组件编译器将所述指定组件构建成符合预设形式的第一目标组件;后续获取与所述数据调用信息对应的目标数据;最后对所述第一目标组件与所述目标数据进行渲染处理生成相应的第一目标页面,并在所述目标浏览器中展示所述第一目标页面。本申请实施例能够基于用户输入的组件信息与数据调用信息快速地获得所需的指定组件与目标数据,并会在指定组件与所述目标浏览器的微前端框架不存在匹配关系时,智能地调用预设的组件编译器将所述指定组件构建成符合预设形式的第一目标组件,以保证第一目标组件可以在目标浏览器上正常使用,进而后续对所述第一目标组件与所述目标数据进行渲染处理生成相应的第一目标页面并展示于目标浏览器内,从而实现了基于用户输入的组件信息与数据调用信息来快速地生成相应的能够在目标浏览器上正常展示的页面目标页面,有效减少了人工工作量,提高了目标页面的构建效率。
通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现,当然也可以通过硬件,但很多情况下前者是更佳的实施方式。基于这样的理解,本申请的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘)中,包括若干指令用以使得一台终端设备(可以是手机,计算机,服务器,空调器,或者网络设备等)执行本申请各个实施例所述的方法。
显然,以上所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例,附图中给出了本申请的较佳实施例,但并不限制本申请的专利范围。本申请可以以许多不同的形式来实现,相反地,提供这些实施例的目的是使对本申请的公开内容的理解更加透彻全面。尽管参照前述实施例对本申请进行了详细的说明,对于本领域的技术人员来而言,其依然可以对前述各具体实施方式所记载的技术方案进行修改,或者对其中部分技术特征进行等效替换。凡是利用本申请说明书及附图内容所做的等效结构,直接或间接运用在其他相关的技术领域,均同理在本申请专利保护范围之内。
Claims (10)
1.一种数据展示方法,其特征在于,包括下述步骤:
当接收到用户触发对于目标浏览器的数据展示请求,展示预设的数据配置页面;
接收所述用户在所述数据配置页面输入的组件信息与数据调用信息;
获取与所述组件信息对应的指定组件,并判断所述指定组件与所述目标浏览器的微前端框架是否存在匹配关系;
若不存在匹配关系,判断所述目标浏览器与预设的组件编译器是否具有关联关系;
若具有关联关系,调用预设的组件编译器将所述指定组件构建成符合预设形式的第一目标组件;
获取与所述数据调用信息对应的目标数据;
对所述第一目标组件与所述目标数据进行渲染处理生成相应的第一目标页面,并在所述目标浏览器中展示所述第一目标页面。
2.根据权利要求1所述的数据展示方法,其特征在于,所述获取与所述组件信息对应的指定组件的步骤,具体包括:
调用预设的组件库;
基于所述组件信息,从所述组件库中查询出与所述组件信息匹配的指定组件信息;
从所述组件库中查询出与所述指定组件信息对应的组件,得到所述指定组件。
3.根据权利要求1所述的数据展示方法,其特征在于,所述判断所述目标浏览器与预设的组件编译器是否具有关联关系的步骤,具体包括:
获取所述目标浏览器的类别;
获取与所述组件编译器对应的浏览器支持列表;
判断所述浏览器支持列表内是否包含与所述目标浏览器的类别相同的指定类别;
若是,判定所述目标浏览器与所述组件编译器具有关联关系;
若否,判定所述目标浏览器与所述组件编译器不具有关联关系。
4.根据权利要求1所述的数据展示方法,其特征在于,所述获取与所述数据调用信息对应的目标数据的步骤,具体包括:
生成与所述数据调用信息对应的数据获取请求;
将所述数据获取请求发送至预设的服务端,以通过所述服务端调用与所述数据获取请求对应的指定数据;
接收所述服务端返回的所述指定数据,并将所述指定数据作为所述目标数据。
5.根据权利要求1所述的数据展示方法,其特征在于,所述对所述第一目标组件与所述目标数据进行渲染处理生成相应的第一目标页面的步骤,具体包括:
对所述第一目标组件与所述目标数据进行数据关联;
调用预设的目标生成器;
基于所述目标生成器对数据关联后的所述第一目标组件与所述目标数据进行渲染处理生成相应的指定页面;
将所述指定页面作为所述第一目标页面。
6.根据权利要求5所述的数据展示方法,其特征在于,所述基于所述目标生成器对数据关联后的所述第一目标组件与所述目标数据进行渲染处理生成相应的指定页面的步骤,具体包括:
获取预设的初始页面模板;
基于所述目标生成器,在所述初始页面模板中渲染出所述第一目标组件;以及,
在所述初始页面中渲染出所述目标数据,得到所述指定页面。
7.根据权利要求1所述的数据展示方法,其特征在于,在所述判断所述目标浏览器与预设的组件编译器是否具有关联关系的步骤之后,还包括:
基于预设的改造规则对所述目标浏览器进行兼容处理,得到改造后的目标浏览器;
调用所述组件编译器将所述指定组件构建成符合所述预设形式的第二目标组件;
对所述第二目标组件与所述目标数据进行渲染处理生成相应的第二目标页面,并在所述改造后的目标浏览器中展示所述第二目标页面。
8.一种数据展示装置,其特征在于,包括:
展示模块,用于当接收到用户触发对于目标浏览器的数据展示请求,展示预设的数据配置页面;
接收模块,用于接收所述用户在所述数据配置页面输入的组件信息与数据调用信息;
第一判断模块,用于获取与所述组件信息对应的指定组件,并判断所述指定组件与所述目标浏览器的微前端框架是否存在匹配关系;
第二判断模块,用于若不存在匹配关系,判断所述目标浏览器与预设的组件编译器是否具有关联关系;
第一构建模块,用于若具有关联关系,调用预设的组件编译器将所述指定组件构建成符合预设形式的第一目标组件;
获取模块,用于获取与所述数据调用信息对应的目标数据;
第一生成模块,用于对所述第一目标组件与所述目标数据进行渲染处理生成相应的第一目标页面,并在所述目标浏览器中展示所述第一目标页面。
9.一种计算机设备,包括存储器和处理器,所述存储器中存储有计算机可读指令,所述处理器执行所述计算机可读指令时实现如权利要求1至7中任一项所述的数据展示方法的步骤。
10.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质上存储有计算机可读指令,所述计算机可读指令被处理器执行时实现如权利要求1至7中任一项所述的数据展示方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202310395712.7A CN116466945A (zh) | 2023-04-13 | 2023-04-13 | 数据展示方法、装置、计算机设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202310395712.7A CN116466945A (zh) | 2023-04-13 | 2023-04-13 | 数据展示方法、装置、计算机设备及存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN116466945A true CN116466945A (zh) | 2023-07-21 |
Family
ID=87172986
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202310395712.7A Pending CN116466945A (zh) | 2023-04-13 | 2023-04-13 | 数据展示方法、装置、计算机设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN116466945A (zh) |
-
2023
- 2023-04-13 CN CN202310395712.7A patent/CN116466945A/zh active Pending
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN114996619A (zh) | 一种页面显示的方法、装置、计算机设备及存储介质 | |
CN115098186A (zh) | 项目处理方法、装置、计算机设备及存储介质 | |
CN115794437A (zh) | 微服务的调用方法、装置、计算机设备及存储介质 | |
CN110765610B (zh) | Pdm集成方法、装置、计算机设备及存储介质 | |
CN116383787A (zh) | 页面创建方法、装置、计算机设备及存储介质 | |
CN117033249A (zh) | 一种测试用例生成方法、装置、计算机设备及存储介质 | |
CN117195886A (zh) | 基于人工智能的文本数据处理方法、装置、设备及介质 | |
CN117114909A (zh) | 一种核算规则引擎构建方法、装置、设备及存储介质 | |
CN115712422A (zh) | 表单页面的生成方法、装置、计算机设备及存储介质 | |
CN113836235B (zh) | 基于数据中台的数据处理方法及其相关设备 | |
CN115756692A (zh) | 基于样式属性自动组合展示页面的方法及其相关设备 | |
CN116466945A (zh) | 数据展示方法、装置、计算机设备及存储介质 | |
CN113239670A (zh) | 一种业务模板上传的方法、装置、计算机设备及存储介质 | |
CN115546356A (zh) | 动画生成方法、装置、计算机设备及存储介质 | |
CN117785171A (zh) | 一种低代码开发方法、装置、计算机设备及存储介质 | |
CN115562662A (zh) | 应用页面的创建方法、装置、计算机设备及存储介质 | |
CN117390119A (zh) | 任务处理方法、装置、计算机设备及存储介质 | |
CN117421233A (zh) | 基于注解的代码生成方法、装置、计算机设备及存储介质 | |
CN116776838A (zh) | 文本处理方法、装置、计算机设备及存储介质 | |
CN117806738A (zh) | 基于微链路模型的业务调度方法、装置、设备及存储介质 | |
CN116149665A (zh) | 一种xaml文件修改方法、装置、计算机设备及存储介质 | |
CN114675813A (zh) | 模板语法的统一方法、装置、计算机设备及存储介质 | |
CN114528220A (zh) | 测试案例的生成方法、装置、计算机设备及存储介质 | |
CN116932963A (zh) | 截图处理方法、装置、计算机设备及存储介质 | |
CN116541417A (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 |