CN113849156B - OpenHarmony操作系统应用的无代码智能开发系统及其使用方法 - Google Patents

Abstract

本发明公开了一种OpenHarmony操作系统应用的无代码智能开发系统及其使用方法，该系统采用前后端分离系统架构，前端系统包括：业务模块，用以根据业务场景获取设定OpenHarmony项目工程模板提供的ui组件与逻辑流程；ui生成模块，用以基于ui组件设计OpenHarmony应用的UI界面；流程模块，用以利用UI界面与逻辑流程进行业务跳转流程设计，得到关联逻辑事件；后端系统包括：代码生成模块，用以根据ui组件与关联逻辑事件，生成OpenHarmony应用代码。本发明帮助用户快速开发OpenHarmony应用程序，实现让用户在图形界面中，使用可视化建模的方式来组装和配置应用程序，对OpenHarmony应用开发的推广和普及具有重要的意义。

Description

OpenHarmony操作系统应用的无代码智能开发系统及其使用 方法

技术领域

本发明涉及OpenHarmony操作系统应用无代码智能开发领域，具体是一种OpenHarmony操作系统应用的无代码智能开发系统及其使用方法。

背景技术

随着信息化程度的日益深入，对应用开发人员的需求不断增长，不仅需要更多的应用开发人员，而且对应用开发人员的素养要求日益提高。各类系统运行的基础是代码，代码是各类网站、APP、应用系统的基础和核心所在。如何高效、高质量编写代码是学术界研究的热点，更是企业界持续关注的焦点。在此背景下，员工无需培训就可以编写所需应用程序的可信赖平台对绝大部分公司都极具价值。而无代码/低代码技术，自提出之后得到了广泛关注和认可，并在不同行业取得了明显收益。有数据调查预测，无代码开发平台市场将从2017年的38亿美元增长到2022年的212亿美元。这种爆炸性增长证明了一件事，很多公司正在长期认真研究无代码开发，以求通过无代码开发平台解决对软件开发人员的依赖，真正实现无需专业开发人员就完成软件开发的工作。OpenHarmony操作系统是国内新一代智能终端操作系统，在未来拥有广阔的发展前景，但在目前仍是较为新鲜的技术。OpenHarmony拥有自己的api接口和开发平台，这导致没有相关经验的人员很难获得所需要的OpenHarmony应用。

发明内容

本发明的目的在于提供一种OpenHarmony操作系统应用的无代码智能开发系统及其使用方法，以解决上述背景技术中提出的问题。

为实现上述目的，本发明提供如下技术方案。

一种OpenHarmony操作系统应用的无代码智能开发系统，采用前后端分离系统架构，其中，

前端系统，包括：

业务模块，用以用户根据所需的业务场景，获取设定OpenHarmony项目工程模板提供的ui组件与逻辑流程；

ui生成模块，用以基于ui组件，设计OpenHarmony应用的UI界面，并将生成该UI界面中的ui组件所需的参数以json串格式发送给后端；

流程模块，用以利用UI界面与逻辑流程进行业务跳转流程设计，得到关联逻辑事件，并将所述关联逻辑事件的参数以json串格式发送给后端；

后端系统，包括：

代码生成模块，用以根据ui组件与关联逻辑事件，生成包括UI代码及业务逻辑代码的OpenHarmony应用代码。

进一步地，前端系统采用vue框架，使用vue-cli搭建，webpack作为模块化管理和打包工具，使用element-ui美化页面。

进一步地，所述前端系统还包括用户模块，用以完成系统前端对用户个人信息部分的交互。

进一步地，所述前端系统还包括管理员模块，用以完成系统前端对管理员管理系统的交互。

进一步地，所述后端系统采用微服务的架构模式，还包括数据持久化模块，用以实现将前端系统产生的数据持久化到后端数据库中。

进一步地，所述后端系统还包括分布式文件存储模块，用以生成OpenHarmony应用时用户上传的文件，保存到分布式文件存储系统中。

进一步地，所述后端系统还包括模板解析模块，用以解析用户在前端自行设计并上传提交的模板，并将模板代码持久化到本地的代码组件库。

进一步地，所述后端系统还包括第三方API调用模块，用以调用第三方API完成业务实现。

进一步地，所述后端系统还包括代码打包模块，用以对OpenHarmony应用代码进行打包，生成hap包。

进一步地，所述后端系统还包括代码下载模块，用以将OpenHarmony应用代码或hap包下载到用户本地。

进一步地，所述后端系统还包括IDE工具测试模块，用以前端完成IDE工具调用用户本地中的OpenHarmony应用代码。

进一步地，所述后端系统还包括真机测试模块，用以通过前端操作，将用户本地中的hap包发布于OpenHarmony系统真机进行业务测试。

