前端代码生成方法和前端代码生成装置制造方法及图纸

本申请公开了一种前端代码生成方法和前端代码生成装置，用于前端设计中逻辑代码的自动生成。该方法包括：前端代码生成装置获取用户输入的用于构建场景的数据，并基于数据与动态属性的关联关系进行数据处理获取全量的布尔类型的数据集，将全量的布尔类型的数据集转换为逻辑表达式，进而生成逻辑代码，该逻辑代码和组件对应的预设代码可以打包在终端设备运行，根据运行时的数据不同展示不同场景下的动态效果。该方法可以自动生成逻辑代码，完成用户自定义的多样化功能，无需用户维护视图逻辑的细节，可以有效降低开发门槛。可以有效降低开发门槛。可以有效降低开发门槛。

【技术实现步骤摘要】
前端代码生成方法和前端代码生成装置


[0001]本申请涉及软件系统
，尤其涉及一种前端代码生成方法和和前端代码生成装置。

技术介绍

[0002]低代码作为一种快速、高效的开发工具正在被越来越多的开发者所使用，低代码平台提供了图形化的开发方式来进行应用程序界面的设计，具有不同经验水平的开发人员可以通过简单的拖拽组件、属性设置等操作实现界面内容的布局，可帮助减轻开发人员的代码编写压力。
[0003]低代码平台中，开发者可以基于已有模型简单、直观地在画布中布置组件，但若需要实现自定义需求，完成复杂动态效果，则需要依赖开发者通过代码输入或逻辑编排界面等方式为组件的动态属性编排视图逻辑。
[0004]这样的方案导致开发者仍然要掌握编程语言的细节，或者至少了解逻辑编排的编码概念，开发门槛仍然较高。

技术实现思路

[0005]本申请提供了一种前端代码生成方法和前端代码生成装置，用于在低代码页面设计中通过分析数据与页面组件属性之间的关系，自动生成逻辑代码，无需用户维护视图逻辑的细节，可以降低用户开发门槛。
[000本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种前端代码生成方法，其特征在于，包括：获取用户输入的第一数据和第二数据，所述第一数据用于构建第一场景，所述第一场景中的组件具有第一动态属性，所述第二数据用于构建第二场景，所述第二场景中的所述组件具有第二动态属性；根据所述第一数据与所述第一动态属性的对应关系，以及所述第二数据与所述第二动态属性的对应关系进行数据处理，以获取全量的布尔类型的数据集；根据所述全量的布尔类型的数据集生成逻辑表达式；将所述逻辑表达式转换为逻辑代码，所述逻辑代码与所述组件对应的代码共同用于运行应用。2.根据权利要求1所述的方法，其特征在于，所述第一数据和所述第二数据均为布尔类型的数据。3.根据权利要求1所述的方法，其特征在于，所述第一数据为非布尔类型的数据；在根据所述第一数据与所述第一动态属性的对应关系，以及所述第二数据与所述第二动态属性的对应关系进行数据处理之前，所述方法还包括：将所述第一数据转换为布尔类型的数据。4.根据权利要求3所述的方法，其特征在于，所述非布尔类型的数据包括非布尔类型的可枚举数据；所述将所述第一数据转换为布尔类型的数据包括：将所述第一数据转换为无限区间内的区间数据；将所述区间数据转换为布尔类型的第一数据。5.根据权利要求3所述的方法，其特征在于，所述非布尔类型的数据包括非布尔类型的不可枚举数据，且，所述第一数据的值为第一字段类型，所述第二数据的值为第二字段类型；所述将所述第一数据转换为布尔类型的数据包括：基于所述第一字段类型与所述第二字段类型的差异，将所述第一数据转换为布尔类型的第一数据。6.根据权利要求1至5中任一项所述的方法，其特征在于，根据所述第一数据与所述第一动态属性的对应关系，以及所述第二数据与所述第二动态属性的对应关系进行数据处理包括：根据所述第一数据与所述第一动态属性的对应关系，以及所述第二数据与所述第二动态属性的对应关系进行数据补全，以获取所述全量的布尔类型的数据集。7.根据权利要求6所述的方法，其特征在于，所述根据所述第一数据与所述第一动态属性的对应关系，以及所述第二数据与所述第二动态属性的对应关系进行数据补全，以获取所述全量的布尔类型的数据集，包括：根据所述第一数据和所述第二数据确定场景数据集，所述场景数据集包括第一数据中的场景数据和所述第二数据中的场景数据；补全所述场景数据集的所有取值场景，和对应所述场景数据集的任一取值场景下所述组件的动态属性，以获取所述全量的布尔类型的数据集，所述全量的布尔类型的数据集包括所述全量取值场景中任一取值场景与所述组件的动态属性的对应关系。
8.根据权利要求7所述的方法，其特征在于，所述全量取值场景中的第一取值场景不对应于所述第一动态属性和所述第二动态属性中任意一种动态属性；补全所述场景数据集的所有取值场景，和对应所述场景数据集的任一取值场景下所述组件的动态属性包括：确定所述第一取值场景对应的动态属性为无效。9.根据权利要求1至8中任一项所述的方法，其特征在于，在所述根据所述第一数据与所述第一动态属性的对应关系，以及所述第二数据与所述第二动态属性的对应关系进行数据补全之前，所述方法还包括：根据所述第一数据与所述第一动态属性的对应关系，以及所述第二数据与所述第二动态属性的对应关系过滤所述第一数据中与所述第一动态属性无关的部分数据，并过滤所述第二数据中与所述第二动态属性无关的部分数据。10.根据权利要求1至9中任一项所述的方法，其特征在于，所述根据所述全量的布尔类型的数据集生成逻辑表达式包括：将所述全量的布尔类型的数据集输入求解算法，输出所述逻辑表达式。11.根据权利要求10所述的方法，其特征在于，所述求解算法包括决策树算法或静态表算法。12.根据权利要求1至11中任一项所述的方法，其特征在于，所述方法还包括：向终端设备发送所述逻辑代码以及所述组件对应的代码，所述逻辑代码以及所述组件对应的代码用于所述终端设备的应用运行。13.一种前端代码生成装置，其特征在于，包括：编辑器模块，用于获取用户输入的第一数据和第二数据，所述第一数据用于构建第一场景，所述...

【专利技术属性】
技术研发人员：孙雨辉，
申请(专利权)人：华为技术有限公司，
类型：发明
国别省市：