# 网页搭建、导入与验收

使用会话实际提供的浏览器工具，先读其操作文档；需要原生 Windows 交互时才使用已提供的 Computer Use 技能。不要假设原生桌面或某个浏览器工具必定可用。无界面工具仍可生成/检查文件，但网页验收标记未执行。

## 准备

- 按用户指定浏览器/标签页选择目标。开发前端通常为 127.0.0.1:5173，后端为 127.0.0.1:8000，以实际启动状态为准。
- 观察当前工程、组件库状态和未保存修改。使用隔离浏览器上下文，或先导出当前工程备份再新建/导入；同源新标签页共享 localStorage，不等于隔离。
- 以下控件名称来自当前代码，只作定位线索。操作以当下可访问树/截图为准，页面变化后重新观察，不能凭旧坐标点击。

## 文件导入

1. 用“导入工程 JSON”及工具支持的文件选择能力选中生成文件。不写 localStorage、React 内部状态或隐藏接口冒充 UI 导入。
2. 检查工程名、画布和控制台；确认没有丢弃连线、未知组件、版本/参数错误。文件选择器关闭不代表成功。
3. 按实例核对关键参数及单位。单位切换可能联动换算数值，以最终显示与导出 SI 值为准；多实例通过标签或稳定 ID 消歧。
4. 点击“检查模型”，展开控制台看诊断，再“生成系统 XML”核对输入。需要运行时点击“运行仿真”并观察阶段和终态；可用后端状态辅助监视，但 API 成功不能代替 UI 步骤记录。
5. 点击“导出工程 JSON”，取得实际下载文件后运行 project_builder.py compare。

## 界面模拟操作搭建

按建模清单操作，不把直接生成 JSON 描述成拖拽搭建：

1. 从组件库拖入目标型号，确认新增节点；必要时用“组件名称”设置易区分标签。
2. 先配介质定义与引用、影响端口数量的参数，再确认活动端口。LMECHN1 先设 N，再连接 port_1..N 和 port_(N+1) 参考口。
3. 参数表按真实标签填写，并设置对应单位；每次改变单位后复核最终数值。离散项用选项控件。参数隐藏时先核对控制条件，不盲输不存在的控件。
4. 用观察到的端口完成拖拽/连接。当前端口可访问标签形如“组件标签 端口 port_1”；连线后检查端点实际存在，不能把交叉线或贴近布局当成连接。
5. 调整布局和仿真配置，检查模型、导出、短时仿真及回读核对。

拖拽、缩放、滚动后重新观察。记录完成的组件和连接，失败后从实际状态恢复，避免重复添加。

## 验收

- 组件类型/ID/数量、连接端点与清单相符，无静默丢线。
- 关键参数、SI 值、介质引用和边界条件符合描述；目录默认项已披露。
- 网页检查无阻断错误，警告如实报告。
- 要求仿真时取得真实终态和终点；“已开始”不是成功。
- 实际下载 JSON 通过 check，compare 证明执行输入等价；布局另行确认。

此流程通过实际导入或界面操作完成，不承诺仅凭 URL 自动预装模型。若当前工具无法文件选择、下载或操作控件，交付文件并说明具体未验收步骤。