【源码】基于 Vue 的低代码表单生成系统

项目简介

此项目是基于低代码技术开发的表单生成系统。用户借助简单的拖拽操作，可在画布上自由组合各类表单组件，还能生成对应的 Vue 文件用于二次编码，大幅减少开发人员构建表单页面的重复性工作，有效提高开发效率。

项目的主要特性和功能

1. 可视化设计：拥有直观的可视化表单设计器，支持用户通过拖拽组件自由设计表单布局与样式。
2. 组件丰富：提供多种表单组件，如文本框、下拉框等供用户选择。
3. 属性编辑：用户可在右侧面板编辑组件属性，涵盖组件属性和表单属性。
4. 数据保存加载：利用 localStorage 保存表单数据，便于用户再次访问时重新加载和编辑之前的表单设计。
5. 快捷键支持：监听 delete、copy 等快捷键操作。
6. 下拉框功能：下拉框支持预定义选项列表、双向绑定字段以及远程加载选项列表。

安装使用步骤

1. 下载项目源码文件并完成解压。
2. 打开项目文件夹，使用编辑器打开 lowcode-form 文件夹中的 index.html 文件。
3. 在浏览器中预览并体验低代码表单生成系统。
4. 通过拖拽组件设计表单，编辑组件属性。
5. 生成 Vue 文件以进行二次编码，满足特定需求。

注：使用本项目时，请确保浏览器已启用 JavaScript，并安装必要的插件（如 nprogress、file-saver、clipboard 等）。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】