一种基于低代码平台的页面生成方法及装置制造方法及图纸

本发明专利技术公开了一种基于低代码平台的页面生成方法及装置，所述方法包括：利用低代码平台采集用户的操作信息，所述操作信息包括用户在低代码平台的拖拽、滑动、点击和添加的操作内容；根据所述操作信息确定操作组件，并将所述操作组件转换成对应的语义代码；通过预设的转码器将所述语义代码转换生成可编辑的页面。本发明专利技术能大大减少用户开发页面所需的工作量，以缩短页面开发的时间，提高页面开发的效率，同时在编辑的过程中，可以将各个组件转换成可编辑的语义代码，用户可以根据其实际使用需求或应用需求对代码进行二次开发或修改，从而增加了开发的灵活性，以满足用户的实际使用需求，提升用户的使用体验。提升用户的使用体验。提升用户的使用体验。

【技术实现步骤摘要】
一种基于低代码平台的页面生成方法及装置


[0001]本专利技术涉及页面制作的
，尤其涉及一种基于低代码平台的页面生成方法及装置。

技术介绍

[0002]随着互联网的发展，越来越多的企业和公司会开发关于其页面，通过页面展示公司的信息以及产品，方便不同的客户进行线上交流。
[0003]为了方便不同的企业构建不同的页面，目前常用的页面构建方法是：由技术人员通过编辑代码构建页面或者是提前为软件产品提供固定的页面结构设定，将可视化组件拖动到设定中，拼装出软件产品的页面。
[0004]但目前常用的方法有如下技术问题：由技术人员编辑代码构建页面，往往要划分一个月或多个月采集编辑完成，耗时长，效率低；而通过固定的页面结构构建的页面，其结构单一，页面功能少，仅能设定特定组件进行数据交互，当需要与非特定组件进行交互时，需要额外编写的代码来完成页面的处理逻辑，灵活性低，难以满足用户与企业的应用需求。

技术实现思路

