程序人生网站首页 程序人生

mass-assignment批量赋值异常及期间的注意事项(基于laravel-breeze的inertia的数据列表的实现)

发布时间：2024-10-30 21:03:03编辑：雪饮阅读（）

基于laravel的Inertia数据列表实现起来也和传统的纯view是有区别的。

我们这里以上次创建的project列表的展示为例。

首先我们封装一个组件用于展示单个project。

Y:\root\example-app\resources\js\Pages\Project\Partials\Project.vue

然后我们用project列表模板来调用这个project组件

Y:\root\example-app\resources\js\Pages\Project\Index.vue

然后控制器中查询当前用户的project列表

Y:\root\example-app\app\Http\Controllers\ProjectController.php中的index方法实现如

public function index(Request $request):Response
{
    return Inertia::render('Project/Index', [
        'projects' => Project::where("uid",$request->user()->id)->get(),
    ]);
}

这里需要注意下这个response需要使用这个来命名空间来引入

use Inertia\Response;

然后给加上路由

Y:\root\example-app\routes\web.php中的auth组中新增条目如

Route::get('/project/index', [ProjectController::class, 'index'])->name('project.index');

最后登录到dashboard中然后访问路径如

http://localhost/project/index

就可以看到我们之前创建的project了。

本篇参考https://bootcamp.laravel.com/inertia/installation

本期词汇

Inertia 惰性惯性

laravel 一个免费的开源 PHP Web 框架

Chirp 轻松愉快地说

关键字词：laravel,inertia

上一篇：blade视图模板的扩展与复用(laravel的inertia)

下一篇：auth中间件及路由组定义

您当前的位置： 首页 > 慢生活 > 程序人生 网站首页程序人生

mass-assignment批量赋值异常及期间的注意事项(基于laravel-breeze的inertia的数据列表的实现)

相关文章

您当前的位置：首页 > 慢生活 > 程序人生网站首页程序人生