CN113656005B - 应用组件库构建方法、应用组件配置方法及相关装置 - Google Patents

Abstract

本发明公开了一种应用组件库构建方法、应用组件配置方法及相关装置，该应用组件库构建方法包括：获取各应用组件的代码文件；接收修改代码文件的修改指令；基于修改指令修改代码文件中的应用组件代码，使得修改后的应用组件的接口至少能够兼容连接Qss代码类接口；保存修改后的应用组件的所述代码文件，构建应用组件库。通过上述方式，本发明能够提高应用组件的兼容性，以实现更方便的项目开发。

Description

应用组件库构建方法、应用组件配置方法及相关装置

技术领域

本发明涉及应用开发技术领域，特别是涉及一种应用组件库构建方法、应用组件配置方法及相关装置。

背景技术

随着互联网技术的迅猛发展，越来越多的信息通过不同的应用程序实现更多的展现方式，例如，通过智能终端展现给客户的商品浏览页面，因此，这也使得对网页开发的效率提出了更高的要求。用户对软件界面的美观程度也有更高的要求，而目前应用组件的兼容性低，逐渐不能满足日常需求。

发明内容

本发明主要解决的技术问题是提供一种应用组件库构建方法、应用组件配置方法及相关装置，能够提高应用组件的兼容性，以实现更方便的项目开发。

为解决上述技术问题，本发明采用的一个技术方案是：提供一种应用组件库构建方法，该应用组件库构建方法包括：获取各应用组件的代码文件；接收修改代码文件的修改指令；基于修改指令修改代码文件中的应用组件代码，使得修改后的应用组件的接口至少能够兼容连接Qss代码类接口；保存修改后的应用组件的代码文件，构建应用组件库。

其中，应用组件库构建方法还包括：接收更新代码文件的更新指令和更新后的应用组件代码；使用更新后的应用组件代码更换代码文件中的应用组件代码，更新应用组件。

其中，应用组件库还包括：界面展示文件和说明文档，界面展示文件用于展示应用组件的界面效果，说明文档用于介绍应用组件的基本功能和接口功能。

其中，保存修改后的应用组件的代码文件，形成应用组件库包括：将代码文件发送给服务器，以使服务器进行保存。

其中，应用组件包括Qt组件，获取各应用组件的代码文件包括：代码文件包括应用组件代码，应用组件代码是基于Qt框架利用C++语言编撰的。

为解决上述技术问题，本发明采用的一个技术方案是：提供一种应用组件配置方法，该应用组件配置方法包括：获取应用组件的代码文件；代码文件包括应用组件代码，应用组件的接口至少能够兼容连接Qss代码类接口；加载应用组件代码，实现应用组件功能。

其中，加载应用组件代码，实现应用组件功能包括：加载应用组件代码，预览展示应用组件的界面效果；加载应用组件的说明文档，说明文档用于介绍应用组件的基本功能和接口功能。

其中，加载应用组件代码，预览展示应用组件的界面效果包括：接收更改应用组件代码的更改指令和更改内容，基于更改内容更改应用组件代码，并同步更新预览展示界面的应用组件的界面效果。

为解决上述技术问题，本发明采用的一个技术方案是：提供一种应用组件配置方法，该应用组件配置方法包括：接收获取应用组件的代码文件请求；响应于请求，提供对应的代码文件，代码文件包括应用组件代码，应用组件的接口至少能够兼容连接Qss代码类接口。

其中，接收获取应用组件的组件代码请求之前包括：接收多个应用组件的多个代码文件；保存多个代码文件，构建应用组件列表。

其中，应用组件配置方法还包括：接收更新应用组件的代码文件请求；响应于请求，获取更新后的代码文件，更新应用组件列表中的代码文件。

为解决上述技术问题，本发明采用的一个技术方案是：提供一种设备端控件库，该设备端控件库包括处理器，处理器用于执行指令以实现上述的应用组件库构建方法或应用组件配置方法。

