一种低代码开发系统、页面转码方法、计算机设备及介质技术方案

本说明书公开了一种低代码开发系统、页面转码方法、计算机设备及介质，包括：应用程序接口API库，静态解析器，动态解析器，转码模块；其中，API库集成有本地能力调用接口；静态解析器，用于解析用户界面UI设计文件中各页面的元素节点与元素节点间的第一动态关联布局，并构建出各页面的静态布局文档；其中，静态布局文档包含页面元素节点和第一动态关联布局；动态解析器，用于解析出UE设计文件中的动态迁移逻辑，并结合API库对各页面配置调用逻辑和调用能力，构建出页面间的第二动态关联布局；转码模块，用于对各页面的静态布局文档和第二动态关联布局进行转码，得到转码插件。得到转码插件。得到转码插件。

【技术实现步骤摘要】
一种低代码开发系统、页面转码方法、计算机设备及介质


[0001]本说明书涉及软件开发
，尤其涉及一种低代码开发系统、页面转码方法、计算机设备及介质。

技术介绍

[0002]在传统的软件开发流程中，设计部门事先提供UI(User Interface，用户界面)设计稿、UE(User Experience，用户体验)设计稿，由产品部门和开发部门沟通开发，开发完成后进行测试，在反复循环的设计
‑
测试
‑
修改的传统开发流程中得到以用户需求为目标的产品设计。但是，传统的软件开发流程无法适应合端上产品的快速迭代，每当设计部门提出新构思并期待实际效果，都必须通过开发编码来展现，实现周期很长，无法快速将新构思部署到端上查看效果以及进行调整。
[0003]为此，低代码开发工具应运而生。
[0004]低代码开发工具无需编码或通过少量代码就可以快速生成应用程序。低代码开发工具拥有将UI设计稿和UE设计稿转成资源包并快速部署到手机端、车机端等直接查看运行效果的能力，可由设计部门独立操作低代码开发工具完成整套适配，整个过程不需要开发参与。因此，低代码开发工具能够提供从设计到研发、从需求到落地的全链路解决方案。
[0005]虽然低代码开发工具具有快速开发的优点，但是由于设计稿本身是页面状态的静态展示，并且常规的低代码开发工具只能描述页面静态元素，页面深层次的内容，例如由状态驱动多种显示状态的切换、生命周期、跳转等深层次的动态逻辑无法正确表达，因此常规的低代码工具只能实现简单的单页面静态输出，对于复杂的多页面动态逻辑场景仍旧需要技术人员辅助进行二次开发。
[0006]因此，低代码工具如何自主实现多页面动态逻辑场景的低代码化，是目前需要解决的问题。

技术实现思路

