<div class="mt-4">
{{ $posts->links('pagination::tailwind') }}
</div>
public function index(Request $request)
{
$filter = [
'title' => $request->title ?? '',
'slug' => $request->slug ?? '',
'category_name' => $request->category_name ?? '',
];
$posts = $this->postHelper->getAll($filter, $request->page ?? 1, $request->item_per_page ?? 25, $request->sort ?? '');
return view('admin.post.index', ['posts' => $posts['data']['data']]);
}
public function getAll(array $filter, int $page = 1, int $itemPerPage = 0, string $sort = '')
{
try {
$posts = $this->postModel->getAll($filter, $page, $itemPerPage, $sort);
if (empty($posts)) {
return [
'status' => false,
'data' => null,
];
}
return [
'status' => true,
'data' => $posts,
];
} catch (\Throwable $th) {
return [
'status' => false,
'error' => $th->getMessage(),
];
}
}
模型
public function getAll(array $filter, int $page, int $itemPerPage, string $sort)
{
$skip = ($page * $itemPerPage) - $itemPerPage;
$post = $this->query();
$total = $post->count();
$sort = $sort ?: 'created_at DESC';
$list = $post->orderByRaw($sort)->paginate($itemPerPage);
return [
'total' => $total,
'data' => $list,
];
}
In Your Controller Change Like this
return view('admin.post.index', ['posts' => $posts['data']]);
In Your Model Modify the getAll Method
return $post->orderByRaw($sort)->paginate($itemPerPage);
return paginate result directly
Laravel links() method requires Paginator object but your passing an array.
拉拉维尔分页
实际上,您所做的有点奇怪,但是您将
paginate()
links()
函数的结果始终返回
hasPages()
。通过这种操作,您可以覆盖默认行为,并使Paginator相信它总是需要显示,因为总有页面。
-laravel 11.xdocs
tailwindcssv4您将您的问题标记为使用V4。重要的是要注意,使用tailwindcss v4,已经实现了自动源检测,因此您不再需要列出
true
键中的每个源。默认情况下,与基于旧版JavaScript的配置相比,CSS优先配置优选。
tailwind.config.js
-tailwindcss v4docs.gitignore
文件扫描哪些文件
TailWind将扫描项目中的每个文件中的每个文件中的类名,在以下情况下::
二进制文件,例如图像,视频或zip文件
CSS文件 Common软件包管理器锁定文件要在一个额外的
@import "tailwindcss" source("../src");
或@import "tailwindcss" source(none);
.gitignore
)中包含一个软件包,您需要使用
/vendor
指令在CSS文件中注册它,如下所示:/node_modules
指令 -TailWindcss v4docs tailwind jit:分页的必要内容 - laravel 12.xdocs
- 文档仍然显示基于V3 JavaScript的路由,但是可以使用相对路径可以轻松地将其重新编码为新的V4语法。
。/resources/css/style.css.gitignore