LogoClawIndex
案例技能关于
LogoClawIndex

turbo - Symfony UX 的 Hotwire Turbo 集成

将 Hotwire Turbo 与 Symfony UX 集成,提供类 SPA 导航、Frame 局部刷新及基于 Stream 的 DOM 变更与实时更新。

标签

更新于: 2026-09-23
symfonyhotwire-turboturbo-driveturbo-frameturbo-streammercure

能力

使用 Turbo Drive 拦截页面导航使用 Turbo Frames 刷新局部区域延迟加载 Turbo Frames 页面内容通过 Turbo Streams 变更 DOM 元素

典型输入

HTML data 属性Twig 模板Symfony HTTP 请求

典型输出

Turbo Stream HTTP 响应DOM 元素变更浏览器历史记录更新

该技能可以做什么

  • 使用 Turbo Drive 拦截页面导航
  • 使用 Turbo Frames 刷新局部区域
  • 延迟加载 Turbo Frames 页面内容
  • 通过 Turbo Streams 变更 DOM 元素
  • 在 Symfony 控制器中渲染 Stream 响应
  • 通过 Mercure 广播实时 DOM 更新

输入

  • HTML data 属性
  • Twig 模板
  • Symfony HTTP 请求
  • Mercure 主题 URI
  • CSS 选择器

输出

  • Turbo Stream HTTP 响应
  • DOM 元素变更
  • 浏览器历史记录更新
  • Mercure 服务器发送事件

要求

  • Composer 包 symfony/ux-turbo
  • Symfony 框架
  • 用于实时广播的 Mercure Hub

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。