CN113504908A - 业务代码生成方法、装置、电子设备及计算机可读介质 - Google Patents

Abstract

本发明公开了业务代码生成方法、装置、电子设备及计算机可读介质，涉及大数据技术领域，一具体实施方式包括响应于拖拽指令，从预设的组件库中确定被选中的至少一个组件，进而将被选中的至少一个组件拖拽至视图区域；响应于连接指令，将视图区域中的组件进行逻辑连接，以在属性编辑区生成节点为参数配置的组件树；响应于参数指令，获取参数数据以传递至属性编辑区对应的参数配置，动态解析生成对应的组件代码；响应于代码生成指令，自上而下逐层遍历属性编辑区的组件树，生成业务代码。从而，本发明实施方式能够使开发者更加方便快捷的完成开发任务，提高了软件开发的效率。

Description

业务代码生成方法、装置、电子设备及计算机可读介质

技术领域

本发明涉及移动互联技术领域，提出一种业务代码生成方法、装置、电子设备及计算机可读介质。

背景技术

随着互联网技术渗透到人类生活和工作的方方面面，各种前端应用开发需求也出现了爆发式增长。

在实现本发明过程中，发明人发现现有技术中至少存在如下问题：

传统软件开发方式都是通过文字式编码方式，效率很低，且容易产生缺陷、漏洞等等，每开发一个移动端应用程序APP，都需要投入大量人力物力，开发和维护成本很高。

发明内容

有鉴于此，本发明实施例提供一种业务代码生成方法、装置、电子设备及计算机可读介质，使开发者更加方便快捷的完成开发任务，提高了软件开发的效率。

为实现上述目的，根据本发明实施例的一个方面，提供了一种业务代码生成方法，包括响应于拖拽指令，从预设的组件库中确定被选中的至少一个组件，进而将被选中的至少一个组件拖拽至视图区域；响应于连接指令，将视图区域中的组件进行逻辑连接，以在属性编辑区生成节点为参数配置的组件树；响应于参数指令，获取参数数据以传递至属性编辑区对应的参数配置，动态解析生成对应的组件代码；响应于代码生成指令，自上而下逐层遍历属性编辑区的组件树，生成业务代码。

可选地，响应于拖拽指令，还包括：

获取被选中的至少一个组件的参数配置，以将所述参数配置显示在属性编辑区。

可选地，获取参数数据以传递至属性编辑区对应的参数配置之前，包括：

将视图区中的每个组件与当前开发的业务项目信息进行映射，以在属性编辑区对每个组件添加所述业务项目信息对应的参数配置。

可选地，自上而下逐层遍历组件树，还包括：

根据组件树从上往下逐层读取组件的参数信息以及对应的组件代码，并将读取结果依次展示在预设的可视化图形操作页面。

可选地，自上而下逐层遍历组件树生成业务代码之后，包括：

记录并生成组件列表，以基于所述组件列表按执行进度触发相应组件的加载。

可选地，动态解析生成对应的组件代码，还包括：

将所述组件对应的模板代码渲染至代码视图区，并在视图区域展示当前组件渲染效果。

可选地，将被选中的至少一个组件拖拽至视图区域之后，包括：

将所述组件相应的样式代码渲染至样式编辑区；

响应于样式修改指令，对样式编辑区中的样式代码进行修改，以动态改变视图区的组件展示内容。

可选地，包括：

采用预设的代码编辑生成的自定义标签组件并封装，存储至组件库中；其中，标签包括标签名称、标签ID、标签参数。

另外，本发明还提供了一种业务代码生成装置，包括获取模块，用于响应于拖拽指令，从预设的组件库中确定被选中的至少一个组件，进而将被选中的至少一个组件拖拽至视图区域；响应于连接指令，将视图区域中的组件进行逻辑连接，以在属性编辑区生成节点为参数配置的组件树；生成模块，用于响应于参数指令，获取参数数据以传递至属性编辑区对应的参数配置，动态解析生成对应的组件代码；响应于代码生成指令，自上而下逐层遍历属性编辑区的组件树，生成业务代码。

可选地，所述获取模块响应于拖拽指令，还包括：

获取被选中的至少一个组件的参数配置，以将所述参数配置显示在属性编辑区。

