WXML
你可能会说
小程序这页加一个活动标题和预约按钮。
用标签描述微信小程序页面结构，并绑定显示数据的语言预约页的文字和按钮由标签组成，{{title}} 这类写法把页面数据放到指定位置。WXML 负责有哪些对象、怎样组织；颜色、圆角和点击后做什么由其他文件配合完成。
也常被叫作WX Markup Language小程序模板
数据换了，页面结构会一起换吗
index.wxml（节选）
<view>
<text>{{title}}</text>
<button>预约这个时段</button>
</view>title: "周末陶艺体验"青禾工作坊
周末陶艺体验
周六 14:00 · 陶艺体验
14:00 — 15:30
预约这个时段{{title}} 从页面数据中取活动名。按钮的标签定义了一个对象，还需要配套逻辑处理点击。
WXML 怎样与其他文件配合
数据变，显示跟着变：{{title}} 会显示页面数据中的 title。列表和条件写法还能根据数据决定显示哪些对象，不必为每个结果复制一页。
使用小程序自己的组件：微信小程序常用 view、text、button 等标签。它看起来像 HTML，但不是浏览器里的 HTML 文档。
可以这样发给项目里的 AI Agent
请在这个微信小程序预约页的 WXML 中增加活动标题和预约按钮，标题绑定页面数据，不要写死。按钮接到现有预约逻辑。完成后换一个活动名，确认标题更新、按钮还能完成原来的预约。
接下来学什么
延伸阅读 · 权威出处
快速练习