在线 PDF 表单模板解析与字段字典生成器
把一份空白 PDF 表单当作“模板”,自动解析出可填字段、类型、默认值与约束,并生成可复用的字段字典与映射示例。
中文 Prompt:
你是一名资深全栈工程师。请用中文输出一个“在线 PDF 表单模板解析与字段字典生成器”的完整可运行项目,目标是让非技术人员也能把 PDF 表单变成结构化字段表。
硬性要求(必须全部满足):
1) 交付物:给出完整源码 + 文件树 + 关键依赖说明 + 本地运行命令 + 构建命令 + 部署说明(部署到任意静态托管,如 Nginx/OSS/Netlify 均可)。
2) 技术栈:Vite + React + Type ;PDF 解析使用 pdf-lib(或同类前端可用库,但不要依赖后端才能解析)。
3) 功能:
- 上传 PDF 表单(本地文件,不上传服务器),解析并列出所有字段:字段名、类型(文本/复选框/单选/下拉等)、是否必填、可能的选项、默认值。
- 支持导出字段字典:JSON 与 CSV。
- 支持生成“字段映射模板”:为后续批量填表准备一份示例 JSON(包含字段名与示例值)。
- 提供错误提示与可读的空状态页面。
4) 一键输出 HTML(用于交付与预览):实现命令 npm run export:html,生成 dist-export/index.html(单文件或最小包均可),打开即可离线运行并完成同样功能;请说明如何把 CSS/JS 资源内联或打包到同目录。
5) 测试/QA:提供不少于 6 条测试用例或 QA checklist(包含:不同字段类型、空字段、损坏 PDF、超大文件、导出正确性、离线 HTML 是否可运行)。
输出格式:
- 先给项目简介与功能清单
- 再给文件树
- 再逐文件贴出代码
- 最后给运行/构建/导出 HTML/部署/测试清单
中文释义: 让你先把表单结构“看清楚”,生成字段字典与映射模板,后续批量填表才不会因为字段名不一致而返工。
在线 PDF 批量填表器(字段映射 + 规则校验)
导入字段字典与数据表,一次性生成多份已填写的 PDF,并在生成前做必填与格式校验,避免“填错了才发现”。
中文 Prompt:
请用中文实现一个“在线 PDF 批量填表器”完整项目(Vite + React + Type )。工具用于:上传 1 个 PDF 表单模板 + 导入 1 份数据(CSV/JSON),根据字段映射批量生成 N 份已填写 PDF。
必须包含:
- 字段映射 UI:左侧 PDF 字段名,右侧选择数据列;支持保存/加载映射配置(本地 localStorage)。
- 校验规则:必填、邮箱/手机号/日期格式、数值范围、枚举选项;校验不通过不允许生成。
- 生成方式:使用 pdf-lib 在浏览器端填充并导出;生成结果可单个下载,也可打包 ZIP 下载。
- 性能:支持 200 条数据的批量生成(给出进度条与可取消)。
- 一键输出 HTML:npm run export:html 生成可离线打开运行的 dist-export/index.html(或包含 index.html 的最小包),并说明导出策略。
- 交付物:完整源码 + 文件树 + 运行/构建/部署说明。
- 测试/QA:不少于 6 条(包含:映射缺失、数据列缺失、非法日期、枚举不在选项内、批量 200 条性能、离线 HTML 导出包可用)。
中文释义: 把“模板 + 数据表”变成可交付的多份 PDF,且在生成前把错误拦住;适合报名表、合同信息页、发票抬头等批量场景。
在线 PDF 表单字段一致性检查器(多模板对比)
同一业务可能有多个版本的表单模板,此工具用来对比字段集合与类型差异,并导出一份可读的差异报告。
中文 Prompt:
请用中文输出一个“在线 PDF 表单字段一致性检查器”的完整前端项目(Vite + React + TS)。
功能要求:
1) 支持同时上传 2-5 个 PDF 表单模板(本地解析,不上传服务器)。
2) 解析并抽取字段:字段名、类型、是否必填、选项集合;
3) 对比输出:
- 缺失字段(A 有 B 无)
- 类型不一致(文本 vs 下拉等)
- 选项差异(下拉/单选)
- 字段名相似但不一致(给出可能的重命名建议)
4) 报告导出:
- 导出 JSON
- 一键导出 HTML 报告:npm run export:html 生成 dist-export/index.html,内含可交互筛选与搜索(离线可用)。
5) 交付物:文件树 + 源码 + 运行/构建/部署说明。
6) QA 清单不少于 6 条(包含:不同数量模板、字段为空、字段名含中文/空格、选项差异、损坏 PDF、离线 HTML 报告可打开)。
中文释义: 用来避免“同一字段在不同模板叫法不同/类型不同”导致的批量填表失败,适合你在上线前做模板治理。
在线 PDF 表单必填项可视化标注器(只做标注不生成图片)
把必填字段高亮、按页汇总,并生成检查清单;不做任何“生成图片/渲染图”,只基于现有 PDF 做标注与导出。
中文 Prompt:
请用中文实现“在线 PDF 表单必填项可视化标注器”项目(Vite + React + TS)。
要求:
- 上传 PDF 表单后,解析字段并识别必填(若库无法直接读取必填标记,则允许用户在字段表里手动勾选“必填”并保存)。
- 预览:使用 PDF.js 在浏览器渲染现有 PDF 页面;在页面上叠加半透明高亮框标注必填字段位置(只做叠加展示,不生成图片文件)。
- 汇总:按页输出必填字段清单,可搜索、可导出 CSV/JSON。
- 一键导出 HTML:npm run export:html 生成可离线打开的 dist-export/index.html,打开后仍可加载本地 PDF 并完成标注与导出。
- 交付物:完整源码、文件树、运行/构建/部署说明。
- QA:不少于 6 条(包含:手动勾选必填、不同页字段、缩放时高亮位置跟随、导出正确性、加载超大 PDF、离线 HTML 可运行)。
中文释义: 让业务方快速看到“哪些地方必须填”,并把检查清单直接交付;适合线下收集资料或外部合作方填表前的校验。
在线 PDF 批量字段清洗与标准化器(数据预处理)
先把数据表做清洗再填表:去空格、日期格式统一、手机号归一、枚举值映射,减少生成失败与返工。
中文 Prompt:
请用中文输出一个“在线 数据清洗与标准化器(用于 PDF 批量填表前置)”的完整项目(Vite + React + TS)。
功能:
- 导入 CSV/Excel(可用 xlsx 库)或 JSON,展示表格。
- 清洗规则:去前后空格、全角半角转换、日期统一为 YYYY-MM-DD、手机号只保留数字、金额保留两位小数、枚举值映射(例如 男/女/未知 -> M/F/U)。
- 规则可配置:每列可选择规则链,并支持保存模板。
- 导出:清洗后的 CSV/JSON。
- 一键导出 HTML:npm run export:html 生成 dist-export/index.html,离线打开可完成导入/清洗/导出。
- 交付物:源码 + 文件树 + 运行/构建/部署说明。
- QA:不少于 6 条(包含:乱码处理、空值、日期多格式、金额异常值、导出字段顺序、离线 HTML 可用)。
中文释义: 把“填表前的数据坑”一次清掉,确保批量生成时字段校验能稳定通过。
在线 PDF 生成结果抽检器(随机抽样 + 对照报告)
批量生成后不可能逐个打开检查,此工具做随机抽检与字段对照,输出一份 HTML 抽检报告便于归档。
中文 Prompt:
请用中文实现“在线 PDF 批量生成结果抽检器”项目(Vite + React + TS)。
输入:
- 上传一批已填写的 PDF 文件(多选)
- 导入对应的数据源(CSV/JSON)与字段映射配置
功能:
- 随机抽样:可设置抽样比例或抽样数量(例如抽 20 份),并可手动指定抽检文件。
- 对照检查:读取 PDF 中的字段值(若无法读取可退化为基于映射记录的生成日志对照),输出“期望值 vs 实际值”差异表。
- 报告:生成可搜索、可筛选的抽检报告,并支持一键导出 HTML(npm run export:html -> dist-export/index.html)。
- 交付:源码 + 文件树 + 运行/构建/部署说明。
- QA:不少于 6 条(包含:抽样可复现、对照缺失字段、数据源列缺失、报告导出、超多文件性能、离线 HTML 报告可打开)。
中文释义: 让你用“抽检报告”替代人工逐个核对,降低批量交付的质量风险。
在线 PDF 字段变更影响分析器(映射回归检查)
模板一改字段名/类型,历史映射就会失效;这个工具分析变更并给出回归检查清单与修复建议。
中文 Prompt:
请用中文实现“在线 PDF 字段变更影响分析器”项目(Vite + React + TS)。
输入:旧模板 PDF、 新模板 PDF、 旧字段映射配置(JSON)。
功能:
- 解析旧/新模板字段集合。
- 根据字段名相似度与类型兼容性,给出自动迁移建议(例如 old.name -> new.full_name)。
- 生成回归检查清单:哪些字段需要人工确认、哪些规则需要重测。
- 输出:
- 迁移后的映射配置 JSON
- 一键导出 HTML 影响分析报告(npm run export:html -> dist-export/index.html,离线可用)
- 交付:源码 + 文件树 + 运行/构建/部署说明。
- QA:不少于 6 条(包含:字段重命名、字段删除、类型变化、相似度误判提示、报告导出、离线 HTML 可打开)。
中文释义: 把“模板升级带来的风险”提前量化,避免上线当天才发现批量填表全挂。
在线 PDF 批量生成流水线打包器(最小交付包)
把模板、映射、清洗规则、数据样例与操作说明打成一个最小交付包,交给协作方即可复现流程。
中文 Prompt:
请用中文实现“在线 PDF 批量生成流水线打包器”项目(Vite + React + TS)。
目标:把一次 PDF 批量填表的所有配置打包成可交付物。
功能:
- 导入:PDF 模板、字段映射 JSON、数据清洗规则 JSON、数据样例 CSV。
- 校验:检查配置是否齐全且相互匹配(字段名、列名、枚举映射)。
- 生成交付包:
- 生成一个包含 index.html 的最小离线包(或单文件 HTML),打开即可进行“导入数据 -> 清洗 -> 校验 -> 批量生成 -> 下载 ZIP”。
- 生成 README.html(或在 index.html 内置帮助页),包含操作步骤、常见问题、版本信息。
- 一键输出 HTML:npm run export:html 产出 dist-export/index.html(必须说明如何确保离线可用)。
- 交付:完整源码 + 文件树 + 运行/构建/部署说明。
- QA:不少于 6 条(包含:缺少任一配置、字段不匹配、导出包离线可运行、不同浏览器兼容、批量生成中断恢复提示、README 可读性)。
中文释义: 把项目从“我电脑能跑”变成“交出去也能跑”,适合跨团队/外包协作的标准交付。