进一步地，所述后端系统还包括系统状态监控模块，用以监控服务所在主机的运行状态信息，监控微服务JVM的线程堆栈信息、GC信息及内存占用情况，检测服务状态。

进一步地，所述后端系统还包括系统管理模块，用以完成用户注册业务、用户登陆业务、用户注册密码的修改业务、用户注销业务、用户禁用业务及对用户操作业务权限的管理。

一种利用上述任一系统的无代码智能开发方法，其步骤包括：

1)用户在系统前端中根据所需的业务场景，利用设定的OpenHarmony项目工程模板，获取相应的ui组件与逻辑流程；

2)基于ui组件，设计的OpenHarmony应用的UI界面；

3)利用UI界面与逻辑流程进行业务跳转流程设计，得到关联逻辑事件；

4)将ui组件与关联逻辑事件的参数以json串格式发送至系统后端，以生成包括UI代码及业务逻辑代码的OpenHarmony应用代码。

与现有技术相比，本发明的无代码智能开发框架，可以帮助用户使用最少的编码知识，来快速开发OpenHarmony应用程序。可以实现让用户在图形界面中，使用可视化建模的方式，来组装和配置应用程序，这样用户可以直接跳过所有的基础架构，只关注于OpenHarmony应用业务逻辑的实现，对OpenHarmony应用开发的推广和普及具有重要的意义。

附图说明

图1为一种OpenHarmony操作系统应用的无代码智能开发系统简图。

图2为业务架构图。

图3为用户使用流程图。

具体实施方式

下面结合本发明实例中的附图1～3，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明的保护范围。

1.本发明实施例中，一种OpenHarmony操作系统应用的无代码智能开发系统，整个OpenHarmony应用的无代码智能开发系统采用前后端分离系统架构。

2.所述整个OpenHarmony操作系统应用的无代码智能开发系统采用前后端分离系统架构。所述前端采用vue-cli搭建系统，所述后端基于spring-boot搭建系统。所述前后端分离，既是一种开发模式，又是一种架构模式。在开发阶段，前后端约定好数据交互接口，实现并行开发与测试；在运行阶段，前后端采用分离部署，使用HTTP或其他通讯协议进行交互请求。前端主要负责为用户绘制虚拟机，让用户拖拽组件到虚拟机个性化设计界面ui，并且对业务内ui界面拖拽，设计关联逻辑事件，形成app的流程图，同时将所需参数传给后端，后端根据前端传来的数据进行业务逻辑处理，生成OpenHarmony应用代码，打包给用户安装。

3.所述前端系统采用vue框架搭建，包括几大核心功能模块：用户模块，管理员模块，业务模块，ui生成模块，流程模块。所述用户模块包括：登录注册模块，个人信息编辑模块，个人项目管理模块。所述管理员模块包括：平台管理模块，用户管理模块，权限管理模块。所述业务模块包括：业务选择模块，业务生成模块。所述ui生成模块包括：虚拟机选择模块，ui组件模块，ui预览模块，代码生成模块。所述流程模块包括：流程设计模块，事件绑定模块，流程图生成模块。

4.所述前端系统采用vue框架，使用vue-cli搭建，webpack作为模块化管理和打包工具，使用element-ui美化页面。

5.所述用户模块完成整个系统前端对用户个人信息部分的交互。所述用户模块包括登录注册模块，个人信息编辑模块，个人项目管理模块。所述登录注册模块，提供登录注册页面供用户进行登陆、注册、修改密码等操作进入系统。所述个人信息编辑模块，提供表单页面供用户修改个人资料。个人项目管理模块，供用户查看属于自己的项目，并进行管理、查看项目详情。

6.所述管理员模块完成整个系统前端对管理员管理系统的交互。所述管理员模块包括平台管理模块，用户管理模块，权限管理模块。所述平台管理模块，提供可视化操作面板，展示系统访问次数，issue，用户数量等系统状态信息。用户管理模块，列表展示当前所以注册的用户信息。权限管理模块，展示当前用户和项目的状态，供管理员审阅，进行封禁等权限操作。

7.所述业务模块完成整个系统前端对用户生成对应业务项目的交互。所述业务模块包括业务选择模块，业务生成模块。所述业务选择模块，提供多种具体业务场景供用户选择，如：博客，音乐播放器，记事本，购物平台……。业务生成模块，在选择具体业务场景后就会生成对应场景封装好的一些ui组件和逻辑流程供用户拖拽设计应用，使得用户不会从一个空白页面毫无头绪的开始设计应用，而是选好自己应用所希望的具体场景后，系统前端就提供许多对应该业务封装好的模板。