可选地，所述生成模块获取参数数据以传递至属性编辑区对应的参数配置之前，包括：

将视图区中的每个组件与当前开发的业务项目信息进行映射，以在属性编辑区对每个组件添加所述业务项目信息对应的参数配置。

可选地，所述生成模块自上而下逐层遍历组件树，还包括：

根据组件树从上往下逐层读取组件的参数信息以及对应的组件代码，并将读取结果依次展示在预设的可视化图形操作页面。

可选地，所述生成模块自上而下逐层遍历组件树生成业务代码之后，包括：

记录并生成组件列表，以基于所述组件列表按执行进度触发相应组件的加载。

可选地，所述生成模块动态解析生成对应的组件代码，还包括：

将所述组件对应的模板代码渲染至代码视图区，并在视图区域展示当前组件渲染效果。

可选地，所述生成模块，还用于：

将所述组件相应的样式代码渲染至样式编辑区；

响应于样式修改指令，对样式编辑区中的样式代码进行修改，以动态改变视图区的组件展示内容。

可选地，所述获取模块，还用于：

采用预设的代码编辑生成的自定义标签组件并封装，存储至组件库中；其中，标签包括标签名称、标签ID、标签参数。

上述发明中的一个实施例具有如下优点或有益效果：本发明创造性的将IDE开发工具应用于前端项目开发、组件开发，有效的提高了前端开发的效率；并且改变了前端开发的传统编码方式，让前端开发人员通过界面上的拖拽等可视化操作技术，直接拼装所需组件，并在属性编辑区以表单形式为所需组件及其内部的各元素配置属性、样式、事件等对应参数，并最终编译、合并生成完整的业务代码，操作简单，降低了前端开发人员的学习成本，缩短开发周期，提高开发效率，又能保证业务代码具有高性能、高质量、高复用等特点，即采用低代码的可视化拖拽方式，让页面开发者可以像拼图一样开发页面，无需任何的复杂编码，并且支持页面组件的二次拖拽设计；而且，本发明根据组件模块化设计将组件关系树自上而下逐层遍历，获取各个组件的组件代码，通过合并、优化生成业务代码，避免了传统开发模式下组件代码冗余、标签嵌套混乱的情况，提高了组件代码的使用效率；以及，组件关系树支持实时更新，可以根据组件引用关系的变化进行实时更新，从而更加直观的显示出当前页面中各个组件之间的相互嵌套关系，提高了开发效率；另外，本发明根据组件关系树从上往下逐层读取存储在组件中的配置参数信息以及对应的组件代码，并将配置参数信息以及对应的组件代码在可视化图形操作页面进行展示，便于用户在可视化操作界面进行预览组件展示效果。

上述的非惯用的可选方式所具有的进一步效果将在下文中结合具体实施方式加以说明。

附图说明

附图用于更好地理解本发明，不构成对本发明的不当限定。其中：

图1是根据本发明第一实施例的业务代码生成方法的主要流程的示意图；

图2是根据本发明实施例的业务代码生成的框架示意图；

图3是根据本发明实施例的业务代码生成的可视化操作页面的示意图；

图4是根据本发明实施例的业务代码生成的可视化操作页面控件示意图；

图5是根据本发明第二实施例的业务代码生成方法的主要流程的示意图；

图6是根据本发明实施例的业务代码生成装置的主要模块的示意图；

图7是本发明实施例可以应用于其中的示例性***架构图；

图8是适于用来实现本发明实施例的终端设备或服务器的计算机***的结构示意图。

具体实施方式

以下结合附图对本发明的示范性实施例做出说明，其中包括本发明实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本发明的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。

图1是根据本发明第一实施例的业务代码生成方法的主要流程的示意图，如图1所示，所述业务代码生成方法包括：

步骤S101，响应于拖拽指令，从预设的组件库中确定被选中的至少一个组件，进而将被选中的至少一个组件拖拽至视图区域。

在实施例中，本发明通过基于图形化的组件开发提高了软件的开发效率，例如在HTML页面中进行拖拽操作或者将可视化页面嵌入IDE(IDE是集成开发环境IntegratedDevelopment Environment缩写)中。