为解决上述技术问题，本发明采用的一个技术方案是：提供一种服务器，该服务器包括处理器，处理器用于执行指令以实现上述的应用组件配置方法。

为解决上述技术问题，本发明采用的一个技术方案是：提供一种计算机可读存储介质，该计算机可读存储介质用于存储指令/程序数据，指令/程序数据能够被执行以实现上述的应用组件库构建方法或上述的应用组件配置方法。

本发明的有益效果是：区别于现有技术的情况，本发明修改代码文件中的应用组件代码，使得修改后的应用组件的接口至少能够兼容连接Qss代码类接口，Qss代码可以直接控制组件库中的应用组件，开发者可以直接在线使用Qss代码进行网页开发，提高控件库的易用性。

附图说明

图1是本申请实施方式中一应用组件库构建方法的流程示意图；

图2是本申请实施方式中另一应用组件库构建方法的流程示意图；

图3是本申请实施方式中一应用组件配置方法的流程示意图；

图4是本申请实施方式中另一应用组件配置方法的流程示意图；

图5是本申请实施方式中设备端控件库的结构示意图；

图6是本申请实施方式中服务器的结构示意图；

图7是本申请实施方式中计算机可读存储介质的结构示意图。

具体实施方式

为使本发明的目的、技术方案及效果更加清楚、明确，以下参照附图并举实施例对本发明进一步详细说明。

本申请提供一种应用组件库构建方法，通过修改代码文件中的应用组件代码，使得修改后的应用组件的接口至少能够兼容连接Qss代码类接口，Qss代码可以直接控制组件库中的应用组件，开发者可以直接在线使用Qss代码进行网页开发，提高控件库的易用性。

请参阅图1，图1是本申请实施方式中一应用组件库构建方法的流程示意图。需注意的是，若有实质上相同的结果，本实施例并不以图1所示的流程顺序为限。如图1所示，本实施方式包括：

S110：获取各应用组件的代码文件。

应用组件库包括具有各种不同应用组件功能的多个应用组件，应用组件可以包括网页开发的一些常用组件，例如按键、表单、弹窗、日历、倒计时以及选项卡等。这些应用组件对应的代码文件中包括应用组件的应用组件代码，该应用组件代码可以为C++类代码等。

S130：接收修改代码文件的修改指令。

接收修改代码文件的修改指令，修改指令为指示更改代码文件中的应用组件代码，具体为修改应用组件的接口，使接口可以兼容其他类型的代码。

S150：基于修改指令修改代码文件中的应用组件代码，使得修改后的应用组件的接口至少能够兼容连接Qss代码类接口。

响应于修改指令，修改代码文件中的应用组件代码，使得修改后的应用组件的接口至少能够兼容连接Qss(Qt Style Sheets，Qt样式表)代码类接口。即使得Qss代码可以直接对应用组件进行控制。

S170：保存修改后的应用组件的代码文件，构建应用组件库。

该实施方式中，通过修改代码文件中的应用组件代码，使得修改后的应用组件的接口至少能够兼容连接Qss代码类接口，Qss代码可以直接控制组件库中的应用组件，开发者可以直接在线使用Qss代码进行网页开发，提高控件库的易用性。

请参阅图2，图2是本申请实施方式中另一应用组件库构建方法的流程示意图。在该实施方式中，构建的应用组件库为Qt组件库。需注意的是，若有实质上相同的结果，本实施例并不以图2所示的流程顺序为限。如图2所示，本实施方式包括：

S210：获取各应用组件的代码文件。

Qt是由Qt Company开发的跨平台C++图形用户界面应用程序开发框架，支持平台广泛。在基于Qt框架开发应用程序过程中，开发者实现界面效果时，需基于Qt提供的应用组件，通过C++代码，实现界面效果。应用组件代码是基于Qt框架利用C++语言编撰的，应用组件可以包括Qt组件。首先获取各应用组件的代码文件，代码文件为C++代码，一组C++代码对应控制实现一个应用组件。

