## 功能特性 - **🎨 拖拽式表单设计器**：所见即所得，支持 7 种组件（输入框、文本域、数字、日期、下拉选择、单选、多选） - **✅ 灵活校验规则**：必填、长度限制、邮箱/手机/URL 格式校验、自定义正则 - **🚀 一键发布**：快速发布表单，生成可分享的填写链接 - **📊 数据管理**：分页查看提交记录，支持按日期筛选 - **📥 Excel 导出**：一键导出提交数据为格式化 Excel 文件 - **👁️ 实时预览**：设计过程中实时预览表单效果 ### 创建表单 在首页创建一个新的表单模板。 | 1 | 点击「创建表单」按钮 | — | 进入表单设计器页面 | | 2 | 在顶部输入框输入表单名称 | `员工信息收集` | 名称栏显示已输入内容 | | 3 | 在左侧面板点击「单行输入」 | — | 画布中出现字段，右侧显示属性配置 | | 4 | 在右侧属性面板修改标签 | 改为 `姓名`，开启「必填」 | 画布中显示红色 * 号 | | 5 | 继续点击「下拉选择」组件 | — | 画布中新增一个下拉字段 | | 6 | 修改标签并添加选项 | 标签改为 `部门`，选项填 `技术部`、`产品部`、`市场部` | 右侧预览显示下拉选项 | | 7 | 点击「保存」按钮 | — | 提示「创建成功」 | > 💡 可以通过拖拽字段左侧手柄来调整字段顺序 ### 发布表单并填写 | 1 | 回到表单列表，点击「发布」 | — | 状态变为绿色「已发布」标签 | | 2 | 点击「填写」按钮 | — | 新标签页打开表单填写页面 | | 3 | 填写表单字段 | 姓名：`张三`，部门：`技术部`，邮箱：`zhangsan@example.com` | 所有字段正常显示和交互 | | 4 | 点击「提交」按钮 | — | 提示「提交成功」 | ### 查看和导出数据 | 1 | 回到表单列表，点击「数据」 | — | 进入数据管理页面 | | 2 | 查看提交记录 | — | 显示刚才提交的数据（含序号、时间、IP） | | 3 | 点击「导出 Excel」按钮 | — | 下载 .xlsx 文件 | | 4 | 打开 Excel 文件验证 | — | 表头含表单名称，数据行与提交一致 | > 💡 数据页面支持日期范围筛选，可以精确导出指定时段的提交记录