介绍#

• Laravel Jetstream
• 可用框架
  • Livewire + Blade
  • Inertia.js + Vue

Laravel Jetstream#

Laravel Jetstream 是专为 Laravel 设计的前端脚手架。Jetstream 提供了包括 登录、注册、邮箱验证、双因素认证、Session 管理、Laravel Sanctum API 支持 以及 可选的团队管理 脚手架。

Jetstream 基于 Tailwind CSS 设计，您可以自由选择使用 [Livewire] 或者 [Inertia] 作为框架。

可用框架#

Laravel Jetstream 提供了两种不同的前端框架供您自由选择，分别为 Livewire 和 Inertia.js。不管您选择哪个，它都会为您的应用提供高效且强大的起点。所以，我们建议您选择您最习惯的模板语言作为框架。

Livewire + Blade#

Laravel Livewire 使用 Blade 作为模板语言，可以轻松构建现代的动态界面。如果您希望构建一个动态的反应式应用，但不喜欢完整的 JS 框架（例如 Vue.js），那么 Livewire 是一个不错的选择。

使用 Livewire 时，您可以自行决定哪些部分由 Livewire 渲染，其余部分将作为传统的 Blade 模板渲染。

Livewire 效果预览
如果您希望了解 Livewire 可以达到的效果，请浏览 由 Livewire 官方提供的预览。

Inertia.js + Vue#

Inertia.js 框架采用 Vue.js 作为模板语言。构建 Inertia 应用类似于构建普通的 Vue 应用。唯一不同的是你需要使用 Laravel 路由而非 Vue 路由。Inertia.js 允许您在后端通过组件名称和数据渲染 Vue 组件。

或者说，Inertia.js 包含了 Vue.js 的所有功能，但您不再需要操心 Vue 的路由系统，可以使用更习惯的 Laravel 路由。

如果您喜欢使用 Vue.js 作为模板语言，那么 Inertia.js 框架是一个不错的选择。