[发明专利]一种基于taro实现低代码平台的方法

权利要求书

1.一种基于taro实现低代码平台的方法，其特征是，包括以下内容：

步骤一、创建前端工程；

步骤二、实现可视化页面；

步骤三、实现多端转换；

步骤四、发布为小程序、移动应用；

平台包括低代码和无代码，通过可视化页面编辑应用直接发布；如果通过可视化页面编辑的页面与最终想要的有差距，则下载源码，在源码基础上进行二次修改；

可视化页面用于进行用户最终生成的应用效果的预览、修改和完善以及页面的适配。

2.根据权利要求1所述的一种基于taro实现低代码平台的方法，其特征是，所述前端工程采用VS Code开发工具创建。

3.根据权利要求1所述的一种基于taro实现低代码平台的方法，其特征是，步骤二中所述可视化页面是一个html，主要包含组件、展示页面、属性设置等三个模块，这三个模块之间是紧密相连的，所述组件包含但不局限于自定义的组件，还可导入nutUI、Element等流行组件库；

先定义组件，为其设置包括位置、内容、点击事件、CCS样式等属性，在用户将组件推拽到展示页面后对组件点击，在属性设置里可以对定义好的属性字段进行修改。

4.根据权利要求3所述的一种基于taro实现低代码平台的方法，其特征是，用户拖入多个组件组成一个页面之后需要保存并导出，将页面中的所有组件取出存到一个json文件中，这个json文件作为页面描述文件。

5.根据权利要求1所述的一种基于taro实现低代码平台的方法，其特征是，步骤三包括以下内容：首先创建一个空的taro工程，根据页面描述文件的个数，对应在taro工程中生成注册相应的vue页面，每个页面下的组件信息都从步骤二中compList集合获取，再取出每个组件的位置、css样式、内容、点击事件、绑定信息等数据后，映射到组件库标签中，模仿生成相近的页面标签，并使用vue3进行数据绑定，其数据将直接与ui组件进行映射捆绑。

6.根据权利要求5所述的一种基于taro实现低代码平台的方法，其特征是，在转换完成taro工程之后，安装node环境，使用npm全局安装@tarojs/cli工具，安装完成后，使用build命令把taro工程编译成不同端的代码，如转换成微信小程序工程：npm run dev:weapp。

7.根据权利要求1所述的一种基于taro实现低代码平台的方法，其特征是，步骤四中小程序包括微信、百度、支付宝、钉钉小程序，通过使用build命令把taro工程编译成不同端的代码转化为小程序工程，不同的小程序之间更改仅需要一行命令更换对应名称；

生成Android、iOS端的移动应用，需要先把项目转成H5，然后拿到首页地址，地址包括离线或者在线地址；平台提供有一键打包服务，根据提示输入app相关信息及首页地址，自动打包成webapp，生成的webapp可通过二维码扫码下载。