8.所述ui生成模块完成整个系统前端对用户设计生成app页面ui的交互。所述ui生成模块模块包括虚拟机选择模块，ui组件模块，ui预览模块，代码生成模块。所述虚拟机选择模块，提供不同型号和分辨率的华为虚拟机供用户选择，选择后前端生成对应分辨率的虚拟机，使得用户可以设计兼容多种设备的应用。所述ui组件模块，提供多种基础ui组件:按钮、文本框、图片……同时根据用户所选具体业务，提供该业务特有的封装好美化后的ui组件供用户选择。所述ui预览模块，实现让用户拖拽ui组件到虚拟机上，虚拟机实时显示当前页面的样式，支持用户对ui组件的基本操作，删除，修改属性等，用户对ui组件样式产生修改后，虚拟机实时展示，所述代码生成模块，用于与后端通信生成OpenHarmony应用页面，通过json存放当前虚拟机内ui组件的代码，并将当前虚拟机内的ui组件json串发送给后端。

9.所述流程模块完成整个系统前端对用户设计生成OpenHarmony应用逻辑流程的交互。所述流程模块包括流程设计模块，事件绑定模块，流程图生成模块。所述流程设计模块，供用户将设计好的页面通过拖拽设计流程图。事件绑定模块，根据用户所选的具体业务提供对应逻辑事件，让用户设计的多个页面中形成关联。流程图生成模块，用于与后端通信生成OpenHarmony应用的逻辑，将流程图所展示的页面直接的关联逻辑事件发送给后端。

10.所述后端系统采用微服务系统架构，所述微服务提倡将单一应用程序划分成一组小的服务，每个服务运行在独立的服务器中，服务之间互相协调、互相配合，为用户提供最终的系统应用实现。

11.注册中心微服务完成各个微服务的注册和服务发现。

12.配置中心微服务完成各个微服务配置文件的动态管理。

13.所述业务微服务完成整个系统的业务实现。所述业务微服务包括代码生成业务模块、数据持久化模块、分布式文件存储模块、模板解析模块、第三方API业务调用模块、代码打包模块、代码下载模块、IDE工具测试模块、真机测试模块。所述代码生成业务模块，可以实现OpenHarmony应用UI代码生成和业务逻辑代码生成。所述代码生成过程是，在服务后端模板代码库中预先放置多个类型OpenHarmony项目工程模板，在这些OpenHarmony项目工程模板中包含基本和通用的业务逻辑和UI代码。根据前端用户选择的业务场景，将OpenHarmony项目工程模板复制到用户目录下，最后根据用户前端的操作生成补充的UI和业务逻辑代码。所述数据持久化模块，可以实现将前端数据持久化到后端数据库中。所述分布式文件存储模块，可以实现将用户文件保存到分布式文件存储系统中，提供便捷的文件上传和管理，其中所述用户文件是指用户在使用该框架生成OpenHarmony应用时，需要上传的图片、图标等应用必须的文件。所述模板解析模块，用于解析有一定OpenHarmony应用开发基础的用户在前端设计并提交的模板，并将模板代码持久化到本地的代码组件库。所述第三方API调用模块，可以实现调用第三方API完成用户具体业务实现。所述代码打包模块，可以实现用户通过前端操作，后端服务器自动完成对所述代码生成模块生成的OpenHarmony应用代码进行打包。所述代码下载模块，一方面可以实现将所述代码生成模块生成的OpenHarmony应用代码下载到用户本地，另一方面可以实现将所述代码打包模块生成的hap包下载到用户本地。所述IDE工具测试模块，可以实现前端完成IDE工具调用指定目标文件夹下的用户下载的OpenHarmony应用代码。所述真机测试模块，可以实现通过前端操作，完成将用户下载的OpenHarmony应用hap包，发布于OpenHarmony系统真机进行业务测试。

14.所述系统状态监控微服务包括服务器状态监控模块、虚拟机状态监控模块、基础服务状态监控模块。所述服务器状态监控模块，可以监控服务所在主机的运行状态信息，如cpu、内存、磁盘占用。所述虚拟机状态监控模块，可以监控微服务JVM的线程堆栈信息、GC信息、内存占用情况。所述基础服务状态监控模块，可以检测服务内连接DB、缓存服务器、MQ服务等服务的状态。

15.所述系统管理微服务包括注册和登陆业务模块、修改密码业务模块、用户管理业务模块、权限管理业务模块。所述注册和登陆业务模块，完成用户的注册和登陆业务。所述修改密码业务模块，完成用户注册密码的修改业务。所述用户管理业务模块，完成用户的注销、禁用等业务。所述权限管理模块，完成用户操作业务权限的管理。

16.一种OpenHarmony操作系统应用的无代码智能开发系统，其特征在于：用户进行OpenHarmony应用无代码开发的步骤如下：

S1：用户通过浏览器访问系统，进行用户注册和登陆；

S2：用户新建OpenHarmony应用项目工程，选择OpenHarmony系统设备类型和设备型号；

S3：选择所开发应用对应的具体业务场景，输入项目名称和第一个UI页面的名称；