较佳的，采用预设的代码编辑生成的自定义标签组件并封装，存储至组件库中，而标签可以包括标签名称、标签ID、标签参数等内容。也就是说，按照原有业务场景拆分出独立组件，封装成标签供开发者使用，而组件本身携带有变量名、函数名、样式属性等内容。如图2所示通过组件开发和组件构建形成组件仓库，通过对组件仓库(即组件库)中的组件(即组件1、组件2等等)进行可视化设计器的处理(即响应于拖拽、连接等等指令)生成业务代码。

在一些实施例中，响应于拖拽指令，还可以获取被选中的至少一个组件的参数配置，以将所述参数配置显示在属性编辑区。也就是说，如图3所示，在可视化页面中拖拽左侧组件库中的组件，同时页面右侧“属性编辑区”中实时显示选中组件的参数配置。

步骤S102，响应于连接指令，将视图区域中的组件进行逻辑连接，以在属性编辑区生成节点为参数配置的组件树。

在实施例中，如图3所示，根据“视图区域”显示的各个组件，在页面右侧“属性编辑区”中实时显示组件树，用于记录“视图区域”内所选择的全部组件，其采用组件树的形式更加直观的展示出开发者所使用的组件名称和嵌套关系等内容。

步骤S103，响应于参数指令，获取参数数据以传递至属性编辑区对应的参数配置，动态解析生成对应的组件代码。

在实施例中，获取参数数据以传递至属性编辑区对应的参数配置之前，响应于参数指令，将视图区域中的每个组件与当前开发的业务项目信息进行映射，以在属性编辑区对每个组件添加所述业务项目信息对应的参数配置。也就是说，本发明组件具有本身构建所具有的参数配置，同时还可以应当前开发的业务项目进行组件参数配置的添加。

需要说明的是，动态解析生成对应的组件代码过程中，可以将该组件对应模板代码渲染至代码视图区，存储该组件的相关代码，包含但不限于组件本身的css样式、添加唯一ID或者对应class值、绑定JavaScript交互事件等，进而在视图区域展示当前所选组件的实际效果，即根据业务所需组件在视图区域生成可视化组件，用户可以在视图区域中预览组件的展示效果，便于开发者更直观的了解当前组件参数的配置状态，更好的指导开发。其中，所述模板代码是对于已封装组件的模板文件，更方便的向代码视图区中***、删除所选组件代码，并为后期合并优化生成业务代码提供便利。

作为具体的实施例，参数配置可以包括组件配置信息和页面元素配置信息，组件配置信息包括：组件名、组件ID、参数变量名、方法函数名等，页面元素配置信息包括页面元素节点属性、节点CSS样式、与界面绑定的JavaScript(一种具有函数优先的轻量级，解释型或即时编译型的高级编程语言)事件等。页面元素配置信息会展示在右侧属性编辑区，易于开发人员的阅读和修改，同时也易于机器解析和生成，能够有效地提升效率。在实施例中，开发者可以从可视化操作页面如图3所示，右侧组件库选择需要拼装使用的组件，并将其拖入视图区域内，并且在右侧属性编辑区中进行页面元素信息的配置，输入完成后输入框失去焦点事件时，会自动保存当前配置完成的参数信息。

步骤S104，响应于代码生成指令，自上而下逐层遍历属性编辑区的组件树，生成业务代码。

在实施例中，如图3所示，在页面右侧属性编辑区中实时显示组件树，用于记录视图区域中存在的组件标签名称，根据组件关系树自上而下逐层获取各个组件代码，合并优化生成业务代码。较佳的，根据组件树从上往下逐层读取组件的参数信息以及对应的组件代码，并将读取结果依次展示在预设的可视化图形操作页面，便于开发者在可视化操作界面预览组件展示效果。

另外，自上而下逐层遍历组件树生成业务代码之后，可以记录并生成组件列表，以基于所述组件列表按执行进度触发相应组件的加载。也就是说，本发明能够根据需求触发组件列表中组件的加载，从而基于组件列表可以统计组件的使用情况和使用频率，将相关信息收集后用于组件的优化和修改。

需要说明的是，自上而下逐层遍历属性编辑区的组件树的过程中，如果对视图区域显示的各个组件重新拖拽、修改顺序等等操作，则可以实时对应代码视图区以及属性编辑区的内容也会发生相应变化。