S230：接收修改代码文件的修改指令，并基于修改指令修改代码文件中的应用组件代码，使得修改后的应用组件的接口至少能够兼容连接Qss代码类接口。

接收修改代码文件的修改指令，修改指令为指示代码文件更改与应用组件的接口，使接口可以兼容Qss代码文件。响应于修改指令，修改C++代码与应用组件的接口，增大接口的兼容性，使接口可以同时兼容Qss代码文件。

获取各应用组件对应的Qss代码文件，一组Qss代码对应一个应用组件，将Qss代码与对应的应用组件绑定，使得Qss代码文件可以直接控制应用组件。

S250：接收更新代码文件的更新指令和更新后的应用组件代码。

接收到更新代码文件的更新指令，更新指令为指示对Qss代码进行更新，并获取到更新后的Qss代码文件。

S270：使用更新后的应用组件代码更换代码文件中的应用组件代码，更新应用组件。

将Qss代码文件进行更换，使Qt组件库可以应用更新后的应用组件。

S290：保存更新后的应用组件的代码文件，构建应用组件库。

其中，可以是设备端本地保存应用组件库，也可以利用第三方服务器保存应用组件库，实在对应用组件的统一管理。可将代码文件发送给服务器，以使服务器进行保存，以构建Qt应用组件库。构建的应用组件库还包括界面展示文件和说明文档，界面展示文件用于展示应用组件的界面效果，当控制代码文件展示应用组件时，应用组件可以在界面展示文件中展示，供用户预览界面效果。说明文档用于介绍应用组件的基本功能和接口功能，当需要对界面进行调整升级时，利用说明文档中的介绍对应用组件代码进行调整。

该实施方式中，通过修改代码文件中的应用组件代码，使得修改后的应用组件的接口至少能够兼容连接Qss代码类接口，Qss代码可以直接控制组件库中的应用组件，开发者可以直接在线使用Qss代码进行网页开发，提高控件库的易用性。同时，通过提供Qss代码在线修改和保存功能，提高控件库升级可维护性，项目间代码可复用性。

请参阅图3，图3是本申请实施方式中一应用组件配置方法的流程示意图。需注意的是，若有实质上相同的结果，本实施例并不以图3所示的流程顺序为限。如图3所示，本实施方式包括：

S310：发送获取应用组件的代码文件请求。

设备端向服务器发送获取应用组件的代码文件请求。服务器中存储有Qss代码文件，该Qss代码文件可以对应用组件进行控制。设备端根据需要实现的组件功能向服务器发送获取应用组件的代码文件请求，该请求可以为请求一个应用组件对应的一组Qss代码文件，也可以为请求多个应用组件对应的多组Qss代码文件，也可以请求获取所有应用组件对应的所有Qss代码文件。

S330：发送应用组件的组件代码。

服务器响应于设备端发送来的获取应用组件的代码文件请求，服务器向设备端发送应用组件对应的Qss组件代码。

S350：加载应用组件代码，实现应用组件功能。

设备端获取从服务器发送来的Qss组件代码，根据需要实现的应用组件功能选择加载对应的Qss组件代码。

请参阅图4，图4是本申请实施方式中另一应用组件配置方法的流程示意图。需注意的是，若有实质上相同的结果，本实施例并不以图4所示的流程顺序为限。如图4所示，本实施方式包括：

S410：发送获取应用组件的代码文件请求。

设备端向服务器发送获取应用组件的代码文件请求。

S420：发送应用组件的组件代码。

服务器向设备端发送应用组件的组件代码。

S430：加载应用组件代码，预览展示应用组件的界面效果。

设备端包括预览界面，预览界面用于预先显示应用界面在设备网页显示界面上的效果图，方便用户根据预览结果判断应用组件的合理性，方便在应用之前进行调整。设备端获取从服务器发送来的Qss组件代码，根据需要实现的应用组件功能选择加载对应的Qss组件代码，在预览界面显示该应用组件，以使用户预览界面效果。

