【技术实现步骤摘要】
本申请涉及web平台，具体而言，涉及一种基于低代码构建web页面的方法、存储介质、电子设备及产品。
技术介绍
1、随着计算机技术的不断发展，web前端技术也逐渐呈现快速迭代的趋势。
2、目前，在构建web页面的方案中多是建立在早期静态布局和流式布局的理念基础上。当前web页面的布局方式多采用响应式布局、flex弹性布局等，页面中的元素尤其是非末级叶子节点元素的宽高尺寸，一般多受其内部下级元素和根节点的尺寸影响。一旦有元素的内容或其他属性发生变化，导致尺寸发生变化并影响到其他元素时，浏览器会根据百分比、布局方式等，自动计算变化后的元素应有的尺寸。但是，由于页面内容较多，页面静态布局和尺寸计算需要使用较大的计算机开销，研发成本较高，研发效率较低。
3、因此，如何提供一种低成本且高效的基于低代码构建web页面的方法的技术方案成为亟需解决的技术问题。
技术实现思路
1、本申请的一些实施例的目的在于提供一种基于低代码构建web页面的方法、存储介质、电子设备及产品，通过本申请的实施例的技术方案可以降低构建web页面的研发成本和计算机开销，提升研发效率。
2、第一方面，本申请的一些实施例提供了一种基于低代码构建web页面的方法，包括：基于页面json文件中的组件结构，构建虚拟树结构；基于所述json文件中每个组件的配置内容，对所述虚拟树结构上的树节点进行配置，生成虚拟树；对所述虚拟树进行处理，获取web页面，其中，所述web页面的迭代更新随页面json文件的更
3、本申请的一些实施例通过页面json文件中的组件结构和配置内容可以生成与之对应的虚拟树，之后对虚拟树进行处理，获取web页面，其中，web页面可以随页面json文件的更新而迭代更新。本申请的一些实施例通过低代码的方式可以实现web页面的生成，降低了构建web页面的研发成本和计算机开销，提升了研发效率。
4、在一些实施例，所述对所述虚拟树进行处理，获取web页面，包括：按照所述虚拟树上的层级结构和层级顺序，拼接出web页面结构体；基于所述web页面结构体，渲染生成所述web页面。
5、本申请的一些实施例通过按照虚拟树上的层级结果和层级顺序处理得到web页面，实现web页面的准确生成。
6、在一些实施例，所述web页面的迭代更新的方式包括：增加页面、修改页面和删除页面中的至少一种。
7、本申请的一些实施例通过增加、修改、删除多种方式实现web页面的迭代更新，灵活性较高。
8、在一些实施例，所述web页面的迭代更新的方式为增加页面时，所述方法包括：获取新增页面json文件；基于所述新增页面json文件，生成组件json对象，并将所述组件json对象插入到与web页面的位置对应的页面json文件的位置处，得到更新后页面json文件。
9、本申请的一些实施例通过在增加页面时，获取新增页面json文件，之后生成对应的组件json对象插入到对应位置，并得到更新后页面json文件，可以实现页面的准确增加，实现过程较为简单高效。
10、在一些实施例，所述获取新增页面json文件，包括：响应于用户的操作指令，获取页面菜单位置和文件名称配置好的所述新增页面json文件，并获取更新后菜单配置json文件；生成与所述页面菜单位置对应的文件路径，并在所述文件路径下存储所述新增页面json文件。
11、本申请的一些实施例通过用户的操作可以得到新增页面json文件，并更新和存储相关信息，实现页面的有效增加。
12、在一些实施例，所述web页面的迭代更新的方式为修改页面时，所述方法包括：从所述页面json文件中获取待修改组件的组件对象内容和组件位置；在所述组件json对象对应的编辑区域进行编辑，获取修改后组件对象内容，并将所述修改后组件对象内容覆盖所述待修改组件的组件对象内容；所述修改页面完成后，获取更新后页面json文件，并获取更新后菜单配置json文件。
13、本申请的一些实施例通过从页面json文件中确定待修改的组件json对象后进行编辑，以此得到更新后页面json文件和更新后菜单配置json文件，实现页面的有效修改。
14、在一些实施例，所述web页面的迭代更新的方式为删除页面时，所述方法包括：从所述页面json文件中查找待删除组件的位置后，删除所述待删除组件，得到更新后页面json文件，并获取更新后菜单配置json文件。
15、本申请的一些实施例通过查找待删除组件后删除得到更新后页面json文件和更新后菜单配置json文件，实现页面的有效删除。
16、在一些实施例，所述web页面的迭代更新时，所述方法还包括：生成与所述web页面进行迭代更新时的备份路径，其中，所述备份路径的名称包括：迭代更新时间戳、更新页面和所述迭代更新的方式；所述备份路径下备份存储有如下信息中的至少一种：在所述增加页面时，备份所述页面json文件对应的菜单配置json文件；在所述修改页面时，备份待修改组件对应的页面json；在所述删除页面时，备份待删除的页面json和所述菜单配置json文件。
17、本申请的一些实施例通过特定的备份路径备份迭代更新过程中的相关数据，实现页面迭代更新相关数据的准确记录。
18、在一些实施例，所述方法还包括：保存与所述迭代更新的方式所对应的目标web页面；在将所述web页面更新为所述目标web页面时，对所述目标web页面进行匹配解析，生成所述更新后页面json文件和所述更新后菜单配置json文件；使用所述更新后页面json文件和所述更新后菜单配置json文件覆盖所述页面json文件和所述页面json文件对应的菜单配置json文件。
19、本申请的一些实施例通过保存目标web页面后，后续可以通过对目标web页面匹配解析得到的更新后页面json文件和更新后菜单配置json文件，覆盖当前的json文件，实现web页面的快递迭代更新，降低了计算机开销。
20、第二方面，本申请的一些实施例提供了一种基于低代码构建web页面的装置，包括：结构构建模块，用于基于页面json文件中的组件结构，构建虚拟树结构；配置模块，用于基于所述json文件中每个组件的配置内容，对所述虚拟树结构上的树节点进行配置，生成虚拟树；页面获取模块，用于对所述虚拟树进行处理，获取web页面，其中，所述web页面的迭代更新随页面json文件的更新而变。
21、第三方面，本申请的一些实施例提供一种计算机可读存储介质，其上存储有计算机程序，所述程序被处理器执行时可实现如第一方面任一实施例所述的方法。
22、第四方面，本申请的一些实施例提供一种电子设备，包括存储器、处理器以及存储在所述存储器上并可在所述处理器上运行的计算机程序，其中，所述处理器执行所述程序时可实现如第一方面任一实施例所述的方法。
23、第五方面，本申请的一些实施例提供一种计算机程序本文档来自技高网...
【技术保护点】
1.一种基于低代码构建Web页面的方法，其特征在于，包括：
2.如权利要求1所述的方法，其特征在于，所述对所述虚拟树进行处理，获取Web页面，包括：
3.如权利要求1或2所述的方法，其特征在于，所述Web页面的迭代更新的方式包括：增加页面、修改页面和删除页面中的至少一种。
4.如权利要求3所述的方法，其特征在于，所述Web页面的迭代更新的方式为增加页面时，所述方法包括：
5.如权利要求4所述的方法，其特征在于，所述获取新增页面json文件，包括：
6.如权利要求3所述的方法，其特征在于，所述Web页面的迭代更新的方式为修改页面时，所述方法包括：
7.如权利要求3所述的方法，其特征在于，所述Web页面的迭代更新的方式为删除页面时，所述方法包括：
8.如权利要求4～7中任一项所述的方法，其特征在于，所述Web页面的迭代更新时，所述方法还包括：
9.如权利要求4～7中任一项所述的方法，其特征在于，所述方法还包括：保存与所述迭代更新的方式所对应的目标Web页面；
10.一种计算机可
11.一种电子设备，其特征在于，包括存储器、处理器以及存储在所述存储器上并在所述处理器上运行的计算机程序，其中，所述计算机程序被所述处理器运行时执行如权利要求1-9中任意一项权利要求所述的方法。
12.一种计算机程序产品，其特征在于，所述的计算机程序产品包括计算机程序，其中，所述的计算机程序被处理器运行时执行如权利要求1-9中任意一项权利要求所述的方法。
...【技术特征摘要】
1.一种基于低代码构建web页面的方法，其特征在于，包括：
2.如权利要求1所述的方法，其特征在于，所述对所述虚拟树进行处理，获取web页面，包括：
3.如权利要求1或2所述的方法，其特征在于，所述web页面的迭代更新的方式包括：增加页面、修改页面和删除页面中的至少一种。
4.如权利要求3所述的方法，其特征在于，所述web页面的迭代更新的方式为增加页面时，所述方法包括：
5.如权利要求4所述的方法，其特征在于，所述获取新增页面json文件，包括：
6.如权利要求3所述的方法，其特征在于，所述web页面的迭代更新的方式为修改页面时，所述方法包括：
7.如权利要求3所述的方法，其特征在于，所述web页面的迭代更新的方式为删除页面时，所述方法包括：
8.如权利要求4～7中任一项...
【专利技术属性】
技术研发人员：李家伟，
申请(专利权)人：北京天融信网络安全技术有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。