产品简介
vue-form-design AK-Design是一个纯前端的低代码可视化开发平台。它基于Vue3和Element-Plus，让开发者能通过拖拽组件，快速创建表单、数据列表页、审批流程和数据可视化大屏，极大提升开发效率，适合前端开发者和需要快速搭建应用界面的团队。
核心功能
- 拖拽式可视化表单设计器
- 灵活的数据列表页设计器
- 自定义审批流程管理设计器
- 拖拽式数据可视化大屏设计器
- 数据统计拖拽设计
快速开始
- 克隆项目：git clone https://github.com/337547038/vue-form-design.git
- 安装依赖：在项目目录运行 pnpm install
- 运行项目：使用 pnpm dev 启动本地开发服务，默认使用JSON模拟数据
- 访问演示：在浏览器打开 http://localhost:端口 查看设计器界面
界面预览
与其他方案对比
| 对比项 | vue-form-design | 同类方案 |
|---|---|---|
| 开发方式 | 提供可视化设计器，通过拖拽配置生成页面，显著降低前端开发门槛和重复工作。 | 传统开发需手写前端代码，从零搭建界面逻辑，耗时且对开发者要求较高。 |
| 技术栈与跨平台 | 基于主流Vue3+Element-Plus技术栈，代码简洁易维护；支持Windows、macOS、Linux平台。 | 同类低代码平台可能绑定特定闭源框架或仅支持Web平台，扩展和迁移成本高。 |
| 开源与定制 | 项目开源，代码注释完整，允许并欢迎进行二次开发和需求定制。 | 部分商业低代码平台为闭源产品，定制功能受限或需额外付费。 |
适合谁用
- 正在学习Vue3和低代码开发的前端工程师
- 需要快速搭建企业内部管理系统的开发团队
- 希望无需编写代码即可设计数据表单和流程的业务人员
下载与版本
当前最新版本为 main，发布于 。支持 Windows、macOS、Linux。
⚠️ 注意：本项目仅提供源代码下载，不包含可直接运行的安装包（exe/dmg/apk 等。下载后需要自行编译构建才能使用，适合有一定开发经验的用户。如果你不熟悉编译流程，建议寻找同类开箱即用的替代方案。
注意事项
- 本工具仅供学习和研究使用，请遵守相关法律法规。
- 请尊重内容创作者版权，勿将下载内容用于商业或非法传播。
- 项目源码地址：https://github.com/337547038/vue-form-design