任务26：管理员列表及分页

Posted 2020-12-22 pensive

1，获取用户数和分页,在 AppHttpControllersAdminUserController.php 修改index()方法为

public function index(){
        $data = User::paginate(3);//获取用户表数据并分页,每页展示 3 条记录
        return view(‘admin.user.index‘,compact(‘data‘));//compact()是分配数据
    }

2，在 esourcesviewsAdminUserindex.blade.php 模板上展示用户数据

@extends(‘Admin.Layout.main‘)
@section(‘content‘)
    <!-- Page Breadcrumb -->
    <div class="page-breadcrumbs">
        <ul class="breadcrumb">
            <li>
                <a href="#">系统</a>
            </li>
            <li class="active">用户管理</li>
        </ul>
    </div>
    <!-- /Page Breadcrumb -->
    <!-- Page Body -->
    <div class="page-body">

        <button type="button" tooltip="添加用户" class="btn btn-sm btn-azure btn-addon" onclick="javascript:window.location.href = ‘/admin/user/add.html‘"> <i class="fa fa-plus"></i> Add
        </button>
        <div class="row">
            <div class="col-lg-12 col-sm-12 col-xs-12">
                <div class="widget">
                    <div class="widget-body">
                        <div class="flip-scroll">
                            <table class="table table-bordered table-hover">
                                <thead class="">
                                <tr>
                                    <th width="6%" class="text-center">ID</th>
                                    <th>用户名称</th>
                                    <th width="20%" class="text-center">操作</th>
                                </tr>
                                </thead>
                                <tbody>
                                @foreach($data as $user)
                                <tr>
                                    <td class="text-center">{{$user[‘id‘]}}</td>
                                    <td>{{$user[‘username‘]}}</td>
                                    <td align="center">
                                        <a href="/admin/user/edit/id/8.html" class="btn btn-primary btn-sm shiny">
                                            <i class="fa fa-edit"></i> 编辑
                                        </a>
                                        <a href="#" onclick="warning(‘确实要删除吗‘, ‘/admin/user/del/id/8.html‘)" class="btn btn-danger btn-sm shiny">
                                            <i class="fa fa-trash-o"></i> 删除
                                        </a>
                                    </td>
                                </tr>
                                @endforeach
                                </tbody>
                            </table>
                            <div class="row DTTTFooter">
                                <div class="col-sm-6">
                                    {{--<div class="dataTables_info" id="simpledatatable_info" role="alert" aria-live="polite" aria-relevant="all">Showing 1 to 5 of 25 entries</div>--}}
                                </div>
                                <div class="col-sm-6">
                                    <div class="dataTables_paginate paging_bootstrap" id="simpledatatable_paginate">
                                        <!-- 分页 -->
                                        {{$data -> links()}}
                                    </div>
                                </div>
                            </div>

                        </div>
                        <div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
    <!-- /Page Body -->

@endsection

View Code

访问http://laravel.pensive.top/admin/users?page=1 效果如下