摘要
本发明公开一种将HTML导入低代码平台的转换方法及系统,转换系统包括HTML解析模块、组件映射模块、样式调整模块、组件渲染模块,转换方法包括:首先HTML解析模块获取HTML文本标签内容,对HTML页面进行语义理解和结构解析,将复杂的HTML标签及其嵌套关系自动解析成JSON形式的AST;接着组件映射模块将ST节点映射为低代码平台支持的物料组件,并记录相应的属性配置信息,转化成低代码设计器中可视化组件的JSON Schema;然后样式调整模块提取HTML中的CSS样式,对CSS样式做合并优化后,将其写入低代码页面的JSON Schema对象的CSS属性中;最后组件渲染模块将JSON Schema动态渲染为低代码设计器上的可视化组件。本发明可提升低代码设计页面效率、减少重复性操作并提高整体开发效率。
技术关键词
低代码平台
转换方法
可视化组件
React组件
样式
标签
节点
模块
资产
子组件
对象
设计页面
文本
动态
树形结构
语义
嵌套
关系