任务型 AI 课程 · 待上线
做一个自己的报价单工具
能修改服务项、单价、数量并打印的本地报价单网页
适合：个人服务者。围绕一个实际任务练习，最终留下一份可修改、可检查的成果。
正在加载内容…
先看成果
可修改、计算、打印的小网页
基于本站合成教学案例绘制，展示本课要完成的成果。完整素材与操作步骤见课程交付说明。
直接动手
改一项报价，看看结果
免费练习工具在浏览器里运行，无需注册。这里是教学练习，不会收款或自动发布；关闭前请保存需要的结果。
打开交互练习 ↗开始前，一眼看清
- 内容与时长
- 完整课尚未开放，暂无已发布教学视频。免费体验为图文与配套练习。
- 使用什么工具
- 桌面浏览器和文本编辑器；AI文字对话辅助解释HTML/JavaScript。成品双击即可运行，无服务器或API。
- 模板与素材
- 起始HTML与完整HTML源码；测试清单及独立需求案例；JSON备份示例
- 学习期限
- 完整课程的访问期限将在开售时公布；当前免费案例无需购买。
- 答疑与支持
- 免费练习可通过“学习问题”入口留言。付费课答疑方式与范围将在开售前公布。
- 工具额外费用
- 课程练习无需域名、托管和付费接口；报价示例为教学数据，实际价格由经营者决定。
网页与助手 · 课程筹备中
计划完成的成果与交付内容
一张本地报价单，包含项目名、最多20个服务项、数量和单价。金额以分计算，支持增删行、打印和JSON备份恢复。
- ✓ 起始HTML与完整HTML源码
- ✓ 测试清单及独立需求案例
- ✓ JSON备份示例
- ✓ 需求、排错与交接模板
开始前准备
会下载文件、使用浏览器和文本输入。先完成免费小案例。练习全部使用合成教学数据。
学习与练习时间
7节图文；建议分两次完成，阅读约45–90分钟，独立练习另预留60–120分钟。不是已录制视频时长。
使用的工具
桌面浏览器和文本编辑器；AI文字对话辅助解释HTML/JavaScript。成品双击即可运行，无服务器或API。
额外费用
课程练习无需域名、托管和付费接口；报价示例为教学数据，实际价格由经营者决定。
不适合这些需求
在线收款、税务计算、多人协作、客户信息云同步或自动发送报价。
完成后这样检查
- □ 数量和单价非法时不能生成有效总价
- □ 0.10元×3正确得到0.30元
- □ 删除和新增后总价正确
- □ 备份恢复不执行输入代码
- □ 打印仅包含报价内容
这是自检标准。标记课时完成不等于经过人工评审。
常见问题
能直接当合同吗？
这是报价辅助工具，不代替双方约定。付款、交付和税务等条款需另行确认。
客户数据会上传吗？
示例没有网络请求。浏览器本地存储和导出文件仍需自行保管，别在共享电脑保存真实客户信息。
课程资料检查日期：2026-10-20。工具账号权限与界面可能变化，请先完成免费练习。
课程大纲 · 7 个练习步骤
以下展示计划学习的内容，可能随制作调整。完整课时尚未开放；免费案例可以独立完成。
- 01免费修改一张静态报价单待上线
- 02把需求写成可验收规则待上线
- 03理解按分计算的金额待上线
- 04新增、删除和安全显示内容待上线
- 05打印与备份恢复待上线
- 06用边界测试定位错误待上线
- 07独立调整为另一种服务报价待上线