S440：加载应用组件的说明文档，说明文档用于介绍应用组件的基本功能和接口功能。

设备端编写应用组件的说明文档，说明文档中介绍了在该应用组件库中支持哪些应用组件，每个应用组件可以实现的基本功能和接口功能，方便用户学习和调整。

S450：发送更改应用组件代码的更改指令和更改内容。

设备端从用户接收更改应用组件代码的更改指令和更改内容。

S460：基于更改内容更改应用组件代码，并同步更新预览展示界面的应用组件的界面效果。

设备端包括编辑框，编辑框用于直接编辑Qss组件代码。设备端在收到更改指令之后，结合更改内容和说明文档，明确需要更改的Qss组件代码以及如何更改Qss组件代码，在编辑框内直接进行编辑更改，保存该更改后的Qss组件代码，在预览展示同步更新更改后的应用组件的界面效果。

S470：运行更改后的应用组件，在显示界面展示控件库。

S480：发送更新应用组件的代码文件请求。

设备端向服务端发送更新应用组件的代码文件请求并将更新后的Qss组件代码同步发送至服务端，服务端接收更新应用组件的代码文件请求。其中，更新请求中包括代码文件的更新方式。在一实施方式中，更新请求中包括新增请求，在另一实施方式中，更新请求中包括覆盖请求。

在该实施方式中，S470和S480可以同时进行，也可先执行S470，后执行S480，也可先执行S480，后执行S470，在此不进行限定。

S490：响应于更新请求，获取更新后的代码文件，更新应用组件列表中的代码文件。

服务端响应于更新请求，获取更新后的Qss组件代码，将更新后的Qss组件代码保存至应用组件列表中。在一实施方式中，响应于新增请求，保留原有的Qss组件代码，将更新后的Qss组件代码建立副本，保存至应用组件列表中。在另一实施方式中，响应于覆盖请求，不保留原有的Qss组件代码，将更新后的Qss组件代码替换原有的Qss组件代码，保存至应用组件列表中。

本实施例提供的应用组件库配置方法可以应用于本地服务器，也可以应用于Qss文件服务器，服务器至提供简单的文件存储功能，实现项目Qss和图片资源统一管理。在本申请的实施方式中，以应用于Qss文件服务器为例进行说明。

首先建立Qss文件服务器，Qss文件服务器用于存储Qss代码文件。接收多个应用组件的多个代码文件，保存多个代码文件，构建应用组件列表。Qss文件服务器可以提供获取项目列表、新增项目、删除项目、读取或提交项目Qss代码文件的功能。

当用户在进行Web网页开发时，可以先下载开发所需要的组件库，在本申请的实施方式中，使用Qt控件库，先下载Qt5.12或更新版本，并将该Qt组件库安装到所开发的网页对应的项目目录下。基于Qt属性系统将C++与控件功能的接口进行调整，使其可以兼容Qss。将Web端Qt控件库与Qss文件服务器进行关联，将控件功能与Qss绑定，使得可通过Qss代码控制控件基本接口。

Web端Qt控件库从Qss文件服务器中获取项目列表，并从Qss文件服务器中加载当前项目的Qss文件。将已实现的控件功能加载至列表中，用户点击相关空间，在Web端的预览界面上创建对应的控件功能进行Demo效果展示，并将已编辑好的说明文档和Qss代码文件加载至编辑框中。编辑框中提供有修改按钮和保存按钮，当用户需要修改Qss代码文件时，可直接在编辑框内进行编辑，修改之后点击修改按钮，Qss代码文件会自动应用到当前的控件功能中，并在预览界面上显示修改后的界面效果。当用户确认无误可以保存时，点击保存按钮，将修改后的Qss代码文件上传至Qss文件服务器。

