本技术公开了一种支持网页和小程序可视化开发的方法、系统、介质及终端,方法包括:步骤S1、使用可视化编辑器进行设置组件树;步骤S2、向组件树进行组件的添加和/或设计;步骤S3、进行对组件树的循环并生成文本字符串;步骤S4、得到所述步骤S3生成的字符串;步骤S5、通过所述步骤S4中得到的字符串进行小程序或网页进行显示或运行。可以实现对网页和小程序的可视化开发支持;组件树内的第一组件可以嵌套多个布局容器,实现了flex弹性布局和绝对布局等布局的嵌套使用;组件树的第一组件可以设置循环容器以及条件容器,通过循环容器和条件容器让编辑的页面能够根据绑定的数据按条件展示或者循环展示,实现了页面的动态展示能力。
背景技术
网页和小程序的可视化开发是低代码软件开发平台的核心技术之一,能够有效降低软件开发门槛,让普通使用者能够可视化的开发软件,进而提升软件开发效率,降低软件开发成本。
但是,现有的很多技术主要针对网页可视化开发或者APP可视化开发而缺少对网页和小程序的统一支持;现有的很多技术局限于简单和单一的布局方式无法适应复杂的嵌套布局;现有的很多技术没有考虑UI界面的动态展示和循环显示需求,仅可以生成目标是静态页面,无法生成动态可交互的页面或者需要后续步骤转化为动态可交互页面,只能用于处理静态页面或者开发好之后再转化为动态页面。
虽然现有很多针对网页的可视化开发方法,有些是使用拖拽布局让使用者通过鼠标拖拽实现网页布局,但是拖拽布局难以解决组件动态变化导致布局错乱的问题,有很大的局限性;有部分使用相对布局实现网页开发,但是丢失了拖拽布局的直观操作能力;有部分使用flex弹性布局比较好的解决了复杂布局的问题但是使用比较复杂。
实现思路