[0005]本专利技术提出一种基于低代码平台的页面生成方法及装置，所述方法利用了包含多个不同组件的低代码平台，平台可以根据用户的操作信息选择对应的组件，并将组件转换成可灵活编辑的语义代码，再利用语义代码构建生成页面，既可以缩短生成页面的时间，提高处理效率，也可以提升编辑的灵活性。
[0006]本专利技术实施例的第一方面提供了一种基于低代码平台的页面生成方法，所述方法包括：
[0007]利用低代码平台采集用户的操作信息，所述操作信息包括用户在低代码平台的拖拽、滑动、点击和添加的操作内容；
[0008]根据所述操作信息确定操作组件，并将所述操作组件转换成对应的语义代码；
[0009]通过预设的转码器将所述语义代码转换生成可编辑的页面。
[0010]在第一方面的一种可能的实现方式中，所述通过预设的转码器将所述语义代码转换生成可编辑页面，包括：
[0011]通过预设的转码器将所述语义代码转成tsx文件；
[0012]利用webpack工具将所述tsx文件转换生成js文件；
[0013]将所述js文件转换生成供浏览器运行的可编辑页面。
[0014]在第一方面的一种可能的实现方式中，所述将所述操作组件转换成对应的语义代码，包括：
[0015]获取所述操作组件对应的处理信息，得到多个处理信息，其中，所述处理信息包括：处理属性、处理时间和处理动作；
[0016]将每个所述操作信息转换成对应的语义代码。
[0017]在第一方面的一种可能的实现方式中，所述利用低代码平台采集用户的操作信息，包括：
[0018]从低代码平台中读取预设的页面语义代码；
[0019]采用所述预设的页面语义代码构建为可视化视图并向用户展示；
[0020]采集用户在所述可视化视图的操作内容，得到操作信息。
[0021]在第一方面的一种可能的实现方式中，所述根据所述操作信息确定操作组件，包括：
[0022]若所述操作信息的操作内容是拖拽、滑动或点击，则按照用户的操作内容选择对应的操作组件；
[0023]若所述操作信息的操作内容是添加，则获取用户添加的属性信息以及属性动作，将所述属性信息以及属性动作添加至低代码平台的页面元数据中，以及给所述属性动作添加动作的映射key值，采用所述映射key值组装出页面所需的组件语义代码，根据所述组件语义代码确定操作组件，所述属性信息包括：属性字段。
[0024]本专利技术实施例的第二方面提供了一种基于低代码平台的页面生成装置，所述装置包括：
[0025]采集模块，用于利用低代码平台采集用户的操作信息，所述操作信息包括用户在低代码平台的拖拽、滑动、点击和添加的操作内容；
[0026]转换模块，用于根据所述操作信息确定操作组件，并将所述操作组件转换成对应的语义代码；
[0027]编辑模块，用于通过预设的转码器将所述语义代码转换生成可编辑的页面。
[0028]在第二方面的一种可能的实现方式中，所述编辑模块，还用于：
[0029]通过预设的转码器将所述语义代码转成tsx文件；
[0030]利用webpack工具将所述tsx文件转换生成js文件；
[0031]将所述js文件转换生成供浏览器运行的可编辑页面。
[0032]在第二方面的一种可能的实现方式中，所述转换模块，还用于：
[0033]获取所述操作组件对应的处理信息，得到多个处理信息，其中，所述处理信息包括：处理属性、处理时间和处理动作；
[0034]将每个所述操作信息转换成对应的语义代码。
[0035]在第二方面的一种可能的实现方式中，所述采集模块，还用于：
[0036]从低代码平台中读取预设的页面语义代码；
[0037]采用所述预设的页面语义代码构建为可视化视图并向用户展示；
[0038]采集用户在所述可视化视图的操作内容，得到操作信息。
[0039]在第二方面的一种可能的实现方式中，所述转换模块，还用于：
[0040]若所述操作信息的操作内容是拖拽、滑动或点击，则按照用户的操作内容选择对应的操作组件；
[0041]若所述操作信息的操作内容是添加，则获取用户添加的属性信息以及属性动作，将所述属性信息以及属性动作添加至低代码平台的页面元数据中，以及给所述属性动作添加动作的映射key值，采用所述映射key值组装出页面所需的组件语义代码，根据所述组件语义代码确定操作组件，所述属性信息包括：属性字段。
[0042]相比于现有技术，本专利技术实施例提供的一种基于低代码平台的页面生成方法及装置，其有益效果在于：本专利技术可以利用预先已包含多个页面组件的低代码平台，采集用户操作信息，以确定用户选择的组件，然后将各个组件转换成可供用户编辑的语义代码，最后再利用语义代码编辑生成对应的页面。本专利技术能大大减少用户开发页面所需的工作量，以缩短页面开发的时间，提高页面开发的效率，同时在编辑的过程中，可以将各个组件转换成可编辑的语义代码，用户可以根据其实际使用需求或应用需求对代码进行二次开发或修改，从而增加了开发的灵活性，以满足用户的实际使用需求，提升用户的使用体验。
附图说明
[0043]图1是本专利技术一实施例提供的一种基于低代码平台的页面生成方法的流程示意图；
[0044]图2是本专利技术一实施例提供的一种基于低代码平台的页面生成方法的操作流程图；
[0045]图3是本专利技术一实施例提供的一种基于低代码平台的页面生成装置的结构示意图。
具体实施方式
[0046]下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。
[0047]随着互联网的发展，越来越多的企业和公司会开发关于其页面，通过页面展示公司的本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种基于低代码平台的页面生成方法，其特征在于，所述方法包括：利用低代码平台采集用户的操作信息，所述操作信息包括用户在低代码平台的拖拽、滑动、点击和添加的操作内容；根据所述操作信息确定操作组件，并将所述操作组件转换成对应的语义代码；通过预设的转码器将所述语义代码转换生成可编辑的页面。2.根据权利要求1所述的基于低代码平台的页面生成方法，其特征在于，所述通过预设的转码器将所述语义代码转换生成可编辑页面，包括：通过预设的转码器将所述语义代码转成tsx文件；利用webpack工具将所述tsx文件转换生成js文件；将所述js文件转换生成供浏览器运行的可编辑页面。3.根据权利要求1所述的基于低代码平台的页面生成方法，其特征在于，所述将所述操作组件转换成对应的语义代码，包括：获取所述操作组件对应的处理信息，得到多个处理信息，其中，所述处理信息包括：处理属性、处理时间和处理动作；将每个所述操作信息转换成对应的语义代码。4.根据权利要求1所述的基于低代码平台的页面生成方法，其特征在于，所述利用低代码平台采集用户的操作信息，包括：从低代码平台中读取预设的页面语义代码；采用所述预设的页面语义代码构建为可视化视图并向用户展示；采集用户在所述可视化视图的操作内容，得到操作信息。5.根据权利要求1所述的基于低代码平台的页面生成方法，其特征在于，所述根据所述操作信息确定操作组件，包括：若所述操作信息的操作内容是拖拽、滑动或点击，则按照用户的操作内容选择对应的操作组件；若所述操作信息的操作内容是添加，则获取用户添加的属性信息以及属性动作，将所述属性信息以及属性动作添加至低代码平台的页面元数据中，以及给所述属性动作添加动作的映射key值，采用所述映射key值组装出页面所需的组件语义代码，根据所述组件语义代码确定操作组件，所述属性信息...

【专利技术属性】
技术研发人员：黄晓斌，叶青，温凌敏，
申请(专利权)人：浩云科技股份有限公司，
类型：发明
国别省市：