作为本发明的另一些实施例，可视化图形操作页面还设置有样式编辑区，被选中的组件在视图区域进行展示，同时将所述组件相应的样式代码渲染至样式编辑区，从而可以响应于样式修改指令，对样式编辑区中的样式代码进行修改，动态改变视图区域的组件展示内容。

值得说明的是，本发明可以将视图区的组件与代码视图区、样式编辑区进行关联，从而可以通过代码视图区和样式编辑区查看视图区域中组件相应的代码。较佳的，响应于查看代码指令，视图区域显示的组件内容可以切换为代码视图区或样式编辑区进行代码展示；当然也可以响应于查看代码视图指令，切换视图区域或样式编辑区为代码视图区进行展示；另外，也可以响应于查看样式代码指令，则切换视图区域或代码视图区为样式编辑区进行展示。例如图4所示，在可视化操作页面显示有切换控件，实现视图区域、代码视图区、样式编辑区的切换。

优选地，预览代码时可以触发按需加载的功能，即通过属性编辑区生成的组件列表动态加载组件到代码视图区以及样式编辑区展示。

图5是根据本发明第二实施例的业务代码生成方法的主要流程的示意图，如图5所示，所述业务代码生成方法包括：

步骤S501，采用预设的代码编辑生成的自定义标签组件并封装，存储至组件库中。

在实施例中，标签可以包括标签名称、标签ID、标签参数等内容。而组件本身携带有变量名、函数名、样式属性等内容。

步骤S502，响应于拖拽指令，从预设的组件库中确定被选中的至少一个组件，进而将被选中的至少一个组件拖拽至视图区域。

步骤S503，获取被选中的至少一个组件的参数配置，以将所述参数配置显示在属性编辑区。

步骤S504，响应于连接指令，将视图区域中的组件进行逻辑连接，以在属性编辑区生成节点为参数配置的组件树。

步骤S505，响应于参数指令，将视图区域中的每个组件与当前开发的业务项目信息进行映射，以在属性编辑区对每个组件添加所述业务项目信息对应的参数配置。

步骤S506，获取参数数据以传递至属性编辑区对应的参数配置，动态解析生成对应的组件代码。

步骤S507，将该组件对应模板代码渲染至代码视图区以及将样式代码渲染至样式编辑区。

步骤S508，响应于样式修改指令，对样式编辑区中的样式代码进行修改，动态改变视图区域的组件展示内容。

步骤S509，响应于代码生成指令，自上而下逐层遍历属性编辑区的组件树，生成业务代码。

步骤S510，记录并生成组件列表，以基于所述组件列表按执行进度触发相应组件的加载。

图6是根据本发明实施例的业务代码生成装置的主要模块的示意图，如图6所示，所述业务代码生成装置包括获取模块601和生成模块602。其中，获取模块601响应于拖拽指令，从预设的组件库中确定被选中的至少一个组件，进而将被选中的至少一个组件拖拽至视图区域；响应于连接指令，将视图区域中的组件进行逻辑连接，以在属性编辑区生成节点为参数配置的组件树；生成模块602响应于参数指令，获取参数数据以传递至属性编辑区对应的参数配置，动态解析生成对应的组件代码；响应于代码生成指令，自上而下逐层遍历属性编辑区的组件树，生成业务代码。

在一些实施例中，所述获取模块601响应于拖拽指令，还包括：

获取被选中的至少一个组件的参数配置，以将所述参数配置显示在属性编辑区。

在一些实施例中，所述生成模块602获取参数数据以传递至属性编辑区对应的参数配置之前，包括：

将视图区中的每个组件与当前开发的业务项目信息进行映射，以在属性编辑区对每个组件添加所述业务项目信息对应的参数配置。

在一些实施例中，所述生成模块602自上而下逐层遍历组件树，还包括：

根据组件树从上往下逐层读取组件的参数信息以及对应的组件代码，并将读取结果依次展示在预设的可视化图形操作页面。

在一些实施例中，所述生成模块602自上而下逐层遍历组件树生成业务代码之后，包括：

记录并生成组件列表，以基于所述组件列表按执行进度触发相应组件的加载。

在一些实施例中，所述生成模块602动态解析生成对应的组件代码，还包括：

