可持续的可视化开发方法、装置、计算机设备及存储介质与流程

本申请涉及软件开发，尤其涉及一种可持续的可视化开发方法、装置、计算机设备及存储介质。

背景技术：

1、页面可视化从简单页面搭建到系统搭建，都致力于将开发人员从繁复的体力劳动中解脱出来，提高页面生产效率。随着页面可视化搭建的蓬勃发展，互动的页面/组件需求日益增长，经常出现仅通过拖拽，配置组件方式无法实现复杂业务逻辑的情况，导致无法实现可持续可视化开发，因此如何实现可持续可视化开发成为了亟需解决的问题。

技术实现思路

1、本申请提供了一种可持续的可视化开发方法、装置、计算机设备及存储介质，以实现可持续可视化开发。

2、第一方面，本申请提供了一种可持续的可视化开发方法，所述方法包括：

3、基于代码编辑器接收用户输入的代码，获得目标代码；

4、将所述目标代码传输至内联框架i frame沙盒中，并基于所述i frame沙盒对所述目标代码进行编译，获得代码配置数据；

5、基于预设的可视化平台以及所述代码配置数据，生成页面代码模块，以供所述用户对代码进行管理，实现可持续的可视化开发。

6、进一步地，所述基于代码编辑器接收用户输入的代码，获得目标代码，包括：

7、基于所述代码编辑器接收所述用户输入的代码，并基于所述代码编辑器的语法检测模块，对所述用户输入的代码进行检测，获得检测结果；

8、在所述检测结果为检测通过时，将所述用户输入的代码确定为所述目标代码。

9、进一步地，所述基于预设的可视化平台以及所述代码配置数据，生成页面代码模块，包括：

10、获取所述可视化平台的至少一个可视化页面；

11、基于代码收集器，获取所述可视化页面对应的代码配置数据；

12、将所述可视化页面与所述可视化页面对应的代码配置数据进行绑定，获得所述页面代码模块。

13、进一步地，所述基于所述i frame沙盒对所述目标代码进行编译，获得代码配置数据，包括：

14、基于所述i frame沙盒中预设的解析工具对所述目标代码进行编译，获得代码配置数据。

15、进一步地，所述基于代码编辑器接收用户输入的代码，获得目标代码之前，包括：

16、基于所述代码编辑器向所述用户发送代码提示以及编码规范，以供所述用户基于所述代码提示以及所述编码规范输入代码。

17、进一步地，所述编码规范包括预设的数据定义、预设的代码生命周期以及预设的函数编写规范。

18、进一步地，所述基于预设的可视化平台以及所述代码配置数据，生成页面代码模块之后，还包括：

19、基于所述可视化平台以及所述页面代码模块接收所述用户的操作；

20、基于所述用户的操作进行组件交互，生成可视化产品。

21、第二方面，本申请还提供了一种可持续的可视化开发装置，所述装置包括：

22、目标代码获得模块，用于基于代码编辑器接收用户输入的代码，获得目标代码；

23、代码配置数据获得模块，用于将所述目标代码传输至内联框架i frame沙盒中，并基于所述i frame沙盒对所述目标代码进行编译，获得代码配置数据；

24、代码模块生成模块，用于基于预设的可视化平台以及所述代码配置数据，生成页面代码模块，以供所述用户对代码进行管理，实现可持续的可视化开发。

25、第三方面，本申请还提供了一种计算机设备，所述计算机设备包括存储器和处理器；所述存储器，用于存储计算机程序；所述处理器，用于执行所述计算机程序并在执行所述计算机程序时实现如上述的可持续的可视化开发方法。

26、第四方面，本申请还提供了一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，所述计算机程序被处理器执行时使所述处理器实现如上述的可持续的可视化开发方法。

27、本申请公开了一种可持续的可视化开发方法、装置、计算机设备及存储介质，基于代码编辑器接收用户输入的代码，获得目标代码；将所述目标代码传输至内联框架i frame沙盒中，并基于所述i frame沙盒对所述目标代码进行编译，获得代码配置数据；基于预设的可视化平台以及所述代码配置数据，生成页面代码模块，以供所述用户对代码进行管理，实现可持续的可视化开发。该方法通过接收用户输入的代码，获得目标代码，对代码进行编译后获得代码配置数据，进而生成页面代码模块，实现可视化平台中自定义组件交互，数据绑定、执行自定义业务逻辑，实现了可持续的可视化开发。

技术特征：

1.一种可持续的可视化开发方法，其特征在于，包括：

2.根据权利要求1所述的可持续的可视化开发方法，其特征在于，所述基于代码编辑器接收用户输入的代码，获得目标代码，包括：

3.根据权利要求1所述的可持续的可视化开发方法，其特征在于，所述基于预设的可视化平台以及所述代码配置数据，生成页面代码模块，包括：

4.根据权利要求1所述的可持续的可视化开发方法，其特征在于，所述基于所述iframe沙盒对所述目标代码进行编译，获得代码配置数据，包括：

5.根据权利要求1所述的可持续的可视化开发方法，其特征在于，所述基于代码编辑器接收用户输入的代码，获得目标代码之前，包括：

6.根据权利要求5所述的可持续的可视化开发方法，其特征在于，所述编码规范包括预设的数据定义、预设的代码生命周期以及预设的函数编写规范。

7.根据权利要求1至6任一项所述的可持续的可视化开发方法，其特征在于，所述基于预设的可视化平台以及所述代码配置数据，生成页面代码模块之后，还包括：

8.一种可持续的可视化开发装置，其特征在于，包括：

9.一种计算机设备，其特征在于，所述计算机设备包括存储器和处理器；

10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质存储有计算机程序，所述计算机程序被处理器执行时使所述处理器实现如权利要求1至7中任一项所述的可持续的可视化开发方法。

技术总结
本申请涉及软件开发技术领域，具体公开了一种可持续的可视化开发方法、装置、计算机设备及存储介质。基于代码编辑器接收用户输入的代码，获得目标代码；将目标代码传输至内联框架i frame沙盒中，并基于i frame沙盒对目标代码进行编译，获得代码配置数据；基于预设的可视化平台以及代码配置数据，生成页面代码模块，以供用户对代码进行管理，实现可持续的可视化开发。该方法通过接收用户输入的代码，获得目标代码，对代码进行编译后获得代码配置数据，进而生成页面代码模块，实现可视化平台中自定义组件交互，数据绑定、执行自定义业务逻辑，实现了可持续的可视化开发；使用沙箱模式提高了系统的安全性；页面代码模块化，提高了代码复用率和性能。

技术研发人员：余宝彬,郑红利,朱锦勇,廖金志
受保护的技术使用者：广东亿迅科技有限公司
技术研发日：
技术公布日：2024/3/17