在Web端将Qt控件库和Demo通过Qt提供的WebAssembly编译方式生成html和wasm文件，在Web端加载htlm文件即可展示Qt控件库。

该实施方式中，通过修改代码文件中的应用组件代码，使得修改后的应用组件的接口至少能够兼容连接Qss代码类接口，Qss代码可以直接控制组件库中的应用组件，该方法支持Web网页展示控件实际效果、Qss代码文件及相关文档，开发者可以直接在线使用Qss代码进行网页开发，不需要进行编译即可查看展示效果，同时设置Qss文件服务器将Qss代码统一管理，提高项目间工作成果的易用性及复用性，摆脱前期C++客户端运行繁琐的配置流程，降低使用门槛。增加在线修改源码的功能，可直接在Web截面修改和下载，在Qt空间库升级后可以直观查看各个项目实现效果有无影响，方便后续升级维护。

请参阅图5，图5是本申请实施方式中设备端控件库的结构示意图。该实施方式中，设备端控件库51包括处理器52。

处理器52还可以称为CPU(Central Processing Unit，中央处理单元)。处理器52可能是一种集成电路芯片，具有信号的处理能力。处理器52还可以是通用处理器、数字信号处理器(DSP)、专用集成电路(ASIC)、现场可编程门阵列(FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。通用处理器可以是微处理器或者该处理器52也可以是任何常规的处理器等。

设备端控件库51可以进一步包括存储器(图中未示出)，用于存储处理器52运行所需的指令和数据。

处理器52用于执行指令以实现上述本申请应用组件库构建方法任一实施例及任意不冲突的组合所提供的方法或应用组件配置方法设备端任一实施例及任意不冲突的组合所提供的方法。

请参阅图6，图6是本申请实施方式中服务器的结构示意图。该实施方式中，服务器61包括处理器62。

处理器62还可以称为CPU(Central Processing Unit，中央处理单元)。处理器62可能是一种集成电路芯片，具有信号的处理能力。处理器52还可以是通用处理器、数字信号处理器(DSP)、专用集成电路(ASIC)、现场可编程门阵列(FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。通用处理器可以是微处理器或者该处理器62也可以是任何常规的处理器等。

服务器61可以进一步包括存储器(图中未示出)，用于存储处理器62运行所需的指令和数据。

处理器62用于执行指令以实现上述本申请应用组件配置方法服务器端任一实施例及任意不冲突的组合所提供的方法。

请参阅图7，图7是本申请实施方式中计算机可读存储介质的结构示意图。本申请实施例的计算机可读存储介质71存储有指令/程序数据72，该指令/程序数据72被执行时实现本申请应用组件库构建方法或应用组件配置方法任一实施例以及任意不冲突的组合所提供的方法。其中，该指令/程序数据72可以形成程序文件以软件产品的形式存储在上述存储介质71中，以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)或处理器(processor)执行本申请各个实施方式方法的全部或部分步骤。而前述的存储介质71包括：U盘、移动硬盘、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，RandomAccess Memory)、磁碟或者光盘等各种可以存储程序代码的介质，或者是计算机、服务器、手机、平板等终端设备。

在本申请所提供的几个实施例中，应该理解到，所揭露的系统，装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。

另外，在本申请各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。

以上所述仅为本发明的实施方式，并非因此限制本发明的专利范围，凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换，或直接或间接运用在其他相关的技术领域，均同理包括在本发明的专利保护范围内。

Claims (14)

1.一种应用组件库构建方法，其特征在于，所述方法包括：

获取各应用组件的代码文件；

接收修改所述代码文件的修改指令；

基于所述修改指令修改所述代码文件中的应用组件代码，所述应用组件代码为C++代码，具体为基于Qt属性系统将所述C++代码与应用组件功能的接口进行调整，使得所述接口能够同时兼容Qss代码文件；

获取所述应用组件对应的Qss代码文件，将所述应用组件与其对应的Qss代码文件进行绑定，使得能够通过所述应用组件对应的Qss代码文件直接控制所述应用组件；

