CN113360139A - 前端框架的集成方法、装置、电子设备及存储介质 - Google Patents

前端框架的集成方法、装置、电子设备及存储介质 Download PDF

Info

Publication number
CN113360139A
CN113360139A CN202110729991.7A CN202110729991A CN113360139A CN 113360139 A CN113360139 A CN 113360139A CN 202110729991 A CN202110729991 A CN 202110729991A CN 113360139 A CN113360139 A CN 113360139A
Authority
CN
China
Prior art keywords
integrated
data
integrating
configuration files
dependency
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
Application number
CN202110729991.7A
Other languages
English (en)
Inventor
刘海怀
张灿豪
张�杰
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
OneConnect Smart Technology Co Ltd
OneConnect Financial Technology Co Ltd Shanghai
Original Assignee
OneConnect Financial Technology Co Ltd Shanghai
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by OneConnect Financial Technology Co Ltd Shanghai filed Critical OneConnect Financial Technology Co Ltd Shanghai
Priority to CN202110729991.7A priority Critical patent/CN113360139A/zh
Publication of CN113360139A publication Critical patent/CN113360139A/zh
Pending legal-status Critical Current

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/20—Software design
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F11/00—Error detection; Error correction; Monitoring
    • G06F11/36—Preventing errors by testing or debugging software
    • G06F11/3668—Software testing
    • G06F11/3672—Test management
    • G06F11/3684—Test management for test design, e.g. generating new test cases
    • 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/25—Integrating or interfacing systems involving database management systems
    • G06F16/252—Integrating or interfacing systems involving database management systems between a Database Management System and a front-end application
    • 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/27—Replication, distribution or synchronisation of data between databases or within a distributed database system; Distributed database system architectures therefor
    • 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/28—Databases characterised by their database models, e.g. relational or object models
    • G06F16/284—Relational databases
    • G06F16/285—Clustering or classification
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00—Handling natural language data
    • G06F40/10—Text processing
    • G06F40/12—Use of codes for handling textual entities
    • G06F40/14—Tree-structured documents
    • G06F40/143—Markup, e.g. Standard Generalized Markup Language [SGML] or Document Type Definition [DTD]
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00—Handling natural language data
    • G06F40/10—Text processing
    • G06F40/166—Editing, e.g. inserting or deleting
    • G06F40/186—Templates
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/445—Program loading or initiating
    • G06F9/44521—Dynamic linking or loading; Link editing at or after load time, e.g. Java class loading
    • G06F9/44526—Plug-ins; Add-ons

Abstract

本发明涉及研发框架技术，揭露了一种多前端框架的集成方法，包括：获取多个原始前端框架的依赖包及配置文件，集成所述依赖包，得到集成依赖包，及集成所述配置文件，得到集成配置文件，对所述集成依赖包及所述集成配置文件的资源进行资源冗余处理，得到公共资源库，利用所述公共资源库搭建集成前端框架，及利用所述公共资源库构建测试用例，利用所述测试用例对所述集成前端框架进行测试。此外，本发明还涉及区块链技术，所述依赖包及配置文件可存储在区块链的节点中。本发明还提出多前端框架的集成装置、电子设备以及计算机可读存储介质。本发明可以解决前端框架开发效率较低的问题。

Description