[0007]针对上述问题，本说明书提供了一种低代码开发系统、页面转码方法、计算机设备及介质，以UI设计文件和UE设计文件为基础分别从静态页面和动态逻辑两方面对多页面进行深度解析，再结合本地API库和转码模块输出整套可执行的逻辑加资源，从而自主实现多页面动态逻辑场景的低代码化的目的。
[0008]为解决上述技术问题，本说明书公开了一种低代码开发系统，包括：应用程序接口API库，静态解析器，动态解析器，转码模块；其中，
[0009]所述API库集成有本地能力调用接口；
[0010]静态解析器，用于解析用户界面UI设计文件中各页面的元素节点与元素节点间的第一动态关联布局，并构建出各页面的静态布局文档；其中，所述静态布局文档包含页面元素节点和所述第一动态关联布局；
[0011]动态解析器，用于解析出所述UE设计文件中的动态迁移逻辑，并结合所述API库对
各页面配置调用逻辑和调用能力，构建出页面间的第二动态关联布局；
[0012]所述转码模块，用于对所述各页面的静态布局文档和所述第二动态关联布局进行转码，得到转码插件；其中，所述转码插件中具有描述所述各页面静态布局的资源文件和描述所述各页面间动态迁移逻辑的代码编译文件。
[0013]优选的，所述低代码开发系统还包括：
[0014]页面组件库，用于存储构建所述UI设计文件的各个组件；其中，一个页面对应一个组件；所述页面组件库支持调用单个组件内的元素节点复用至其他页面。
[0015]优选的，所述静态解析器，具体包括：
[0016]页面布局模块，用于提取所述UI设计文件中各页面的元素节点和所述第一动态关联布局，构建出所述各页面的静态布局文档；
[0017]元素规则解析模块，用于将配置在所述各页面的元素节点上的高级属性设置于所述第一动态关联布局。
[0018]优选的，所述静态解析器，具体还包括：元素动态样式配置模块，用于解析所述各页面的元素节点的动态效果并附加在对应元素节点中，和/或采用代码描述元素节点间的动态提示逻辑并设置于所述第一动态关联布局。
[0019]优选的，所述高级属性可自定义配置。
[0020]优选的，所述动态解析器，具体包括：
[0021]页面动态构建模块，用于根据所述UE设计文件对所述各页面的静态布局文档实例化处理，得到所述各页面的被调度能力；
[0022]逻辑配置模块，用于将所述API库和所述各页面的实例化对象进行调用能力的双向绑定；以及解析出所述UE设计文件中的动态迁移逻辑，并利用所述动态迁移逻辑配置所述各页面的实例化对象的调用逻辑，以构建出所述第二动态关联布局；
[0023]动态布局绑定模块，用于将所述列表元素节点中的项目与对应适配器绑定。
[0024]优选的，所述转码模块根据不同操作系统的要求，对所述各页面的静态布局文档和所述第二动态关联布局进行转码，得到适应于不同操作系统的转码插件。
[0025]本说明书公开了一种计算机设备，包括前述方案描述的低代码开发系统。
[0026]本说明书公开了一种页面转码方法，所述方法应用于前述方案描述的低代码开发系统中，所述方法包括：
[0027]解析用户界面UI设计文件中各页面的元素节点与元素节点间的第一动态关联布局，并构建出各页面的静态布局文档；其中，所述静态布局文档包含页面元素节点和所述第一动态关联布局；
[0028]解析出所述UE设计文件中的动态迁移逻辑，并结合API库对各页面配置调用逻辑和调用能力，构建出页面间的第二动态关联布局；
[0029]对所述各页面的静态布局文档和所述第二动态关联布局进行转码，得到转码插件；其中，所述转码插件中具有描述所述各页面静态布局的资源文件和描述所述各页面间动态迁移逻辑的代码编译文件。
[0030]本说明书公开了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行实现上述方法的步骤。
[0031]通过本说明书的一个或者多个实施例，本说明书具有以下有益效果或者优点：
[0032]本说明书提供了一种低代码开发系统、页面转码方法、计算机设备及介质，以UI设计文件和UE设计文件为基础分别从静态页面和动态逻辑两方面对多页面进行深度解析，结合本地API库全功能迭代发布，以及结合转码模块实现页面功能的文档化，将页面转化为完整描述的代码逻辑行为，输出整套可执行的逻辑加资源，因此本说明书的低代码开发系统能够完整描述多页面的整体代码逻辑行为，从而自主实现多页面动态逻辑场景的低代码化，仅需设计人员即可完全实施，不需要技术人员的二次辅助开发，能够减少技术人员的工作量以及降低UI更新带来的适配成本，从而达到降本增效的效果。
[0033]上述说明仅是本说明书技术方案的概述，为了能够更清楚了解本说明书的技术手段，而可依照说明书的内容予以实施，并且为了让本说明书的上述和其它目的、特征和优点能够更明显易懂，以下特举本说明书的具体实施方式。
附图说明
[0034]通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种低代码开发系统，包括：应用程序接口API库，静态解析器，动态解析器，转码模块；其中，所述API库集成有本地能力调用接口；静态解析器，用于解析用户界面UI设计文件中各页面的元素节点与元素节点间的第一动态关联布局，并构建出各页面的静态布局文档；其中，所述静态布局文档包含页面元素节点和所述第一动态关联布局；动态解析器，用于解析出所述UE设计文件中的动态迁移逻辑，并结合所述API库对各页面配置调用逻辑和调用能力，构建出页面间的第二动态关联布局；所述转码模块，用于对所述各页面的静态布局文档和所述第二动态关联布局进行转码，得到转码插件；其中，所述转码插件中具有描述所述各页面静态布局的资源文件和描述所述各页面间动态迁移逻辑的代码编译文件。2.如权利要求1所述的低代码开发系统，所述低代码开发系统还包括：页面组件库，用于存储构建所述UI设计文件的各个组件；其中，一个页面对应一个组件；所述页面组件库支持调用单个组件内的元素节点复用至其他页面。3.如权利要求1所述的低代码开发系统，所述静态解析器，具体包括：页面布局模块，用于提取所述UI设计文件中各页面的元素节点和所述第一动态关联布局，构建出所述各页面的静态布局文档；元素规则解析模块，用于将配置在所述各页面的元素节点上的高级属性设置于所述第一动态关联布局。4.如权利要求3所述的低代码开发系统，所述静态解析器，具体还包括：元素动态样式配置模块，用于解析所述各页面的元素节点的动态效果并附加在对应元素节点中，和/或采用代码描述元素节点间的动态提示逻辑并设置于所述第一动态关联布局。5.如权利要求3所述的低代码开发系统，所述高级属性可自定义配置。6.如权利要求3或4...

【专利技术属性】
技术研发人员：刘寅时，王伟明，朱永辉，
申请(专利权)人：斑马网络技术有限公司，
类型：发明
国别省市：