十天速成：打造你的AI低代码系统（4. 拖拽表单）

原创

已于 2025-01-12 11:01:12 修改 · 1.4k 阅读

30 ·

CC 4.0 BY-SA版权

文章标签：

#低代码 #java #AI编程

于 2025-01-07 13:07:41 首次发布

前言

1: 系统架构及部署应用

2：AI辅助开发和AI辅助测试（基于IDEA插件开发）

开源源码，项目下载地址https://gitee.com/lowcode2/ailowcode.git

无代码-拖拽表单

拖拽表单，是前端页面技术，通过拖拽表单组件来动态渲染出表单页面。本系统拖拽表单相关技术是基于开源项目form-create做二次开发实现。表单页面应用方式：1，通过配置菜单，在菜单中配置表单ID，然后通过菜单访问。2，通过和动态列表集成使用，在动态列表中点击按钮打开配置的自定义拖拽表单。3，通过和审批流集成使用，在审批流的审批节点中，配置拖拽表单，打开审批节点页面时，通过动态渲染技术打开表单。详细使用方法，见后续介绍。

（一）操作手册

1. 快速入门

点击菜单“无代码配置/拖拽表单”，打开拖拽表单管理页面；点击“添加”打开添加对话框，可创建一条新的表单，如下图所示。点击表单项目的“设计器”按钮，打开拖拽表单设计器。

拖拽表单设计器，主要由4个区域组成，如下图所示。图中左侧标识1是组件区，中间标识2是设计区，右侧标识3是组件的属性区，顶部标识4是工具栏。

目前支持的组件分类主要有：表单组件、列表组件、辅助组件和布局组件。各组件功能，如下表所示。

组件类别	组件名称	说明
表单组件	输入框	文本输入框，支持类型：text,textarea,number,password,hidden
	计数器	数字计数器，支持设置最大、最小值、步长等
	单选框	radio单选框
	多选框	checkbox多选框
	选择器