前端框架的集成方法、装置、电子设备及存储介质
技术领域
本发明涉及研发框架技术领域，尤其涉及一种前端框架的集成方法、装置、电子设备及存储介质。
背景技术
前端框架一般用于执行网页设计。前端框架一般使用jquery，extjs，bootstrap等前端开发套件，以实现封装，如html文档操作，各种控件(按钮，表单等等)等功能，前端框架可以帮助快速的构建网站。
目前，前端框架的种类比较多，但各种前端框架的编程语言、配置、运行方式均存在差异，对于前端框架使用人员不太友好，尤其是对于前端框架不太精通的工程师，无法灵活、高效的实现前端框架的语言转换及应用，导致开发效率比较低。
发明内容
本发明提供一种前端框架的集成方法、装置、电子设备及计算机可读存储介质，其主要目的在于提高前端开发效率。
为解决上述问题，本发明提出一种前端框架的集成方法、数据库构建方法。
获取多个原始前端框架的依赖包及配置文件，集成所述依赖包，得到集成依赖包，及集成所述配置文件，得到集成配置文件；
对所述集成依赖包及所述集成配置文件的资源进行资源冗余处理，得到公共资源库；
利用所述公共资源库搭建集成前端框架，及利用所述公共资源库构建测试用例；
利用所述测试用例对所述集成前端框架进行测试，若所述测试不通过，返回上述获取多个前端框架对应的依赖包及配置文件的步骤；
若所述测试通过，输出所述集成前端框架。
可选地，所述获取多个原始前端框架的依赖包及配置文件，集成所述依赖包，得到集成依赖包，及集成所述配置文件，得到集成配置文件，包括：
将每个所述原始前端框架对应的依赖包存储至预构建的依赖包文件中，得到所述集成依赖包；
调用预构建的解析文件，将所述解析文件添加至由每个所述原始前端框架对应的配置文件组成的配置文件集中，得到所述集成配置文件。
可选地，所述对所述集成依赖包及所述集成配置文件的资源进行资源冗余处理，得到公共资源库，包括：
根据用户输入的用户版本指令，根据用户输入的用户版本指令及预构建的代码分析规则分析所述集成依赖包及所述集成配置文件中的冗余代码；
删除所述冗余代码，得到所述公共资源库。
可选地，所述利用所述公共资源库搭建集成前端框架，包括：
根据预构建的框架规则将所述公共资源库划分为前端数据库及插件数据库；
使用预构建的DOM模板对所述前端数据库进行数据渲染，将所述前端数据库中的数据转化为前端图片；
根据预构建的封装模式对所述插件数据库进行封装，得到前端框架功能插件；
整合所述前端图片及所述前端框架功能插件，得到所述集成前端框架。
可选地，所述使用预构建的DOM模板对所述前端数据库进行数据渲染，将所述前端数据库中的数据转化为前端图片，包括：
解析所述预构建的DOM模板，得到DOM树及CSS规则树；
根据所述DOM树及CSS规则树处理所述前端数据库，得到坐标数据及颜色数据；
根据所述坐标数据及颜色数据将所述前端数据库中的数据转化为前端图片。
可选地，所述根据预构建的封装模式对所述插件数据库进行封装，得到前端框架功能插件，包括：
按照功能将所述插件数据库中的数据分类，得到不同功能的插件构建数据；
根据所述插件构建数据选择对应的模式对所述不同功能的插件构建数据进行script封装及html封装，得到所述前端框架功能插件。
可选地，所述利用所述公共资源库构建测试用例，包括：
将所述公共资源库的划分为任务数据及协议数据；
对所述任务数据数据进行分布式协调，得到分布式任务数据，及对所述协议数据进行HTTP请求操作，得到HTTP数据；
整合所述分布式任务数据及所述HTTP数据得到所述测试用例。
为了解决上述问题，本发明还提供前端框架的集成装置，所述装置包括：
集成模块，用于获取多个原始前端框架的依赖包及配置文件，集成所述依赖包，得到集成依赖包，及集成所述配置文件，得到集成配置文件；
数据库构建模块，用于对所述集成依赖包及所述集成配置文件的资源进行资源冗余处理，得到公共资源库；
前端框架构建模块，用于利用所述公共资源库搭建集成前端框架，及利用所述公共资源库构建测试用例；
测试模块，用于利用所述测试用例对所述集成前端框架进行测试，在所述测试通过时，输出所述集成前端框架。
为了解决上述问题，本发明还提供一种电子设备，所述电子设备包括：
存储器，存储至少一个指令；及
处理器，执行所述存储器中存储的指令以实现上述所述的前端框架的集成方法。
为了解决上述问题，本发明还提供一种计算机可读存储介质，所述计算机可读存储介质中存储有至少一个指令，所述至少一个指令被电子设备中的处理器执行以实现上述所述的前端框架的集成方法。
本发明实施例获取多个原始前端框架对应的依赖包及配置文件，得到集成依赖包及集成配置文件，保证了集成前端框架的资源多样性，通过对于所述集成配置文件进行资源冗余处理，可以减少对存储空间的无效占用；同时，通过集成前端框架的搭建，可以更有针对性的提高测试人员的前端开发效率。因此，本发明提出的多前端框架的集成方法、装置、电子设备及计算机可读存储介质，可以提高前端框架开发效率。
附图说明
图1为本发明一实施例提供的多前端框架的集成方法的流程示意图；
图2为图1提供的实现所述多前端框架的集成方法的中其中一个步骤的详细实施流程图。
图3为本发明一实施例提供的数据查询装置的功能模块图；
图4为本发明一实施例提供的实现所述多前端框架的集成方法的电子设备的结构示意图。
本发明目的的实现、功能特点及优点将结合实施例，参照附图做进一步说明。
具体实施方式
应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。
本申请实施例提供一种多前端框架的集成方法。所述多前端框架的集成方法的执行主体包括但不限于服务端、终端等能够被配置为执行本申请实施例提供的该方法的电子设备中的至少一种。换言之，所述多前端框架的集成方法可以由安装在终端设备或服务端设备的软件或硬件来执行，所述软件可以是区块链平台。所述服务端包括但不限于：单台服务器、服务器集群、云端服务器或云端服务器集群等。
为本发明一实施例提供的多前端框架的集成方法的流程示意图。在本实施例中，所述多前端框架的集成方法包括：
S1、获取多个原始前端框架的依赖包及配置文件，集成所述依赖包，得到集成依赖包，及集成所述配置文件，得到集成配置文件。
本发明实施例中，所述原始前端框架包括vue、react、redux、Angular等。其中，所述Vue是一套用于构建用户界面的渐进式框架，可以自底向上逐层应用，其核心库只关注视图层，便于与第三方库或既有项目整合。所述React是一个用于构建用户界面的JAVASCRIPT库，主要用于构建UI。所述Redux是JavaScript应用的状态容器，提供可预测化的状态管理。所述Angular是一个应用设计框架与开发平台，用于创建单页面应用，通过新的属性和表达式扩展HTML。
本发明实施例中，所述依赖包是最基本的分发单位和工程中依赖关系的体现。所述配置文件是一种计算机文件，可以为所述前端框架构建程序配置参数和初始设置。
详细地，本发明实施例中，所述获取多个原始前端框架的依赖包及配置文件，集成所述依赖包，得到集成依赖包，及集成所述配置文件，得到集成配置文件，包括：
将每个原始前端框架对应的依赖包存储至预构建的依赖包文件，得到所述集成依赖包；及调用预构建的解析文件，将所述解析文件添加至每个原始前端框架的配置文件，得到每个原始前端框架对应的集成配置文件。
本发明实施例中，可以将React、Vue、Redux、Angular等前端框架的依赖包集中存储至一个文件。
进一步地，本发明实施例向每个原始前端框架的配置文件中添加相应的解析文件，其中，所述解析文件中包括前端框架的解析工具，比如，Vue的解析工具中包括Vue的开发环境解析等。
S2、对所述集成依赖包及所述集成配置文件的资源进行资源冗余处理，得到公共资源库；本发明实施例中，所述公共资源库是为上述依赖包及配置文件提供集成操作支持的存储空间，可以为关系型数据库、非关系型数据库及键值数据库等。
具体地，所述对所述集成依赖包及所述集成配置文件的资源进行资源冗余处理，得到公共资源库，包括：
根据用户输入的用户版本指令及预构建的代码分析规则分析所述集成依赖包及所述集成配置文件中的冗余代码；；
删除所述冗余代码，得到所述公共资源库。
其中，所述用户版本指令是指用户输入的带有语言选择信息的指令，作用是为所述公共资源库的构建提供数据依据。
本发明实施例中，所述代码分析规则用于对代码种类进行分析，选出符合种类的代码，删除所述前端框架不需要的代码。
本发明实施例通过引用多个原始前端框架的依赖包及配置文件，可以提高所述公共资源库的多样性，使得所述公共资源库更加丰富，避免切换不同语言对应的前端框架版本的时候由于资源不足导致出错。调用所述版本选择指令，对公共资源库进行筛选，移除重复资源及不必要资源，提高存储空间的利用率，避免浪费。
S3、利用所述公共资源库搭建集成前端框架，及利用所述公共资源库构建测试用例。
详细地，参阅图2所示，本发明实施例中，所述利用所述公共资源库搭建集成前端框架，包括：
S30、根据预构建的框架规则将所述公共资源库划分为前端数据库及插件数据库；
本发明实施例中，所述预构建的框架规则可以是分布式数据库分类规则。
S31、使用预构建的DOM模板对所述前端数据库进行数据渲染，将所述前端数据库中的数据转化为前端图片；
详细的，本发明实施例解析所述预构建的DOM模板，得到DOM树及CSS规则树；根据所述DOM树及CSS规则树处理所述前端数据库，得到坐标数据及颜色数据；根据所述坐标数据及颜色数据将所述前端数据库中的数据转化为所述前端图片。
S32、根据预构建的封装模式对所述插件数据库进行封装，得到前端框架功能插件；
详细地，本发明实施例按照功能将所述插件数据库中的数据分类，得到不同功能的插件构建数据；
根据所述插件构建数据选择对应的模式对所述不同功能的插件构建数据进行script封装及html封装得到所述前端框架功能插件。本发明实施例中，所述前端框架功能插件可以是对公共资源库中的插件数据进行封装得到的，是所述原始前端框架没有的插件，作用是帮助用户更快的进行前端开发。比如，Regex Previewer插件，作用是用于实时测试正则表达式的实用工具。所述DOM树是文档对象模型，所述CSS规则树是一个包含CSS规则的数据集。S33、整合所述前端图片及所述前端框架功能插件，得到所述集成前端框架。进一步地，本发明实施例中，所述利用所述公共资源库构建测试用例，包括：
将所述公共资源库的划分为任务数据及协议数据；
对所述任务数据数据进行分布式协调，得到分布式任务数据，及对所述协议数据进行HTTP请求操作，得到HTTP数据；
整合所述分布式任务数据及所述HTTP数据得到所述测试用例。
本发明实施例中，所述测试用例的本质是一个可以运行的实施例。所述分布式任务数据是支持SQL，分布式事务，有统一接口的分布式的数据，所述HTTP数据的格式是数据报。本发明实施例通过整合所述公共资源库的内容，得到了所述前端框架功能插件并搭建原始集成前端框架，所述前端框架功能插件可以提高所述前端框架的使用者提高前端开发速率，可以降低界面开发周期和提高界面的美观性。
S4、利用所述测试用例对所述集成前端框架进行测试。
详细的，本发明实施例采用下述方法利用所述测试用例对所述集成前端框架进行测试：
将所述测试用例在所述原始集成前端框架中运行；
若所述测试用例可以成功运行，则所述集成前端框架测试通过；
若所述测试用例无法成功运行，则所述集成前端框架测试不通过。
本发明实施例通过对所述集成前端框架进行测试，保证了所述集成前端框架的准确性。
本发明实施例获取多个原始前端框架对应的依赖包及配置文件，得到集成依赖包及集成配置文件，保证了集成前端框架的资源多样性，通过对于所述集成配置文件进行资源冗余处理，可以减少对存储空间的无效占用；同时，通过集成前端框架的搭建，可以更有针对性的提高测试人员的前端开发效率。因此，本发明提出的多前端框架的集成方法可以提高前端框架开发效率。
如图3所示，是本发明一实施例提供的多前端框架的集成方法装置的功能模块图。
本发明所述数据查询装置100可以安装于电子设备中。根据实现的功能，所述数据查询装置100可以包括标识集成模块101、数据库构建模块102、前端框架构建模块103及测试模块104。本发明所述模块也可以称之为单元，是指一种能够被电子设备处理器所执行，并且能够完成固定功能的一系列计算机程序段，其存储在电子设备的存储器中。
在本实施例中，关于各模块/单元的功能如下：
所述集成模块101，用于获取多个原始前端框架的依赖包及配置文件，集成所述依赖包，得到集成依赖包，及集成所述配置文件，得到集成配置文件。
本发明实施例中，所述原始前端框架包括vue、react、redux、Angular等。其中，所述Vue是一套用于构建用户界面的渐进式框架，可以自底向上逐层应用，其核心库只关注视图层，便于与第三方库或既有项目整合。所述React是一个用于构建用户界面的JAVASCRIPT库，主要用于构建UI。所述Redux是JavaScript应用的状态容器，提供可预测化的状态管理。所述Angular是一个应用设计框架与开发平台，用于创建单页面应用，通过新的属性和表达式扩展HTML。
本发明实施例中，所述依赖包是最基本的分发单位和工程中依赖关系的体现。所述配置文件是一种计算机文件，可以为所述前端框架构建程序配置参数和初始设置。
详细地，本发明实施例中，所述获取多个原始前端框架的依赖包及配置文件，集成所述依赖包，得到集成依赖包，及集成所述配置文件，得到集成配置文件，包括：
具体地，所述集成模块101通过下述操作得到集成依赖包及集成配置文件：
将每个原始前端框架对应的依赖包存储至预构建的依赖包文件，得到所述集成依赖包；及调用预构建的解析文件，将所述解析文件添加至每个原始前端框架的配置文件，得到每个原始前端框架对应的集成配置文件。
本发明实施例中，可以将React、Vue、Redux、Angular等前端框架的依赖包集中存储至一个文件。
进一步地，本发明实施例向每个原始前端框架的配置文件中添加相应的解析文件，其中，所述解析文件中包括前端框架的解析工具，比如，Vue的解析工具中包括Vue的开发环境解析等。
所述数据库构建模块102用于对所述集成依赖包及所述集成配置文件的资源进行资源冗余处理，得到公共资源库。
本发明实施例中，所述公共资源库是为上述依赖包及配置文件提供集成操作支持的存储空间，可以为关系型数据库、非关系型数据库及键值数据库等。
具体地，所述数据库构建模块102通过下述操作得到公共资源库：
根据用户输入的用户版本指令及预构建的代码分析规则分析所述集成依赖包及所述集成配置文件中的冗余代码；；
删除所述冗余代码，得到所述公共资源库。
其中，所述用户版本指令是指用户输入的带有语言选择信息的指令，作用是为所述公共资源库的构建提供数据依据。
本发明实施例中，所述代码分析规则用于对代码种类进行分析，选出符合种类的代码，删除所述前端框架不需要的代码。
本发明实施例通过引用多个原始前端框架的依赖包及配置文件，可以提高所述公共资源库的多样性，使得所述公共资源库更加丰富，避免切换不同语言对应的前端框架版本的时候由于资源不足导致出错。调用所述版本选择指令，对公共资源库进行筛选，移除重复资源及不必要资源，提高存储空间的利用率，避免浪费。
所述前端框架构建模块103，用于利用所述公共资源库搭建集成前端框架，及利用所述公共资源库构建测试用例。
详细地，本发明实施例中，所述利用所述公共资源库搭建集成前端框架，包括：
具体地，所述前端框架构建模块103通过下述步骤得到集成前端框架：
步骤A、根据预构建的框架规则将所述公共资源库划分为前端数据库及插件数据库；
本发明实施例中，所述预构建的框架规则可以是分布式数据库分类规则。
步骤B、使用预构建的DOM模板对所述前端数据库进行数据渲染，将所述前端数据库中的数据转化为前端图片；
详细的，本发明实施例解析所述预构建的DOM模板，得到DOM树及CSS规则树；根据所述DOM树及CSS规则树处理所述前端数据库，得到坐标数据及颜色数据；根据所述坐标数据及颜色数据将所述前端数据库中的数据转化为所述前端图片。
步骤C、根据预构建的封装模式对所述插件数据库进行封装，得到前端框架功能插件；
详细地，本发明实施例按照功能将所述插件数据库中的数据分类，得到不同功能的插件构建数据；根据所述插件构建数据选择对应的模式对所述不同功能的插件构建数据进行script封装及html封装得到所述前端框架功能插件。
本发明实施例中，所述前端框架功能插件可以是对公共资源库中的插件数据进行封装得到的，是所述原始前端框架没有的插件，作用是帮助用户更快的进行前端开发。比如，Regex Previewer插件，作用是用于实时测试正则表达式的实用工具。所述DOM树是文档对象模型，所述CSS规则树是一个包含CSS规则的数据集。
步骤D、整合所述前端图片及所述前端框架功能插件，得到所述集成前端框架。
进一步地，本发明实施例中，所述前端框架构建模块103通过下述操作构建测试用例：
将所述公共资源库的划分为任务数据及协议数据；
对所述任务数据数据进行分布式协调，得到分布式任务数据，及对所述协议数据进行HTTP请求操作，得到HTTP数据；
整合所述分布式任务数据及所述HTTP数据得到所述测试用例。
本发明实施例中，所述测试用例的本质是一个可以运行的实施例。所述分布式任务数据是支持SQL，分布式事务，有统一接口的分布式的数据，所述HTTP数据的格式是数据报。本发明实施例通过整合所述公共资源库的内容，得到了所述前端框架功能插件并搭建原始集成前端框架，所述前端框架功能插件可以提高所述前端框架的使用者提高前端开发速率，可以降低界面开发周期和提高界面的美观性。
所述测试模块104，用于利用所述测试用例对所述集成前端框架进行测试，在所述测试通过时，输出所述集成前端框架。
具体地，所述测试模块104将所述测试用例在所述原始集成前端框架中运行；若所述测试用例可以成功运行，则所述集成前端框架测试通过；若所述测试用例无法成功运行，则所述集成前端框架测试不通过。
本发明实施例通过对所述集成前端框架进行测试，保证了所述集成前端框架的准确性。
如图4所示，是本发明实现多前端框架的集成方法的电子设备的结构示意图。
所述电子设备可以包括处理器10、存储器11、通信总线12和通信接口13，还可以包括存储在所述存储器11中并可在所述处理器10上运行的计算机程序，如多前端框架的集成程序。
其中，所述存储器11至少包括一种类型的可读存储介质，所述可读存储介质包括闪存、移动硬盘、多媒体卡、卡型存储器(例如：SD或DX存储器等)、磁性存储器、本地磁盘、光盘等。所述存储器11在一些实施例中可以是电子设备的内部存储单元，例如该电子设备的移动硬盘。所述存储器11在另一些实施例中也可以是电子设备的外部存储设备，例如电子设备上配备的插接式移动硬盘、智能存储卡(Smart Media Card，SMC)、安全数字(SecureDigital，SD)卡、闪存卡(Flash Card)等。进一步地，所述存储器11还可以既包括电子设备的内部存储单元也包括外部存储设备。所述存储器11不仅可以用于存储安装于电子设备的应用软件及各类数据，例如多前端框架的集成程序的代码等，还可以用于暂时地存储已经输出或者将要输出的数据。
所述处理器10在一些实施例中可以由集成电路组成，例如可以由单个封装的集成电路所组成，也可以是由多个相同功能或不同功能封装的集成电路所组成，包括一个或者多个中央处理器(Central Processing unit，CPU)、微处理器、数字处理芯片、图形处理器及各种控制芯片的组合等。所述处理器10是所述电子设备的控制核心(Control Unit)，利用各种接口和线路连接整个电子设备的各个部件，通过运行或执行存储在所述存储器11内的程序或者模块(例如多前端框架的集成程序等)，以及调用存储在所述存储器11内的数据，以执行电子设备的各种功能和处理数据。
所述通信总线12可以是外设部件互连标准(perIPheral componentinterconnect，简称PCI)总线或扩展工业标准结构(extended industry standardarchitecture，简称EISA)总线等。该总线可以分为地址总线、数据总线、控制总线等。所述通信总线12总线被设置为实现所述存储器11以及至少一个处理器10等之间的连接通信。为便于表示，图中仅用一条粗线表示，但并不表示仅有一根总线或一种类型的总线。
图4仅示出了具有部件的电子设备，本领域技术人员可以理解的是，图4示出的结构并不构成对所述电子设备的限定，可以包括比图示更少或者更多的部件，或者组合某些部件，或者不同的部件布置。
例如，尽管未示出，所述电子设备还可以包括给各个部件供电的电源(比如电池)，优选地，电源可以通过电源管理装置与所述至少一个处理器10逻辑相连，从而通过电源管理装置实现充电管理、放电管理、以及功耗管理等功能。电源还可以包括一个或一个以上的直流或交流电源、再充电装置、电源故障检测电路、电源转换器或者逆变器、电源状态指示器等任意组件。所述电子设备还可以包括多种传感器、蓝牙模块、Wi-Fi模块等，在此不再赘述。
可选地，所述通信接口13可以包括有线接口和/或无线接口(如WI-FI接口、蓝牙接口等)，通常用于在该电子设备与其他电子设备之间建立通信连接。
可选地，所述通信接口13还可以包括用户接口，用户接口可以是显示器(Display)、输入单元(比如键盘(Keyboard))，可选地，用户接口还可以是标准的有线接口、无线接口。可选地，在一些实施例中，显示器可以是LED显示器、液晶显示器、触控式液晶显示器以及OLED(Organic Light-Emitting Diode，有机发光二极管)触摸器等。其中，显示器也可以适当的称为显示屏或显示单元，用于显示在电子设备中处理的信息以及用于显示可视化的用户界面。
应该了解，所述实施例仅为说明之用，在专利申请范围上并不受此结构的限制。
所述电子设备中的所述存储器11存储的多前端框架的集成程序是多个计算机程序的组合，在所述处理器10中运行时，可以实现：
获取多个原始前端框架的依赖包及配置文件，集成所述依赖包，得到集成依赖包，及集成所述配置文件，得到集成配置文件；
对所述集成依赖包及所述集成配置文件的资源进行资源冗余处理，得到公共资源库；
利用所述公共资源库搭建集成前端框架，及利用所述公共资源库构建测试用例；
利用所述测试用例对所述集成前端框架进行测试，若所述测试不通过，返回上述获取多个前端框架对应的依赖包及配置文件的步骤；
若所述测试通过，输出所述集成前端框架。
具体地，所述处理器10对上述计算机程序的具体实现方法可参考图1对应实施例中相关步骤的描述，在此不赘述。
进一步地，所述电子设备集成的模块/单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。所述计算机可读介质可以是非易失性的，也可以是易失性的。所述计算机可读介质可以包括：能够携待所述计算机程序代码的任何实体或装置、记录介质、U盘、移动硬盘、磁碟、光盘、计算机存储器、只读存储器(ROM，Read-Only Memory)。
本发明还提供一种计算机可读存储介质，所述可读存储介质存储有计算机程序，所述计算机程序在被电子设备的处理器所执行时，可以实现：
获取多个原始前端框架的依赖包及配置文件，集成所述依赖包，得到集成依赖包，及集成所述配置文件，得到集成配置文件；
对所述集成依赖包及所述集成配置文件的资源进行资源冗余处理，得到公共资源库；
利用所述公共资源库搭建集成前端框架，及利用所述公共资源库构建测试用例；
利用所述测试用例对所述集成前端框架进行测试，若所述测试不通过，返回上述获取多个前端框架对应的依赖包及配置文件的步骤；
若所述测试通过，输出所述集成前端框架。
在本发明所提供的几个实施例中，应该理解到，所揭露的设备，装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，所述模块的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式。
所述作为分离部件说明的模块可以是或者也可以不是物理上分开的，作为模块显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。
另外，在本发明各个实施例中的各功能模块可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用硬件加软件功能模块的形式实现。
对于本领域技术人员而言，显然本发明不限于上述示范性实施例的细节，而且在不背离本发明的精神或基本特征的情况下，能够以其他的具体形式实现本发明。
因此，无论从哪一点来看，均应将实施例看作是示范性的，而且是非限制性的，本发明的范围由所附权利要求而不是上述说明限定，因此旨在将落在权利要求的等同要件的含义和范围内的所有变化涵括在本发明内。不应将权利要求中的任何附关联图标记视为限制所涉及的权利要求。
本发明所指区块链是分布式数据存储、点对点传输、共识机制、加密算法等计算机技术的新型应用模式。区块链(Blockchain)，本质上是一个去中心化的数据库，是一串使用密码学方法相关联产生的数据块，每一个数据块中包含了一批次网络交易的信息，用于验证其信息的有效性(防伪)和生成下一个区块。区块链可以包括区块链底层平台、平台产品服务层以及应用服务层等。
此外，显然“包括”一词不排除其他单元或步骤，单数不排除复数。系统权利要求中陈述的多个单元或装置也可以由一个单元或装置通过软件或者硬件来实现。第二等词语用来表示名称，而并不表示任何特定的顺序。
最后应说明的是，以上实施例仅用以说明本发明的技术方案而非限制，尽管参照较佳实施例对本发明进行了详细说明，本领域的普通技术人员应当理解，可以对本发明的技术方案进行修改或等同替换，而不脱离本发明技术方案的精神和范围。