保存修改后的所述应用组件的所述代码文件，构建应用组件库。

2.根据权利要求1所述的应用组件库构建方法，其特征在于，所述方法还包括：

接收更新所述代码文件的更新指令和更新后的应用组件代码；

使用所述更新后的应用组件代码更换所述代码文件中的应用组件代码，更新所述应用组件。

3.根据权利要求1所述的应用组件库构建方法，其特征在于，所述应用组件库还包括：

界面展示文件和说明文档，所述界面展示文件用于展示所述应用组件的界面效果，所述说明文档用于介绍所述应用组件的基本功能和接口功能。

4.根据权利要求1所述的应用组件库构建方法，其特征在于，所述保存修改后的所述应用组件的所述代码文件，构建应用组件库包括：

将所述代码文件发送给服务器，以使服务器进行保存。

5.根据权利要求1所述的应用组件库构建方法，其特征在于，所述应用组件包括Qt组件，所述获取各应用组件的代码文件包括：

所述代码文件包括应用组件代码，所述应用组件代码是基于Qt框架利用C++语言编撰的。

6.一种应用组件配置方法，其特征在于，所述方法包括：

获取应用组件的代码文件；

所述代码文件包括应用组件代码，所述应用组件代码为C++代码，具体为基于Qt属性系统将所述C++代码与应用组件功能的接口进行调整，使得所述接口能够同时兼容Qss代码文件；

获取所述应用组件对应的Qss代码文件，将所述应用组件与其对应的Qss代码文件进行绑定，使得能够通过所述应用组件对应的Qss代码文件直接控制所述应用组件；

加载所述应用组件代码，实现所述应用组件功能。

7.根据权利要求6所述的应用组件配置方法，其特征在于，所述加载所述应用组件代码，实现所述应用组件功能包括：

加载所述应用组件代码，预览展示所述应用组件的界面效果；

加载所述应用组件的说明文档，所述说明文档用于介绍所述应用组件的基本功能和接口功能。

8.根据权利要求7所述的应用组件配置方法，其特征在于，所述加载所述应用组件代码，预览展示所述应用组件的界面效果包括：

接收更改所述应用组件代码的更改指令和更改内容；

基于所述更改内容更改所述应用组件代码，并同步更新预览展示界面的所述应用组件的界面效果。

9.一种应用组件配置方法，其特征在于，所述方法包括：

接收获取应用组件的代码文件请求；

响应于所述请求，提供对应的所述代码文件，所述代码文件包括应用组件代码，所述应用组件代码为C++代码，具体为基于Qt属性系统将所述C++代码与应用组件功能的接口进行调整，使得所述接口能够同时兼容Qss代码文件；

获取所述应用组件对应的Qss代码文件，将所述应用组件与其对应的Qss代码文件进行绑定，使得能够通过所述应用组件对应的Qss代码文件直接控制所述应用组件。

10.根据权利要求9所述的应用组件配置方法，其特征在于，接收获取应用组件的组件代码请求之前包括：

接收多个所述应用组件的多个代码文件；

保存多个所述代码文件，构建应用组件列表。

11.根据权利要求9所述的应用组件配置方法，其特征在于，所述方法还包括：

接收更新所述应用组件的代码文件请求；

响应于所述请求，获取更新后的代码文件，更新应用组件列表中的代码文件。

12.一种设备端控件库，其特征在于，包括处理器，所述处理器用于执行指令以实现如权利要求1-5任一项所述的应用组件库构建方法或6-8任一项所述的应用组件库构建方法。

13.一种服务器，其特征在于，包括处理器，所述处理器用于执行指令以实现如权利要求10-11任一项所述的应用组件配置方法。

14.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质用于存储指令/程序数据，所述指令/程序数据能够被执行以实现如权利要求1-5任一项所述的应用组件库构建方法或6-11任一项所述的应用组件配置方法。