将所述组件对应的模板代码渲染至代码视图区，并在视图区域展示当前组件渲染效果。

在一些实施例中，所述生成模块602，还用于：

将所述组件相应的样式代码渲染至样式编辑区；

响应于样式修改指令，对样式编辑区中的样式代码进行修改，以动态改变视图区的组件展示内容

在一些实施例中，所述获取模块601，还用于：

采用预设的代码编辑生成的自定义标签组件并封装，存储至组件库中；其中，标签包括标签名称、标签ID、标签参数。

需要说明的是，在本发明所述业务代码生成方法和所述业务代码生成装置在具体实施内容上具有相应关系，故重复内容不再说明。

图7示出了可以应用本发明实施例的业务代码生成方法或业务代码生成装置的示例性***架构700。

如图7所示，***架构700可以包括终端设备701、702、703，网络704和服务器705。网络704用以在终端设备701、702、703和服务器705之间提供通信链路的介质。网络704可以包括各种连接类型，例如有线、无线通信链路或者光纤电缆等等。

游客可以使用终端设备701、702、703通过网络704与服务器705交互，以接收或发送消息等。终端设备701、702、703上可以安装有各种通讯客户端应用，例如购物类应用、网页浏览器应用、搜索类应用、即时通信工具、邮箱客户端、社交平台软件等(仅为示例)。

终端设备701、702、703可以是具有业务代码生成屏并且支持网页浏览的各种电子设备，包括但不限于智能手机、平板电脑、膝上型便携计算机和台式计算机等等。

服务器705可以是提供各种服务的服务器，例如对游客利用终端设备701、702、703所浏览的购物类网站提供支持的后台管理服务器(仅为示例)。后台管理服务器可以对接收到的产品信息查询请求等数据进行分析等处理，并将处理结果(例如目标推送信息、产品信息--仅为示例)反馈给终端设备。

需要说明的是，本发明实施例所提供的业务代码生成方法一般由服务器705执行，相应地，计算装置一般设置于服务器705中。

应该理解，图7中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要，可以具有任意数目的终端设备、网络和服务器。

下面参考图8，其示出了适于用来实现本发明实施例的终端设备的计算机***800的结构示意图。图8示出的终端设备仅仅是一个示例，不应对本发明实施例的功能和使用范围带来任何限制。

如图8所示，计算机***800包括中央处理单元(CPU)801，其可以根据存储在只读存储器(ROM)802中的程序或者从存储部分808加载到随机访问存储器(RAM)803中的程序而执行各种适当的动作和处理。在RAM803中，还存储有计算机***800操作所需的各种程序和数据。CPU801、ROM802以及RAM803通过总线804彼此相连。输入/输出(I/O)接口805也连接至总线804。

以下部件连接至I/O接口805：包括键盘、鼠标等的输入部分806；包括诸如阴极射线管(CRT)、液晶业务代码生成器(LCD)等以及扬声器等的输出部分807；包括硬盘等的存储部分808；以及包括诸如LAN卡、调制解调器等的网络接口卡的通信部分807。通信部分807经由诸如因特网的网络执行通信处理。驱动器808也根据需要连接至I/O接口805。可拆卸介质811，诸如磁盘、光盘、磁光盘、半导体存储器等等，根据需要安装在驱动器808上，以便于从其上读出的计算机程序根据需要被安装入存储部分808。

特别地，根据本发明公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本发明公开的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信部分807从网络上被下载和安装，和/或从可拆卸介质811被安装。在该计算机程序被中央处理单元(CPU)801执行时，执行本发明的***中限定的上述功能。

需要说明的是，本发明所示的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的***、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本发明中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行***、装置或者器件使用或者与其结合使用。而在本发明中，计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读介质可以发送、传播或者传输用于由指令执行***、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：无线、电线、光缆、RF等等，或者上述的任意合适的组合。

附图中的流程图和框图，图示了按照本发明各种实施例的***、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，上述模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图或流程图中的每个方框、以及框图或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的***来实现，或者可以用专用硬件与计算机指令的组合来实现。

描述于本发明实施例中所涉及到的模块可以通过软件的方式实现，也可以通过硬件的方式来实现。所描述的模块也可以设置在处理器中，例如，可以描述为：一种处理器包括获取模块和生成模块。其中，这些模块的名称在某种情况下并不构成对该模块本身的限定。

