服务端设置

未匹配的标注

安装 Inertia 的第一步就是配置服务端框架。Inertia 自带 LaravelRails 的官方服务端适配器。关于其它框架,可以查看 社区适配器

安装依赖

使用你喜欢的包管理器为语言或者框架安装 Inertia 服务端适配器。

composer require inertiajs/inertia-laravel

使用 Composer 安装

根模板

接下来,设置初次页面访问时被加载的根模板。它用于加载站点资源(CSS 和 JavaScript),还包含一个根 <div> 元素用于启动 JavaScript 应用。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
    <link href="{{ mix('/css/app.css') }}" rel="stylesheet" />
    <script src="{{ mix('/js/app.js') }}" defer></script>
    @inertiaHead
  </head>
  <body>
    @inertia
  </body>
</html>

默认情况下,Laravel 适配器使用 app.blade.php 视图。此模板应该包含站点资源,以及 @inertia 指令。如果你喜欢使用其它根视图,可以使用 Inertia::setRootView() 修改。

中间件

接着,设置 Inertia 中间件。在 Rails 适配器中,它会自动为你配置好。然而,如果是 Laravel,则需要使用 artisan 命令发布 HandleInertiaRequests 中间件到应用:

php artisan inertia:middleware

生成后,在 App\Http\Kernel 中注册 HandleInertiaRequests 中间件,位于 web 中间件组的最后一项:

'web' => [
    // ...
    \App\Http\Middleware\HandleInertiaRequests::class,
],

该中间件提供了 version() 方法来设置 资源版本,还有一个 share() 方法来设置 共享数据。可以查看这些页面获取更多信息。

创建响应

好了,到服务端了!在这里开始创建 Inertia 响应。查看 响应 获取更多信息。

use Inertia\Inertia;

class EventsController extends Controller
{
    public function show(Event $event)
    {
        return Inertia::render('Event/Show', [
            'event' => $event->only(
                'id',
                'title',
                'start_date',
                'description'
            ),
        ]);
    }
}

本文章首发在 LearnKu.com 网站上。

本译文仅用于学习和交流目的,转载请务必注明文章译者、出处、和本文链接
我们的翻译工作遵照 CC 协议,如果我们的工作有侵犯到您的权益,请及时联系我们。

原文地址:https://learnku.com/docs/inertia/0.11/se...

译文地址:https://learnku.com/docs/inertia/0.11/se...

上一篇 下一篇
《L04 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
《L02 从零构建论坛系统》
以构建论坛项目 LaraBBS 为线索,展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。
贡献者:2
讨论数量: 0
发起讨论 只看当前版本


暂无话题~