LivePage

One link opens on phones, computers and big screens, and adapts to each.

通知回执 template

EducationSign-ups & polls

Example: 三年级(2)班 · 秋季研学通知 · 通知回执

帮我做一份班级通知的网页,发到家长群里让每位家长回执:三年级(2)班秋季研学,11 月 6 日去湿地自然学校,全班 42 人。手机竖屏为主;电脑上左边是通知单和正文,右边固定一块回执统计。首屏是一张像纸质通知单的卡片:学校抬头和文号、宋体大标题、一句给家长的话、时间 / 地点 / 费用 / 回执截止四格要点、班主任署名,底边一条虚线裁切的「回执联」点了跳到页末;旁边一个回执进度环,写「已确认 31 / 42 位家长」、参加几人不参加几人,再列还没回执的学号后两位(不写孩子姓名),打开页面时进度环从 0 长到当前值。往下依次是:当天行程时间线(时刻、做什么、一句说明)、要带的东西(能勾选的清单,只在页面上勾,不保存,下面写不要带什么)、安全须知(点开折叠的五条)、费用说明(一条构成色条和明细表,写清怎么交、不参加不用交)。最后是回执表单:学号后两位、家长称呼、参加 / 不参加、备注(过敏、晕车),提交后存进一张数据表,页面读这张表把已回执的学号从名单里划掉、进度环跟着涨,并出一张盖着红色「回执已收到」印章的回执联,印章有盖下去的动画。颜色清爽,少用底色块,节与节用细线分隔。以后行程有变就更新同一个链接。

Reference template: first read https://space.24haowan.com/examples/sample-class-notice/agent.md and follow its structure and layout, replacing all content with mine. Deliver one self-contained HTML file (styles inline, no external files, good on phones) and give me the .html file to download.
· If you have LivePage tools (MCP): use sample sample-class-notice as the base (list_examples key=sample-class-notice), publish it on LivePage and show me the preview first.
· No LivePage tools but you can send HTTPS requests: POST the finished HTML with Content-Type: text/html to https://space.24haowan.com/api/quick?client=template-sample-class-notice and give me the preview link and claim link it returns (a 7-day temporary link).
If you don't have the LivePage connector (MCP) yet, read https://space.24haowan.com/for-agents.md first and follow it to connect, or publish without signing in.

Doubao, DeepSeek, Kimi, Yuanbao, ChatGPT, Claude… any agent that can read a link

View page
Publish as a link that opens in WeChat

WorkBuddy, Claude, Codex and other MCP agents; sign in by scanning with WeChat

Connecting LivePage in WorkBuddy for the first time? See the illustrated guide ›

Connect me to LivePage: first read https://space.24haowan.com/for-agents.md and walk me through it step by step; then use https://space.24haowan.com/examples/sample-class-notice/agent.md as a reference to make my own "三年级(2)班 · 秋季研学通知", publish it on LivePage and show me the preview first.

My requirements: 帮我做一份班级通知的网页,发到家长群里让每位家长回执:三年级(2)班秋季研学,11 月 6 日去湿地自然学校,全班 42 人。手机竖屏为主;电脑上左边是通知单和正文,右边固定一块回执统计。首屏是一张像纸质通知单的卡片:学校抬头和文号、宋体大标题、一句给家长的话、时间 / 地点 / 费用 / 回执截止四格要点、班主任署名,底边一条虚线裁切的「回执联」点了跳到页末;旁边一个回执进度环,写「已确认 31 / 42 位家长」、参加几人不参加几人,再列还没回执的学号后两位(不写孩子姓名),打开页面时进度环从 0 长到当前值。往下依次是:当天行程时间线(时刻、做什么、一句说明)、要带的东西(能勾选的清单,只在页面上勾,不保存,下面写不要带什么)、安全须知(点开折叠的五条)、费用说明(一条构成色条和明细表,写清怎么交、不参加不用交)。最后是回执表单:学号后两位、家长称呼、参加 / 不参加、备注(过敏、晕车),提交后存进一张数据表,页面读这张表把已回执的学号从名单里划掉、进度环跟着涨,并出一张盖着红色「回执已收到」印章的回执联,印章有盖下去的动画。颜色清爽,少用底色块,节与节用细线分隔。以后行程有变就更新同一个链接。
Share poster

In WeChat, long-press the image to save or forward it. Scanning the code opens this template.

Share poster for 三年级(2)班 · 秋季研学通知

Download poster

About this template

班主任、社团、培训班发一份通知,要每一位家长(学员)都回一句「收到 / 参加不参加」,并且要一眼看出还差谁没回,选它:研学、春秋游、家长会、体检、放假安排。名单只显示学号后两位,不露孩子姓名。要收报名、按线路分名额的,选 sample-event-signup;请人来参加婚宴、聚会并收出席回执的,选 sample-invitation;要大家投票评比的,选 sample-vote-rank。

Page structure:通知 · 当天行程 · 要带的东西 · 安全须知 · 费用说明 · 回执

  • 页内回执写回数据表(原生表单 POST ./_data/receipts 打底,脚本在时页内提交),提交后就地盖章
  • 页面读回回执表:进度环、已确认人数、未回执学号后两位三处同源,家长一打开就知道还差谁
  • 同一链接更新不变(改行程、补通知都在这一页),阅读回执看看家长看到了哪一节
  • 微信卡片(share.title / share.desc)

Prepare before publishing: 数据表 receipts(列 student / parent / attend / note,append_open=true):文末回执表单写进这里,student 填学号后两位,页面读回算已确认人数和未回执名单;发布前先用 set_data 建好,截止后把 append_open 关掉;回执表的行会被页面读到,备注里可能有过敏等健康信息:建议用 set_visibility 设成 passcode,口令只发在本班家长群

View template source ›

More like this