Livewire 中文文档

主题

Livewire最高效方式

强大、动态的前端 UI，无需离开 PHP

快速开始
查看文档
Livewire
📝

表单处理

构建强大的表单是 Livewire 的最大优势之一。实时验证和文件上传等原本困难的任务，现在变得极其简单。

📊

数据表格

在表格中显示应用数据可能是构建 Web 应用时最常见的需求。Livewire 非常适合这项任务。显示数据、分页、过滤和排序都变得轻而易举。

📈

图表展示

显示实时数据图表在 Livewire 中变得非常简单。将数据源连接到你喜欢的图表库，让 Livewire 保持页面实时更新。

🖼️

图片上传

处理文件和图片上传传统上是一项困难的任务。Livewire 处理一切：验证、临时上传、预览图片；应有尽有。

⏳

懒加载

无需为单个包含大型数据库查询的组件而阻塞整个页面加载，Livewire 让显示加载指示器并延迟加载组件变得极其简单。

🎨

更多功能

Livewire 拥有无数让构建界面变得轻松的功能。如果你发现 Livewire 中无法完成某些事情，几乎可以肯定可以在 Alpine 中完成，我们构建它是为了解锁无限可能。

看看用 Livewire 构建实时搜索有多简单

Nicholas NorthNicholas North
Cameron WatsonCameron Watson
Jane LambertJane Lambert
Gabrielle MillsGabrielle Mills
Luke ArnoldLuke Arnold
Blade 模板
<input wire:model.live="search">

@foreach ($this->users as $user)
    <div>{{ $user->name }}</div>
@endforeach
PHP 组件
class SearchUsers extends Component
{
    public $search = '';

    public function render()
    {
        return view('search-users', [
            'users' => User::search($this->search),
        ]);
    }
}

就是这么简单！无需编写 JavaScript，无需手动处理 AJAX 请求。

深受全球开发者喜爱

以下是开发者对使用 Livewire 的评价

Aaron FrancisAaron Francis

我喜欢 Livewire，因为它让我可以更快地构建，而无需考虑那些无关紧要的事情。第一次使用时，你会意识到自己写了多少样板代码，你永远不会想回到过去。

Andy NewhouseAndy Newhouse

当 Livewire 发布时我就爱上了它，从那以后我在每个项目中都使用它。从小型副业项目到价值数百万美元的电子商务平台。Livewire 对开发者友好且直观；试一试吧，我打赌你会爱上它的。

Christoph RumpelChristoph Rumpel

使用 Livewire，我可以用我最喜欢的语言 PHP 工作，同时仍然提供出色的用户友好体验。最棒的部分：我不必处理 JS 测试。我可以在 PHP 中测试所有组件 😍

Tony MessiasTony Messias

Livewire 让我们能够使用 PHP、Laravel 和 Blade 编写高度交互的 Web 应用。不再需要向客户端 JavaScript 框架低头。Livewire 支持你！

Adrian NürnbergerAdrian Nürnberger

Livewire 改变了我的生活。我可以极快地构建任何东西，并且像测试普通 PHP 代码一样容易测试。

Remi HindriksRemi Hindriks

Livewire 让我成功转行成为 Laravel 开发者，因为它是我同时使用后端和前端的非常简单的方式。真的改变了我的生活。

Jake BennettJake Bennett

Livewire 让我能够仅使用 PHP 和 Blade 将一个前端密集型应用从概念变为生产。我仍然不敢相信它能工作！这简直是魔法！✨

Chris ArterChris Arter

使用 Livewire，你可以在几小时内而不是几周内构建全新的功能。Livewire 是为快速发布的团队准备的。

Alex WulfAlex Wulf

帮自己一个忙，简化你的生活。

快速开始 ​

bash
# 安装 Livewire
composer require livewire/livewire:^4.0@beta

# 创建你的第一个组件
php artisan make:livewire counter

# 开始构建！

社区资源 ​