[发明专利]一种基于元素的组件化拖拽式建模平台、工具及方法

权利要求书

1.一种基于元素的组件化拖拽式建模平台，其特征在于，包括有：管理平台包含项目管理模块，拖拽式操作管理模块，数据源管理模块，代码生成模块，移动应用生成模块，移动应用运行模块；

项目管理模块，包括项目全开发周期管理，包含项目的新建、编辑、删除，同时也包含对项目开发过程的管理；

拖拽式操作管理模块，用于执行用户的拖拽操作，对已选组件进行拖拽布局和事件绑定，也包含组件的基础样式设置和页面的常规配置；

数据源管理模块，用于对组件配置数据源；代码生成模块，根据已经完成的布局生成相应的应用代码；

移动应用生成模块，根据移动应用配置参数和代码生成移动应用资源包；

移动应用运行模块，用于获取所述移动应用资源包并运行于移动设备。

2.一种基于元素的组件化拖拽式工具，其特征在于：包括有页面管理模块，元素管理模块、组件管理模块、拖拽式操作管理模块、数据源管理模块、代码生成模块、移动应用生成模块、移动应用运行模块；

页面管理模块，包括常用的组件好的页面和接口，供开发者直接利用，页面管理模块包含多个页面库，包括但不限于APP必备页面库、APP常用模块库、单商户商城库、营销活动库、商家端库、会员上传库；

元素管理模块，包括有组装成组件的各类元素，多种元素可以直接使用进行组装，包括但不限于图片、按钮、文字、文字图标；

组件管理模块，包括有组装成页面的常用组件，常用组件包括基础组件，列表组件、营销组件，每个组件分类包含有多套可直接使用的组件，用于组合成页面；

拖拽式操作管理模块，用于执行用户的拖拽操作，对已选组件进行拖拽布局和事件绑定，也包含组件的基础样式设置和页面的常规配置，并且当组件拖拽式操作模块执行拖拽操作时，根据组件的位置、排序信息和各组件之间的关联关系生成应用配置参数；

数据源管理模块，对组件自由配置数据源，调用数据库数据

代码生成模块，根据已经完成的布局生成相应的应用代码；

移动应用生成模块，根据移动应用配置参数和代码生成移动应用资源包，并生成小程序、APP；

移动应用运行模块，运行上述生成的小程序、APP。

3.根据权利要求2所述的一种基于元素的组件化拖拽式工具，其特征在于：代码生成模块可根据应用配置参数中组件的位置和排序信息生成相应样式的应用，以及根据应用配置参数中各组件的关联关系生成组件之间可相互响应方法和事件的应用生成代码。

4.一种基于元素的组件化拖拽式方法，其特征在于：该方法基于权利要求1-3中任一所述的管理平台，包含项目管理模块，页面管理模块，元素管理模块、组件管理模块，拖拽式操作管理模块，数据源管理模块，代码生成模块，移动应用生成模块。所述方法包括如下步骤：

S1：用户通过登录游览器登录管理平台，如果需要维护项目可执行S2，如果需要进入项目开发可执行S3；

S2：用户在项目管理模块中，利用项目管理功能可对项目可进行新建、编辑、删除操作；

S3：用户可以点击项目名称，进入项目开发步骤，如果需要利用组件好的页面可执行S4；

S4：用户可以在页面管理模块选择组件好的页面和接口，执行S9；

S5：用户可以在页面管理模块新建一个模块，用于项目发的开发，如果已经新建可直接执行S6；

S6：用户选择模块，然后新建页面，如果不需要新建页面，可直接执行S7；

S7：用户利用拖拽式操作模块，选择组件库中的各类组件，组件页面，根据组件的位置和排序信息生成相应样式的应用；

S8：用户对需要配置数据源的组件配置对应的数据源，调用数据库数据进行展示；

S9：用户根据应用配置参数中各组件的关联关系生成组件之间可相互响应方法和事件的应用生成代码；

S10：用户利用移动生成模块，对生成的代码进行编译，生成可直接使用小程序、APP资源包；

S11：用户利用移动应用运行模块获取所述移动应用资源包并运行于移动设备。

5.根据权利要求5所述的一种基于元素的组件化拖拽式方法，其特征在于：所述步骤S1中，用户通过浏览器页面登录平台，然后对项目进行管理或开发；用户可以直接利用页面库组件好的页面布局及配置；元素管理模块包含有多个可直接使用的元素，用于组合成组件，如图片、按钮、文字、文字图标等。组件管理模块的组件库中包含多套组件，用户利用组件可以自由配置网页应用；利用拖拽操作，生成包含组件位置、排序信息和各组件之间的关联关系的网页应用配置；对组件自由配置数据源，调用数据库数据；根据应用配置参数中组件的位置和排序信息生成相应样式的应用，以及根据应用配置参数中各组件的关联关系生成组件之间可相互响应方法和事件的应用生成代码；根据移动应用配置参数和代码生成移动应用资源包。