DIYGW可视化整合活字格快速CRUD帮助文档

DIYGW可视化整合活字格快速CRUD帮助文档，通过此文档快速教大家整合DIY可视化怎么调用活字格的API进行操作。

DIYGW可视化简介

DIY官网可视化工具可视化拖拽开发神器，所见即所得设计工具轻松制作UniApp、微信小程序、支付宝小程序、Vue3、H5、WebApp、单页动画。

uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。

所以接下来教程都是以uniapp为例。

最简单的一个首页入门

选择组件，拖进来即可。

导出源码

导出源码，解压源码。

导入源码

使用hbuiler导入刚才解压的源码。选择从本地目录导入。指向刚才解压出来文件目录即可。

快速对应活字格API

建议看这个教程前，先看后面活字格增删改查服务端实现的教程先。

编辑后源码至本地开发环境

点击保存源码至本地就会导出窗口，设置本地目录，界面上修改源码后就可以点那个按钮，自动会同步代码到本地开发环境

增删改查页面的实现

建议看这个教程前，先看后面活字格增删改查服务端实现的教程先。

增删改查页面实现，我们直接用现成的增删改查模板。

API修改

显示数据绑定

编辑表单

默认是底部弹窗表单

可以修改下窗口标题

表单提交地址修改

最核心的就是修改API。改成你的API地址

字段标识

字段标识这里是比较重要的知识点，这里对应活字格对应传入参数。

不要的字段我们直接删除

运行

在hbuilder上点运行到内置浏览器。如果外置浏览器会出现跨域CORS错误，参照后面CORS配置。

发行

点击发行，可以快速发行到多个平台。

活字格简介

企业级低代码开发平台打通现有软件，快速定制面向未来的个性化应用。丰富的UI组件、场景页面模板，一键复用完成自适应应用开发。基于BPMN标准设计，提供强大的图形化工作流设计及流程维护能力。支持云平台（活字格云）和私有化部署，可灵活将应用部署到私有云或公有云。

服务端命令开启

在对你管理器-开启服务端命令

活字格增删改查服务端实现

• 数据库表创建

• 

列表数据

​​​​​​​

创建命令

传入参数设置

返回值设置

标题查询

分页查询配置

返回值配置

新增命令

创建命令

传入参数

返回值

命令操作

修改命令

创建命令

传入参数

返回值

命令操作

删除命令

创建命令

传入参数

返回值

命令操作

活字格跨域CORS配置

使用H5发布的应用会报CORS错误 ，需要在活字格服务管理控制台打到你的应用，在自定义Http响应头增加下面的代码即可。

Access-Control-Allow-Origin:*

Access-Control-Allow-Credentials:true

Access-Control-Allow-Methods:GET, POST, OPTIONS

Access-Control-Allow-Headers:DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Authorization