Claims (10)

1.一种前端框架的集成方法，其特征在于，所述方法包括：
获取多个原始前端框架的依赖包及配置文件，集成所述依赖包，得到集成依赖包，及集成所述配置文件，得到集成配置文件；
对所述集成依赖包及所述集成配置文件的资源进行资源冗余处理，得到公共资源库；
利用所述公共资源库搭建集成前端框架，及利用所述公共资源库构建测试用例；
利用所述测试用例对所述集成前端框架进行测试，若所述测试不通过，返回上述获取多个前端框架对应的依赖包及配置文件的步骤；
若所述测试通过，输出所述集成前端框架。
2.如权利要求1所述的多前端框架的集成方法，其特征在于，所述获取多个原始前端框架的依赖包及配置文件，集成所述依赖包，得到集成依赖包，及集成所述配置文件，得到集成配置文件，包括：
将每个所述原始前端框架对应的依赖包存储至预构建的依赖包文件中，得到所述集成依赖包；
调用预构建的解析文件，将所述解析文件添加至由每个所述原始前端框架对应的配置文件组成的配置文件集中，得到所述集成配置文件。
3.如权利要求2所述的多前端框架的集成方法，其特征在于，所述对所述集成依赖包及所述集成配置文件的资源进行资源冗余处理，得到公共资源库，包括：
根据用户输入的用户版本指令及预构建的代码分析规则分析所述集成依赖包及所述集成配置文件中的冗余代码；
删除所述冗余代码，得到所述公共资源库。
4.如权利要求1所述的多前端框架的集成方法，其特征在于，所述利用所述公共资源库搭建集成前端框架，包括：
根据预构建的框架规则将所述公共资源库划分为前端数据库及插件数据库；
使用预构建的DOM模板对所述前端数据库进行数据渲染，将所述前端数据库中的数据转化为前端图片；
根据预构建的封装模式对所述插件数据库进行封装，得到前端框架功能插件；
整合所述前端图片及所述前端框架功能插件，得到所述集成前端框架。
5.如权利要求4所述的多前端框架的集成方法，其特征在于，所述使用预构建的DOM模板对所述前端数据库进行数据渲染，将所述前端数据库中的数据转化为前端图片，包括：
解析所述预构建的DOM模板，得到DOM树及CSS规则树；
根据所述DOM树及CSS规则树处理所述前端数据库，得到坐标数据及颜色数据；
根据所述坐标数据及颜色数据将所述前端数据库中的数据转化为前端图片。
6.如权利要求4所述的多前端框架的集成方法，其特征在于，所述根据预构建的封装模式对所述插件数据库进行封装，得到前端框架功能插件，包括：
按照功能将所述插件数据库中的数据分类，得到不同功能的插件构建数据；
根据所述插件构建数据选择对应的模式对所述不同功能的插件构建数据进行script封装及html封装，得到所述前端框架功能插件。
7.如权利要求1至6中任意一项所述的多前端框架的集成方法，其特征在于，所述利用所述公共资源库构建测试用例，包括：
将所述公共资源库的划分为任务数据及协议数据；
对所述任务数据数据进行分布式协调，得到分布式任务数据，及对所述协议数据进行HTTP请求操作，得到HTTP数据；
整合所述分布式任务数据及所述HTTP数据得到所述测试用例。
8.一种多前端框架的集成装置，其特征在于，所述装置包括：
集成模块，用于获取多个原始前端框架的依赖包及配置文件，集成所述依赖包，得到集成依赖包，及集成所述配置文件，得到集成配置文件；
数据库构建模块，用于对所述集成依赖包及所述集成配置文件的资源进行资源冗余处理，得到公共资源库；
前端框架构建模块，用于利用所述公共资源库搭建集成前端框架，及利用所述公共资源库构建测试用例；
测试模块，用于利用所述测试用例对所述集成前端框架进行测试，在所述测试通过时，输出所述集成前端框架。
9.一种电子设备，其特征在于，所述电子设备包括：
至少一个处理器；以及，
与所述至少一个处理器通信连接的存储器；其中，
所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行如权利要求1至7中任意一项所述的前端框架的集成方法。
10.一种计算机可读存储介质，存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现如权利要求1至7中任意一项所述的前端框架的集成方法。
CN202110729991.7A 2021-06-29 2021-06-29 前端框架的集成方法、装置、电子设备及存储介质 Pending CN113360139A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202110729991.7A CN113360139A (zh) 2021-06-29 2021-06-29 前端框架的集成方法、装置、电子设备及存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202110729991.7A CN113360139A (zh) 2021-06-29 2021-06-29 前端框架的集成方法、装置、电子设备及存储介质

