AK-Design 可视化低代码快速开发平台 拖拽式表单设计器 拖拽式可视化大屏数据设计器 简单审批流程设计器

AK-Design 是一个纯前端的拖拽式、可视化、低代码数据可视化设计器开发平台，主包括拖拽式表单设计、列表页设计、流程设计、拖拽式数据可视化大屏设计、数据统计设计。

可视化低代码快速开发平台首页

拖拽式表单设计器

提供了拖拽式表单设计器，这是一个非常直观和高效的工具。用户可以轻松地在操作界面上拖拽和放置各种表单组件，实现可视化数据绑定和自由的组件位置调整。实现表单的自定义设计。这种拖拽式搭建和可视化操作的方式不仅简化了表单设计流程，还大大提高了设计效率，而且可以帮助企业节省流程管理开发的时间成本。用户不需要相关的编程知识，点点鼠标就能轻松完成功能复杂的表单设计。

设计器的主要功能：

• 提供功能强大丰富的各种表单组件
• 可以使用拖放方式添加表单元素
• 可以使用鼠标进行表单元素排序
• 可以设计器预设的校验规则
• 可以生成完整的表单视图
• 可以生成表单数据
• 可以根据表单数据自动生成UI
• 可以根据表单模板快速生成表单
• 可以支持复杂交互控制
• 可以支持开发自定义组件
• 支持接口数据处理
  …

表单设计列表管理页

拖拽式表单设计器

内容管理-新页面打开

内容管理－弹窗形式编辑

列表设计器

列表设计器是一个可以帮助快速构建数据展示界面的工具，可以更加轻松地实现列表构建，提高我们的工作效率。简单的拖拽、调整列顺序、编辑列、设置样式等，生成自己想要的数据表格。
还可从设计的表单里获取接口数据。

列表设计器提供了丰富的配置项，你可以进行列的拖拽、设置列名、设置列宽、设置列样式等操作。同时，它还提供了丰富的配置项，充足的自定义能力，能够满足我们大部分的需求。

列表页设计器

列表页设计管理

数据可视化大屏设计

AK-Design还包括拖拽式可视化大屏数据设计器。通过这个设计器，用户可以轻松地创建和自定义数据可视化大屏，将复杂的数据以直观、易于理解的方式呈现出来。拖拽式的操作方式使得大屏设计变得更加灵活和便捷，同时也提高了大屏的视觉效果和用户体验。

包括图表组件、表格组件、进度条组件、地图组件、轮播组件、背景边框组件和常用辅助工具等，用户可以根据自己的需求选择和拖拽组件到画布中。

• 编辑器页面基本功能，包括编辑、预览、导出、保存、生成json脚本
• 图层功能：显示、隐藏、复制、锁定
• 组件功能：缩放、旋转、拖动、复制、组合、拆分、对齐方式、删除、位置定位
• 支持用户自定义组件
• 支持接口数据和静态模拟数据
• 支持键盘调整定位
• …
  

数据可视化大屏设计

数据可视化大屏设计

流程设计器

AK-Design还提供了简单流程设计器。这个设计器可以帮助用户快速构建业务流程，通过拖拽和配置的方式，实现流程的自动化和优化。这对于提高企业的工作效率、减少人工错误具有重要意义。

演示地址

github演示地址https://337547038.github.io/vue-form-design/#/

源码前端仓库

gitee仓库
github仓库

源码后端仓库

github仓库

总结

AK-Design低可视化代码快速开发平台通过拖拽式表单设计器、拖拽式可视化大屏数据设计器和简单流程设计器等功能，提供了高效、直观、灵活的开发工具，帮助企业快速构建和优化业务流程，提高工作效率和质量。