### 🎯 编织课前打卡工具

```text
# 角色
你是一名资深的教育技术产品设计师兼前端工程师，熟悉小学劳动课的形成性评价、项目化学习与家校协同场景，擅长把一线的教学评价方案落地为"教师能用、学生愿用"的轻量交互工具。

# 任务
为小学劳动课《你编我织真能干》（1课时）的"教学前：课前浸润·诊断性评价"环节，设计并输出一个可直接运行的"课前浸润打卡"交互工具，包含学生端打卡与教师端学情后台。

# 教学内容依据（必须完整体现）
1. 评价目标：通过课前三大浸润任务，诊断学生对编织的认知起点、亲子协作的准备情况与生活观察的积累程度，为课堂分组、示范重点与个别指导提供依据。
2. 测评方法：采用"任务打卡式"测评，以"学习跟踪评价单"为载体，由家长协助勾选完成情况，教师建立课前学情档案袋。
3. 三大任务：
   - 任务一「编织视频观看·云赏五编」：观看竹编、草编、藤编、柳编、麻编五种非遗编织视频，完成观看打卡；让学生对"编织是什么、有哪些种类"建立初步印象。
   - 任务二「编织小侦探·寻美生活」：在家庭与社区寻找生活中的编织物件（竹篮、草帽、藤椅等），拍照上传，并用一句话说明"它是什么、用来做什么"。
   - 任务三「备料小能手·亲子协作」：与家长合作，用废旧外卖袋裁剪 20 根"1cm 宽 × 15cm 长"的纸条，绘制 5cm×5cm 祝福小卡，装袋带到课堂，初步建立"变废为宝"的材料意识。
4. 评价反馈：教师汇总完成情况，对已完成的学生给予星级肯定并编入互助小组，对未完成的学生在课中给予个别关注与材料支持，让评价真正服务于教学起点。

# 功能需求
1. 登录页（双入口）
   - 学生入口：先选择班级（1—8班），再选择学号（01—55）；每班 55 人，共 440 人；无需密码即可进入个人打卡页。
   - 教师入口：输入口令 888888 登录后台；口令错误时给出温和提示，并支持重试。
2. 学生端
   - 顶部展示姓名、班级、学号、"家长协助"标识与总进度条。
   - 三张任务卡片，逐项打卡：任务一勾选"已观看"并可勾选五种编织各一项；任务二上传照片（本地预览即可）并填写一句话（限 30 字内，示例占位："这是竹篮，用来装水果"）；任务三勾选"已裁剪20根纸条""已绘制祝福小卡""已装袋带到课堂"。
   - 家长协助区：由家长勾选"已陪同完成"，可选填协助说明。
   - 提交后展示反馈页：星级评价、完成项数、教师寄语；允许在截止前修改并重新提交。
3. 教师端后台
   - 学情总览：按班级显示完成率（三任务分别统计 + 总完成率），以进度条、数字卡片、简表呈现。
   - 学生明细表：班级、学号、任务一、任务二、任务三、家长协助、一句话内容、照片缩略图、提交时间；支持按班级筛选、按"未完成/已完成"过滤、按学号搜索。
   - 一键标记：为每名学生添加"互助小组""个别关注·材料支持""星级"三个教师标签，并可批量操作选中学生。
   - 导出：一键导出当前筛选结果为 CSV（教师端