表单设计器基础

功能介绍

表单设计器是系统的核心功能模块，提供直观的拖拽式界面，让您轻松创建专业的在线表单。

主要功能

1. 可视化设计：所见即所得的表单设计界面
2. 字段管理：添加、编辑、删除表单字段
3. 字段排序：拖拽调整字段顺序
4. 实时预览：实时查看表单效果
5. 多标签页管理：字段、逻辑、设置、数据分类管理

使用方法

1. 打开表单设计器

• 从导航栏点击"表单设计"
• 或从表单列表点击"创建新表单"
• 或从表单列表点击"编辑"进入编辑模式

2. 填写表单基本信息

在表单设计器顶部，填写以下信息：

• 表单名称（必填）：表单的标题，会显示在表单列表和提交页面
• 表单描述（可选）：简要说明表单的用途和注意事项

3. 添加表单字段

1. 点击"添加字段"按钮
2. 在弹出的字段编辑对话框中：

• 填写字段标签（必填）
• 选择字段类型
• 设置字段属性（是否必填、默认值等）
• 对于选项类字段，配置选项内容

1. 点击"保存"完成字段添加

4. 编辑字段

• 点击字段卡片上的"编辑"按钮
• 修改字段属性
• 点击"保存"应用修改

5. 删除字段

• 点击字段卡片上的"删除"按钮
• 确认删除操作

6. 调整字段顺序

• 使用字段卡片上的上下箭头按钮
• 或直接拖拽字段卡片到目标位置

7. 保存表单

• 点击页面底部的"保存表单"按钮
• 系统会验证表单结构
• 保存成功后显示提示信息

使用路径

• 创建新表单：/public/form_designer.php
• 编辑表单：/public/form_designer.php?id=表单ID
• 表单列表：/public/forms.php

界面说明

标签页结构

表单设计器包含以下标签页：

1. 字段：管理表单字段
2. 逻辑：配置表单逻辑规则
3. 设置：表单基本设置和访问控制
4. 数据：查看表单提交的数据

字段卡片

每个字段显示为一个卡片，包含：

• 字段标签
• 字段类型标识
• 必填标识（红色星号）
• 操作按钮（编辑、删除、排序）

注意事项

1. 字段名称：系统会自动生成字段名称，建议不要手动修改
2. 字段标签：这是用户看到的字段名称，可以随时修改
3. 必填字段：标记为必填的字段，用户必须填写才能提交
4. 保存频率：建议经常保存，避免数据丢失
5. 字段删除：删除字段会同时删除该字段的所有历史数据

常见问题

Q: 如何复制一个表单？

A: 在表单列表中，点击"复制"按钮，系统会创建一个副本。

Q: 可以导入外部表单吗？

A: 目前不支持直接导入，需要手动创建字段。

Q: 字段顺序可以调整吗？

A: 可以，使用字段卡片上的排序按钮或直接拖拽。

Q: 保存失败怎么办？

A: 检查表单名称是否填写，字段是否有必填项未填写，查看浏览器控制台的错误信息。