展开本页目录
开始前准备什么
- WebUI0.12.2；远端聊天模型计费，运行单文件网页不需本地LLM/GPU/终端服务。iframe脚本权限或CSP过严会使交互失效；不为方便预览默认打开Allow Same Origin。源码必须内联资源才能验证离线；不把手写参考HTML冒充模型已生成结果。保留品牌许可。
- 只在独立练习目录与自己的测试账号操作；使用准确模型ID，真实密钥不写入教材。
- 固定六组人数与四桌容量
- 让模型输出完整HTML Artifact
- 先完成v1的分配与统计
- 用v2补上超容量拦截
- 检查预览权限与离线资源
- 保存HTML并真实点击验收
- 归档模型版本和实际导出
原创输入、任务提示、字段教材、源码参考、人工基准和实际本地输出；无需模型即可核对。
包含七步原生操作、版本、来源和目标平台待执行项。
本站手写参考或人工基准的实际渲染，不是目标平台或模型输出。
1. 固定六组人数与四桌容量
A/B各4人、C/D各3人、E/F各2人，总18人；T1/T2各6座，T3/T4各4座。包内input.json与seat-planner.html为原创输入和手写参考，先检查初始分配。
2. 让模型输出完整HTML Artifact
Open WebUI0.12.2中提交prompt.md，明确要一个含HTML/CSS/JS的单文件，不是React组件或Markdown。生成可渲染内容后，右侧Artifacts才会出现交互预览。
3. 先完成v1的分配与统计
要求v1可选择小组和桌号，显示已安排、未安排、每桌剩余。逐组查看总人数18是否不变，不把一张静态座位图片当作可用工具。
4. 用v2补上超容量拦截
保持同一Artifact，要求只增加移动前容量校验和JSON导出；通过底部版本选择器比较v1/v2。把A组移入已有C组的T3，7人超过4座，应拒绝且原分配不变。
5. 检查预览权限与离线资源
若按钮无效，查看iframe Allow Scripts及CSP错误，不默认打开Allow Same Origin。检查没有外链字体、CDN脚本或远程请求；离线运行要把资源全部内联。
6. 保存HTML并真实点击验收
复制完整源码到seat-planner.html，用本机浏览器打开，测试超容量、移到未安排、重置和导出。包内参考已做本地浏览器交互；它是手写验收目标，不是模型生成结果。
7. 归档模型版本和实际导出
从自己的Artifact导出JSON，回读每组ID与人数、四桌容量和未安排列表。保留v1/v2源码及截图；聊天输出HTML不等于已经通过这些交互。
本次补测：先完成搜索要解决的问题，再进入下一步
原页面只有手写参考HTML；本次增加真实模型初始分配，并继续区分模型结果和手写交互。
模型只提出初始分配，HTML仍是本站手写参考；本次没有登录或安装Open WebUI。
- 向 apizt 发送六组人数和四桌容量，保存实际分配JSON。
- 程序核对组ID不遗漏、18人守恒以及每桌容量，再加载到独立参考页面。
- 浏览器实际尝试超容量移动、移到未安排和重置；越界操作必须保持原分配。
新增补测结果；与原有原生工具记录分别保存
{
"assigned_people": 18,
"occupancy": {
"T1": 6,
"T2": 6,
"T3": 3,
"T4": 3
},
"capacity": {
"T1": 6,
"T2": 6,
"T3": 4,
"T4": 4
},
"over_capacity": false,
"model": "gpt-4.1-mini",
"nativeOpenWebUIExecuted": false,
"htmlSource": "existing hand-written reference; model only proposed initial allocation"
}
本次实际数据的浏览器执行报告截图，非第三方软件界面；原有配图和缩略图保留。
怎样确认已经完成
- 按本题原始输入核对ID、未知值和边界，实际平台结果另存原生文件。
- 保留本地参考与目标平台的来源差异，失败项不覆盖成成功。
- 核对实际工具/模型版本和完整调用费用，再用于自己的业务。
常见问题
聊天AI直接做能点的座位表？
在Artifacts中制作真正能点击的HTML工具，移动小组时检查人数守恒与容量。 按上面七步在自己的工具执行；本页下载包提供可核对的输入和参考。
AI做的小工具能保存到电脑离线用吗？
复制完整源码到seat-planner.html，用本机浏览器打开，测试超容量、移到未安排、重置和导出。包内参考已做本地浏览器交互；它是手写验收目标，不是模型生成结果。
Open WebUI Artifacts 教程 的练习包能直接导入吗？
node-fields.json是逐字段操作教材，不能冒充平台原生工作流导出。按实际版本在工具里配置并保存自己的原生文件；Recipe YAML和单文件HTML等明确命名的材料见README。