Publications (1)

Publication Number Publication Date
CN113360139A true CN113360139A (zh) 2021-09-07

Family

ID=77537055

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202110729991.7A Pending CN113360139A (zh) 2021-06-29 2021-06-29 前端框架的集成方法、装置、电子设备及存储介质

Country Status (1)

Country Link
CN (1) CN113360139A (zh)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113805874A (zh) * 2021-09-10 2021-12-17 上海得帆信息技术有限公司 适用于多框架语言的前端代码片段动态渲染方法和系统
CN113901143A (zh) * 2021-10-13 2022-01-07 北京德塔精要信息技术有限公司 前端跨框架通信方法及前端框架结构

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113805874A (zh) * 2021-09-10 2021-12-17 上海得帆信息技术有限公司 适用于多框架语言的前端代码片段动态渲染方法和系统
CN113901143A (zh) * 2021-10-13 2022-01-07 北京德塔精要信息技术有限公司 前端跨框架通信方法及前端框架结构
CN113901143B (zh) * 2021-10-13 2022-06-28 北京德塔精要信息技术有限公司 前端跨框架通信方法及前端框架结构

Similar Documents

Publication Publication Date Title
CN111813963B (zh) 知识图谱构建方法、装置、电子设备及存储介质
CN112052242A (zh) 数据查询方法、装置、电子设备及存储介质
CN112085217A (zh) 部署人工智能服务的方法、装置、设备及计算机介质
CN113360139A (zh) 前端框架的集成方法、装置、电子设备及存储介质
CN112395251A (zh) 数据文件的智能解析方法、装置、电子设备及存储介质
CN113806434B (zh) 大数据处理方法、装置、设备及介质
CN111897548A (zh) 前端资源发布方法、装置、电子设备及计算机存储介质
CN112506779A (zh) 软件接口测试方法、装置、电子设备及存储介质
CN112948427A (zh) 数据查询方法、装置、设备及存储介质
CN112579098A (zh) 软件发布方法、装置、电子设备及可读存储介质
CN114020256A (zh) 前端页面生成方法、装置、设备及可读存储介质
US10467575B2 (en) Numerical graphical flow diagram conversion and comparison
CN115129753A (zh) 数据血缘关系分析方法、装置、电子设备及存储介质
CN112631903A (zh) 任务测试方法、装置、电子设备及存储介质
CN113468175A (zh) 数据压缩方法、装置、电子设备及存储介质
CN113238929A (zh) 基于Mock数据的代码测试方法、装置、电子设备及存储介质
CN112541688A (zh) 业务数据校验方法、装置、电子设备及计算机存储介质
CN111985194A (zh) 数据存储方法、装置、电子设备及存储介质
CN115827115A (zh) 微信小程序的h5页面跳转方法、装置、设备及存储介质
CN114385155A (zh) vue项目可视化工具生成方法、装置、设备及存储介质
CN113051171B (zh) 接口测试方法、装置、设备及存储介质
CN115033489A (zh) 代码资源检测方法、装置、电子设备及存储介质
CN102486731A (zh) 增强软件的软件调用栈的可视化的方法、设备和系统
CN112527443A (zh) 提示框显示方法、装置、电子设备及计算机可读存储介质
CN111680204A (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
REG Reference to a national code

Ref country code: HK

Ref legal event code: DE

Ref document number: 40053550

Country of ref document: HK