LivePage
Screenshot of 关西五日 · 四个人的 AA 账本（Mobile）Open the real page ›
Screenshot of 关西五日 · 四个人的 AA 账本（Desktop）Open the real page ›

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

旅行 AA 账本 template

PersonalTravelTools & mini apps

Example: 关西五日 · 四个人的 AA 账本 · AA 账本

帮我给这次四个人的日本旅行做一个 AA 账本，发成一个网页链接放到群里：页头是小队名、行程日期和地点、谁记账；最显眼的是一共花了多少（日元按今天汇率折人民币）、人均多少，旁边一个醒目的「+ 记一笔」主按钮（点了跳到表单），下面四个人每人一格写垫付了多少、自己的份多少、应收还是应付；接着「怎么还钱」：用最少的转账笔数算好谁转给谁多少，画成一张箭头图（四个人放四角，箭头从要付钱的人指向要收钱的人，金额写在箭头上，有金币沿箭头流动），下面列出转账清单和一个「一键复制结算结果」按钮，复制出来能直接贴进群；然后按天分组的账单流水，每笔写谁付的、类别、怎么分，点开看每人摊多少；再是按天的柱状图（带日均虚线）和按吃住行玩买的横条；最后一张「记一笔」表单（谁付的、金额、日元或人民币、花在哪、类别、分给谁可多选、日期），提交存进一张数据表，页面读回所有人记的账重新结算。汇率用欧洲央行参考汇率（Frankfurter 免费接口）的真实数据，页里先放一份今天的快照，打开时再拉实时的。电脑上左边账单流水、右边结算图，手机上一栏，图两端各画一套。

Reference template: first read https://space.24haowan.com/examples/sample-split-bill/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-split-bill as the base (list_examples key=sample-split-bill), 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-split-bill 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-split-bill/agent.md as a reference to make my own "关西五日 · 四个人的 AA 账本", publish it on LivePage and show me the preview first.

My requirements: 帮我给这次四个人的日本旅行做一个 AA 账本，发成一个网页链接放到群里：页头是小队名、行程日期和地点、谁记账；最显眼的是一共花了多少（日元按今天汇率折人民币）、人均多少，旁边一个醒目的「+ 记一笔」主按钮（点了跳到表单），下面四个人每人一格写垫付了多少、自己的份多少、应收还是应付；接着「怎么还钱」：用最少的转账笔数算好谁转给谁多少，画成一张箭头图（四个人放四角，箭头从要付钱的人指向要收钱的人，金额写在箭头上，有金币沿箭头流动），下面列出转账清单和一个「一键复制结算结果」按钮，复制出来能直接贴进群；然后按天分组的账单流水，每笔写谁付的、类别、怎么分，点开看每人摊多少；再是按天的柱状图（带日均虚线）和按吃住行玩买的横条；最后一张「记一笔」表单（谁付的、金额、日元或人民币、花在哪、类别、分给谁可多选、日期），提交存进一张数据表，页面读回所有人记的账重新结算。汇率用欧洲央行参考汇率（Frankfurter 免费接口）的真实数据，页里先放一份今天的快照，打开时再拉实时的。电脑上左边账单流水、右边结算图，手机上一栏，图两端各画一套。
Share poster

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

Share poster for 关西五日 · 四个人的 AA 账本

Download poster

About this template

几个朋友出去旅行、合租室友、聚餐搭子要 AA：每人轮流垫钱，要一本大家都能往里记账的共享账本，最后自动算出谁转给谁多少、最少几笔两清，选它；花销有外币（日元）时自动按真实汇率折人民币。团长收订单、按商品汇总选 sample-group-buy；小店每天在用的经营小应用选 livepage-app；只是发行程攻略、不记账选 sample-weekend-trip。

Page structure：总账 · 账单流水 · 怎么还钱 · 按天 · 按类别 · 记一笔

  • 「记一笔」原生表单写回数据表（POST ./_data/expenses），页面读回与已有账单合并，重算每人已付 / 应付
  • 最少转账结算：内联 SVG 箭头图，金币沿箭头流动；一键复制结算结果发到群里
  • 真实外部数据两层加载：日元按欧洲央行参考汇率（经 Frankfurter）折人民币，页内快照先算、实时拉到就重算，标明来源与更新时间
  • 按天柱状图 + 按类别横条，手机电脑各一套坐标；每笔可展开看分摊明细
  • 同一链接一路记到结账，微信卡片（share.title / share.desc）

Prepare before publishing: 数据表 expenses（列 payer / amount / currency / item / cat / split / day，append_open=true）：「记一笔」表单写进这里，页面读回与页内已有账单合并后重算；发布前先用 set_data 建好，结完账把 append_open 关掉

View template source ›

Something missing here? Suggest an improvementThe template factory checks daily and logs every improvement

More like this