Web前端技术实验

实验15　日期联动、边界与测试

课程代码 ZY070018｜适用：2024级、2025级｜第15次
2026—2027学年第一学期
字段内容字段内容
大纲锚点实验项目十二：通过循环语句输出年份和月份学时拆分第2次（完成4学时项目）
项目属性综合设计型 / 必做 / 1人一组课程目标LO1、LO2、LO3
本次实验按任务书完成并现场验收；单次成绩按100分记录，课程总评按本年级教学大纲执行。

一、学习目标

  • 掌握月份天数、闰年规则和联动更新。
  • 能设计边界测试并用可观察证据证明正确。
  • 能处理值变化后旧选项失效的问题。

二、核心任务

  1. 增加日期下拉框，根据所选年、月动态生成合法天数。
  2. 实现闰年判断；从31天月份切换到短月份时自动修正无效日期。
  3. 设计并执行至少6个测试用例，覆盖2月、闰年、30/31天和范围边界。
  4. 输出完整日期摘要，并对未完成选择提供清晰提示。

三、验收标准

序号可观察条件记录
12024-02有29天，2025-02有28天。□通过　□需修改
2切换月份不会保留非法日期。□通过　□需修改
3测试记录包含输入、预期、实际和结论。□通过　□需修改

四、提交物

  • 完整4学时项目
  • 6条以上测试记录
  • 闰年函数说明
  • 完整实验报告

统一命名：学号_姓名_实验15

五、90分钟流程

时间活动
0—10说明与安全检查
10—25预测、演示、最小验证
25—65独立完成核心任务
65—80测试与同伴复核
80—90抽查与退出记录

六、评分量规（100分）

维度分值判定要点
功能与任务完成45必做功能可运行，数据和交互正确
测试与问题修复20有边界或错误测试，并保留复测记录
代码与页面质量15结构、命名规范，控制台无未解释错误
报告与证据15报告、截图与源码相互对应
现场解释5能解释关键实现和至少一项修改

七、拓展与思考

选做：显示所选日期为星期几，并处理无效日期。

思考：“能运行一次”为什么不能证明日期组件正确？

八、AI辅助记录

如使用AI，记录问题、采用或拒绝的建议、本人修改及验证方法；未使用则注明“未使用”。