作为另一方面，本发明还提供了一种计算机可读介质，该计算机可读介质可以是上述实施例中描述的设备中所包含的；也可以是单独存在，而未装配入该设备中。上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被一个该设备执行时，使得该设备包括响应于拖拽指令，从预设的组件库中确定被选中的至少一个组件，进而将被选中的至少一个组件拖拽至视图区域；响应于连接指令，将视图区域中的组件进行逻辑连接，以在属性编辑区生成节点为参数配置的组件树；响应于参数指令，获取参数数据以传递至属性编辑区对应的参数配置，动态解析生成对应的组件代码；响应于代码生成指令，自上而下逐层遍历属性编辑区的组件树，生成业务代码。

根据本发明实施例的技术方案，能够使开发者更加方便快捷的完成开发任务，提高了软件开发的效率。

上述具体实施方式，并不构成对本发明保护范围的限制。本领域技术人员应该明白的是，取决于设计要求和其他因素，可以发生各种各样的修改、组合、子组合和替代。任何在本发明的精神和原则之内所作的修改、等同替换和改进等，均应包含在本发明保护范围之内。

Claims (11)

1.一种业务代码生成方法，其特征在于，包括：

响应于拖拽指令，从预设的组件库中确定被选中的至少一个组件，进而将被选中的至少一个组件拖拽至视图区域；

响应于连接指令，将视图区域中的组件进行逻辑连接，以在属性编辑区生成节点为参数配置的组件树；

响应于参数指令，获取参数数据以传递至属性编辑区对应的参数配置，动态解析生成对应的组件代码；

响应于代码生成指令，自上而下逐层遍历属性编辑区的组件树，生成业务代码。

2.根据权利要求1所述的方法，其特征在于，响应于拖拽指令，还包括：

获取被选中的至少一个组件的参数配置，以将所述参数配置显示在属性编辑区。

3.根据权利要求1所述的方法，其特征在于，获取参数数据以传递至属性编辑区对应的参数配置之前，包括：

将视图区中的每个组件与当前开发的业务项目信息进行映射，以在属性编辑区对每个组件添加所述业务项目信息对应的参数配置。

4.根据权利要求1所述的方法，其特征在于，自上而下逐层遍历组件树，还包括：

根据组件树从上往下逐层读取组件的参数信息以及对应的组件代码，并将读取结果依次展示在预设的可视化图形操作页面。

5.根据权利要求1所述的方法，其特征在于，自上而下逐层遍历组件树生成业务代码之后，包括：

记录并生成组件列表，以基于所述组件列表按执行进度触发相应组件的加载。

6.根据权利要求1所述的方法，其特征在于，动态解析生成对应的组件代码，还包括：

将所述组件对应的模板代码渲染至代码视图区，并在视图区域展示当前组件渲染效果。

7.根据权利要求1所述的方法，其特征在于，将被选中的至少一个组件拖拽至视图区域之后，包括：

将所述组件相应的样式代码渲染至样式编辑区；

响应于样式修改指令，对样式编辑区中的样式代码进行修改，以动态改变视图区的组件展示内容。

8.根据权利要求1-7任一所述的方法，其特征在于，包括：

采用预设的代码编辑生成的自定义标签组件并封装，存储至组件库中；其中，标签包括标签名称、标签ID、标签参数。

9.一种业务代码生成装置，其特征在于，包括：

获取模块，用于响应于拖拽指令，从预设的组件库中确定被选中的至少一个组件，进而将被选中的至少一个组件拖拽至视图区域；响应于连接指令，将视图区域中的组件进行逻辑连接，以在属性编辑区生成节点为参数配置的组件树；

生成模块，用于响应于参数指令，获取参数数据以传递至属性编辑区对应的参数配置，动态解析生成对应的组件代码；响应于代码生成指令，自上而下逐层遍历属性编辑区的组件树，生成业务代码。

10.一种电子设备，其特征在于，包括：

一个或多个处理器；

存储装置，用于存储一个或多个程序，

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求1-8中任一所述的方法。

11.一种计算机可读介质，其上存储有计算机程序，其特征在于，所述程序被处理器执行时实现如权利要求1-8中任一所述的方法。

Images