laravel 分页 + 分页的样式

最新推荐文章于 2024-08-25 08:31:39 发布

jeason_1

最新推荐文章于 2024-08-25 08:31:39 发布

阅读量446

点赞数

文章标签： laravel 分页分页样式

本文链接：https://blog.csdn.net/jeason_1/article/details/95317709

版权

控制器

public function index()
    {
        $data = Teacher::paginate(x);  //每页显示x条
        return view('teacher.index',compact('data'));/、向前台发送数据
    }

前台

在这里插入图片描述代码

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link href="http://apps.bdimg.com/libs/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet">
    <script src="http://apps.bdimg.com/libs/jquery/2.0.0/jquery.min.js"></script>
    <script src="http://apps.bdimg.com/libs/bootstrap/3.3.0/js/bootstrap.min.js"></script>
</head>
<body>
 <a href="{{route('teacher.index')}}">主页</a>
 <a href="{{route('teacher.create')}}">添加</a>
@yield('content')
</body>
</html>

在这里插入图片描述 ```
@extends(‘lyouts.app’)
@section(‘content’)

@foreach($data as $vo)
    <p>{{$vo->title}}</p>
    <p>{{$vo->content}}</p>
    <a href="{{route('teacher.edit',$vo->id)}}">修改</a>
    <form action="{{route('teacher.destroy',$vo->id)}}" method="post">
        {{csrf_field()}}
        {{method_field('DELETE')}}
        <button type="submit">删除</button>
    </form>
@endforeach
{{$data->links()}}

@endsection

如果上面的看不懂也可以这样

@extends('lyouts.app')
@section('content')
	<link href="http://apps.bdimg.com/libs/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet">
    <script src="http://apps.bdimg.com/libs/jquery/2.0.0/jquery.min.js"></script>
    <script src="http://apps.bdimg.com/libs/bootstrap/3.3.0/js/bootstrap.min.js"></script>

    @foreach($data as $vo)
        <p>{{$vo->title}}</p>
        <p>{{$vo->content}}</p>
        <a href="{{route('teacher.edit',$vo->id)}}">修改</a>
        <form action="{{route('teacher.destroy',$vo->id)}}" method="post">
            {{csrf_field()}}
            {{method_field('DELETE')}}
            <button type="submit">删除</button>
        </form>
    @endforeach
    {{$data->links()}}
@endsection

反正就是在显示页面加上

<link href="http://apps.bdimg.com/libs/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet">
    <script src="http://apps.bdimg.com/libs/jquery/2.0.0/jquery.min.js"></script>
    <script src="http://apps.bdimg.com/libs/bootstrap/3.3.0/js/bootstrap.min.js"></script>

就可以了。加上后的样式是这样的
在这里插入图片描述不加是这样，有点难看