AK-Design 是一个纯前端的拖拽式、可视化、低代码数据可视化设计器开发平台,主包括拖拽式表单设计、列表页设计、流程设计、拖拽式数据可视化大屏设计、数据统计设计。
可视化低代码快速开发平台首页
拖拽式表单设计器
提供了拖拽式表单设计器,这是一个非常直观和高效的工具。用户可以轻松地在操作界面上拖拽和放置各种表单组件,实现可视化数据绑定和自由的组件位置调整。实现表单的自定义设计。这种拖拽式搭建和可视化操作的方式不仅简化了表单设计流程,还大大提高了设计效率,而且可以帮助企业节省流程管理开发的时间成本。用户不需要相关的编程知识,点点鼠标就能轻松完成功能复杂的表单设计。
设计器的主要功能:
- 提供功能强大丰富的各种表单组件
- 可以使用拖放方式添加表单元素
- 可以使用鼠标进行表单元素排序
- 可以设计器预设的校验规则
- 可以生成完整的表单视图
- 可以生成表单数据
- 可以根据表单数据自动生成UI
- 可以根据表单模板快速生成表单
- 可以支持复杂交互控制
- 可以支持开发自定义组件
- 支持接口数据处理 ...
表单设计列表管理页
拖拽式表单设计器
内容管理-新页面打开
内容管理-弹窗形式编辑
列表设计器
列表设计器是一个可以帮助快速构建数据展示界面的工具,可以更加轻松地实现列表构建,提高我们的工作效率。简单的拖拽、调整列顺序、编辑列、设置样式等,生成自己想要的数据表格。 还可从设计的表单里获取接口数据。
列表设计器提供了丰富的配置项,你可以进行列的拖拽、设置列名、设置列宽、设置列样式等操作。同时,它还提供了丰富的配置项,充足的自定义能力,能够满足我们大部分的需求。
列表页设计器
列表页设计管理
数据可视化大屏设计
AK-Design还包括拖拽式可视化大屏数据设计器。通过这个设计器,用户可以轻松地创建和自定义数据可视化大屏,将复杂的数据以直观、易于理解的方式呈现出来。拖拽式的操作方式使得大屏设计变得更加灵活和便捷,同时也提高了大屏的视觉效果和用户体验。
包括图表组件、表格组件、进度条组件、地图组件、轮播组件、背景边框组件和常用辅助工具等,用户可以根据自己的需求选择和拖拽组件到画布中。
- 编辑器页面基本功能,包括编辑、预览、导出、保存、生成json脚本
- 图层功能:显示、隐藏、复制、锁定
- 组件功能:缩放、旋转、拖动、复制、组合、拆分、对齐方式、删除、位置定位
- 支持用户自定义组件
- 支持接口数据和静态模拟数据
- 支持键盘调整定位
- .....
数据可视化大屏设计
数据可视化大屏设计
流程设计器
AK-Design还提供了简单流程设计器。这个设计器可以帮助用户快速构建业务流程,通过拖拽和配置的方式,实现流程的自动化和优化。这对于提高企业的工作效率、减少人工错误具有重要意义。
演示地址
github演示地址https://337547038.github.io/vue-form-design/#/
源码前端仓库
源码后端仓库
总结
AK-Design低可视化代码快速开发平台通过拖拽式表单设计器、拖拽式可视化大屏数据设计器和简单流程设计器等功能,提供了高效、直观、灵活的开发工具,帮助企业快速构建和优化业务流程,提高工作效率和质量。