S4：用户通过拖拽UI组件、修改UI组件样式设计OpenHarmony应用的UI界面，点击代码生成，后端系统自动生成OpenHarmony应用的UI代码；

S5：用户点击流程设计，通过拖拽设计好的页面并绑定逻辑事件完成OpenHarmony应用的业务跳转流程设计，点击代码生成，后端系统自动生成OpenHarmony应用的业务逻辑代码；

S6：用户点击代码打包，后端系统自动完成OpenHarmony应用代码打hap包；

S7：用户点击代码下载，可以将hap包和生成的OpenHarmony应用代码下载到本地；

S8：用户点击运行测试，可以将hap包运行到OpenHarmony系统设备进行测试。

尽管参照前述实施例对本发明进行了详细的说明，对于本领域技术人员来说，其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换，凡在本发明的精神和原则之内，所做的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。本发明专利需要对整个系统、实现代码以及架构思想和方法进行保护。

Claims (9)

1.一种OpenHarmony操作系统应用的无代码智能开发系统，采用前后端分离系统架构，其特征在于，

前端系统，包括：

业务模块，用以用户根据所需的业务场景，获取设定OpenHarmony项目工程模板提供的ui组件与逻辑流程；

ui生成模块，包括：虚拟机选择模块、ui组件模块、ui预览模块和代码生成模块；

所述虚拟机选择模块，用以提供不同型号和分辨率的华为虚拟机供用户选择；

所述ui组件模块，用以提供多种基础ui组件，并根据用户所选具体业务，提供该业务特有的封装好美化后的ui组件供用户选择；

所述ui预览模块，用以实现让用户拖拽ui组件到虚拟机上，虚拟机实时显示当前页面的样式，支持用户对ui组件的基本操作及虚拟机实时展示修改后的ui组件样式；

所述代码生成模块，用以与后端系统通信生成OpenHarmony应用页面，通过json存放当前虚拟机内ui组件的代码，并将当前虚拟机内的ui组件json串发送给后端系统；

流程模块，用以利用UI界面与逻辑流程进行业务跳转流程设计，得到关联逻辑事件，并将所述关联逻辑事件的参数以json串格式发送给后端；

后端系统，包括：

代码生成业务模块，用以根据ui组件与关联逻辑事件，生成包括UI代码及业务逻辑代码的OpenHarmony应用代码；

代码打包模块，用以对OpenHarmony应用代码进行打包，生成hap包；

代码下载模块，用以将OpenHarmony应用代码或hap包下载到用户本地；

IDE工具测试模块，用以前端完成IDE工具调用用户本地中的OpenHarmony应用代码；

真机测试模块，用以通过前端操作，将用户本地中的hap包发布于OpenHarmony系统真机进行业务测试。

2.如权利要求1所述的系统，其特征在于，前端系统采用vue框架，使用vue-cli搭建，webpack作为模块化管理和打包工具，使用element-ui美化页面。

3.如权利要求1所述的系统，其特征在于，所述前端系统还包括用户模块，用以完成系统前端对用户个人信息部分的交互；所述前端系统还包括管理员模块，用以完成系统前端对管理员管理系统的交互。

4.如权利要求1所述的系统，其特征在于，所述后端系统采用微服务的架构模式，还包括数据持久化模块，用以实现将前端系统产生的数据持久化到后端数据库中。

5.如权利要求1所述的系统，其特征在于，所述后端系统还包括分布式文件存储模块，用以生成OpenHarmony应用时用户上传的文件，保存到分布式文件存储系统中。

6.如权利要求1所述的系统，其特征在于，所述后端系统还包括模板解析模块，用以解析用户在前端自行设计并上传提交的模板，并将模板代码持久化到本地的代码组件库。

7.如权利要求1所述的系统，其特征在于，所述后端系统还包括第三方API调用模块，用以调用第三方API完成业务实现。

8.如权利要求1所述的系统，其特征在于，所述后端系统还包括系统状态监控模块，用以监控服务所在主机的运行状态信息，监控微服务JVM的线程堆栈信息、GC信息及内存占用情况，检测服务状态；所述后端系统还包括系统管理模块，用以完成用户注册业务、用户登陆业务、用户注册密码的修改业务、用户注销业务、用户禁用业务及对用户操作业务权限的管理。

9.一种利用权利要求1-8中任一系统的无代码智能开发方法，其步骤包括：

1)用户在系统前端中根据所需的业务场景，利用设定的OpenHarmony项目工程模板，获取相应的ui组件与逻辑流程；

2)基于ui组件，设计的OpenHarmony应用的UI界面；

3)利用UI界面与逻辑流程进行业务跳转流程设计，得到关联逻辑事件；

4)将ui组件与关联逻辑事件的参数以json串的格式发送至系统后端，以生成包括UI代码及业务逻辑代码的OpenHarmony应用代码。

Images