Skip to content
Charles
Go back

全栈框架页面局部刷新技术对比

Updated:
Edit page

传统全栈框架默认是整页更新,本文比较官方方案与成熟生态适配的局部刷新技术。React/Vue 独立前端库不在讨论范围;Inertia.js 是服务端框架与前端适配器之间的生态方案,因此单独标注,不把它写成 Laravel 官方库。

方案对比

框架官方方案核心思路传输方式写状态的地方上手难度优缺点简述
RailsTurbo (Hotwire) + StimulusDrive 拦截导航;Frames 局部换块;Streams 推补丁;复杂交互用 Stimulus普通请求 + 可选 WebSocket/SSE服务端模板官方默认;几乎不写 JS。
LaravelLivewire组件式 PHP,事件触发后服务端重渲再 Morph DOMAJAX(可配 poll)PHP 组件属性偏 CRUD / 后台;组件多了请求与 payload 变重。
LaravelInertia.js服务端返回 JSON 页面 props,前端适配器渲染XHR / fetch前端组件 + 后端控制器偏产品型前端;有 SPA 手感但无独立 API。与 Livewire 混用时需要明确交互边界。
PhoenixLiveView长连接上的服务端 UI,diff 后推补丁WebSocketElixir LiveView官方默认;实时交互强,绑定 Elixir。
SymfonyUX Live Component类似 Livewire 的 Twig 组件AJAXPHP + Twig官方 UX 路径。
ASP.NETBlazor Server服务端组件树,SignalR 推 UI diffSignalRC# 组件要常驻连接,扩展成本需评估;普通 MVC/Razor 仍是整页或自管 AJAX。
相关主题:项目选型

Edit page
Share this post:

Previous Post
模型 API 对比
Next Post
后端嵌入前端单文件部署对比