【Udemy中英字幕】Learn Livewire V3 from Scratch : Practical Course

从头开始学习 Livewire V3：实践课程

通过构建多个真实项目来实践学习 Livewire。

讲师：Tapan Sharma

双语IT资源独家Udemy付费课程，独家中英文字幕，配套资料齐全！

用不到1/10的价格，即可享受同样的高品质课程，且可以完全拥有，随时随地都可以任意观看和分享。

您将学到什么

• 了解如何使用 TALL Stack 构建实际应用程序
• 了解如何从头开始构建自定义可重复使用的 Livewire 组件。
• 了解如何使用 Laravel 和 Livewire 构建实时应用程序
• 了解如何使用 TALL Stack 构建多步骤表单
• 了解如何使用 TALL Stack 构建惊人的数据表，包括批量操作、Excel 导出、过滤器、多列搜索/排序等功能。
• 了解如何使用 TALL Stack 构建可重复使用的拖放上传器组件

探索相关主题

要求

• 需要具备 PHP/Laravel 的初级知识

描述

在本课程中，我们将通过构建多个实际项目，以实用的方式学习Laravel Livewire v3（一种无需离开 PHP 即可构建强大、动态、前端 UI 的工具）  以及Laravel （一般为 TALL 堆栈）。

项目路线图和状态：

[已上传] Livewire 基础知识

[已上传] 建立一个简单的学生管理系统

[已上传] 使用 TALL Stack 构建出色且高性能的数据表

[已上传] 使用 Livewire 构建可重复使用的评论系统

[已上传] 使用 Livewire 构建多步骤表单

[已上传] 构建可重复使用的拖放上传器

[已上传] 使用 Laravel、Livewire 和 Reverb 构建实时应用程序

项目描述：

[已上传] Livewire 基础知识

在本节中，我们将了解 Livewire 的基础知识和 Livewire 提供的一些基本功能。

本节将介绍的一些主题包括：

• 了解如何在 Livewire 中定义组件

• 查看 Livewire 中的属性和操作及其一般用例。

• 了解 Livewire 中的生命周期钩子及其约定。

• 了解Livewire 中的完整页面组件、如何使用它们以及我们可能面临的一些问题。（这些消除了 Laravel 控制器和中间视图的使用）

• 简单介绍一下Alpine.js以及如何在 Livewire/Blade 中使用它

[已上传] 建立一个简单的学生管理系统

在本节中，我们将构建一个简单的 CRUD 应用程序，并深入了解使用 Livewire 和 TALL Stack 构建 CRUD 应用程序的基础知识，我们将首先安装 Laravel，然后设置 Livewire 以及 Laravel Breeze 安装，我们将在此过程中学习以下主题：

• 了解 Livewire 中的生命周期钩子和构建依赖下拉列表

• 了解如何提取表单对象的属性和方法并在 Livewire 组件中使用它

• 了解如何在 Laravel 中使用工厂和种子，并为我们所有的模型播种必要的数据

• 了解 Livewire 中的新 #[Rule] 属性语法并实现验证。

• 了解 wire:navigate 并在基于 Livewire 的应用中实现 SPA 类型的体验。

• 研究在使用专用表单对象时可能遇到的问题，并最终解决所有问题。

[已上传] 使用 TALL Stack 构建高性能数据表

我们将从上一节中断的地方继续，并在本节中构建一个有趣的数据表。

这包括 Excel 导出、过滤功能、批量记录选择、加载指示器等。

下面列出了本节中我们将介绍的一些功能：

• 了解如何实现加载指示器（在分页数据或执行任何操作时）

• 了解如何实现搜索功能（支持多列搜索）

• 了解如何实现列排序功能（支持多列排序）

• 了解如何实现批量操作（选择多行并对所有行执行组操作的功能）

• 了解如何实现Excel 导出

• 我们还将学习如何安装和配置Filament Notifications包来显示通知。

• 我们还将实现选择所有记录（跨所有页面），并进行必要的视觉更改。

• 了解如何实现过滤功能

• 还有更多…

[已上传] 使用 Livewire 构建可重复使用的评论系统

在本节中，我们将构建一个可重复使用的 Comments 组件，该组件可立即用于任何模型。我们将使用多态关系，该关系可附加到多个模型。

下面列出了本节中我们将介绍的一些功能：

• 了解如何构建可重复使用的评论组件，该组件支持多种模型以及评论编辑、删除和回复功能。

• 了解如何实施适当的授权检查（在前端和后端），以便只有授权用户可以删除评论。

• 我们将加入Alpine.js来使我们的 Livewire 组件更具交互性（例如显示回复/编辑表单、应用过渡等）。

• 我们还将学习如何在表单中呈现时自动聚焦回复/编辑表单。（使用 Alpine.js）

• 我们还将实现回复评论、编辑评论/回复、删除评论和回复

• 了解如何正确地对评论进行分页并解决其中的一些问题。

• 最后，我们将研究如何使用预先加载策略来优化数据库查询。

[已上传] 使用 Livewire 构建多步骤表单

在本节中，我们将了解在 Livewire 中构建多步骤表单所需的一切。我们将介绍创建多步骤表单、添加步骤、导航步骤和访问状态的基础知识，并在本节末尾构建一个实际项目。

下面列出了本节中我们将介绍的一些功能：

• 了解如何在多步骤表单的各个步骤之间无缝导航，我们还将在此过程中实施适当的验证。

• 在本节中，我们将使用专用于构建多步骤表单的 Laravel 包，并根据我们的需求在其上构建功能。

• 了解如何使用图片上传并修复与状态相关的问题

• 了解如何定义可配置的导航组件来显示多步骤组件的状态。

• 最后，我们将构建一个功能齐全的实用示例，其中包含更高级的步骤导航、文件上传和自定义状态。

[已上传] 使用 Laravel、Livewire 和 Reverb 构建实时应用程序

• 了解如何将 Laravel 与 Reverb 集成以构建实时应用程序

• 了解如何使用 Whisper 和客户端到客户端通信显示用户输入事件

• 了解如何使用在线频道显示每个房间的在线用户

• 了解如何使用 Flexbox 技巧让消息在滚动时保持进入视图

• 按顺序播种数据库

• 在 Livewire 中监听来自后端的广播事件并做出相应的反应

• 我们还将学习如何监听用户离开或加入活动，以及如何从在线用户列表中添加/删除他们

本课程适合哪些人：

• 对学习 Livewire 和 TALL Stack 感兴趣的 Laravel 开发人员