任务25:管理员列表页面展示

1,App\Http\Controllers\Admin\UserController.php的index()方法改为

public function index(){
        return view('admin.user.index');
    }

2,\resources\views\Admin 下新建 User\index.blade.php 用户管列表页

 1 @extends('Admin.Layout.main')
 2 @section('content')
 3     <!-- Page Breadcrumb -->
 4     <div class="page-breadcrumbs">
 5         <ul class="breadcrumb">
 6             <li>
 7                 <a href="#">系统</a>
 8             </li>
 9             <li class="active">用户管理</li>
10         </ul>
11     </div>
12     <!-- /Page Breadcrumb -->
13     <!-- Page Body -->
14     <div class="page-body">
15 
16         <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
17         </button>
18         <div class="row">
19             <div class="col-lg-12 col-sm-12 col-xs-12">
20                 <div class="widget">
21                     <div class="widget-body">
22                         <div class="flip-scroll">
23                             <table class="table table-bordered table-hover">
24                                 <thead class="">
25                                 <tr>
26                                     <th class="text-center">ID</th>
27                                     <th class="text-center">用户名称</th>
28                                     <th class="text-center">操作</th>
29                                 </tr>
30                                 </thead>
31                                 <tbody>
32                                 <tr>
33                                     <td align="center">6</td>
34                                     <td align="center">test</td>
35                                     <td align="center">
36                                         <a href="/admin/user/edit/id/6.html" class="btn btn-primary btn-sm shiny">
37                                             <i class="fa fa-edit"></i> 编辑
38                                         </a>
39                                         <a href="#" onclick="warning('确实要删除吗', '/admin/user/del/id/6.html')" class="btn btn-danger btn-sm shiny">
40                                             <i class="fa fa-trash-o"></i> 删除
41                                         </a>
42                                     </td>
43                                 </tr>
44                                 <tr>
45                                     <td align="center">7</td>
46                                     <td align="center">aaaaaa</td>
47                                     <td align="center">
48                                         <a href="/admin/user/edit/id/7.html" class="btn btn-primary btn-sm shiny">
49                                             <i class="fa fa-edit"></i> 编辑
50                                         </a>
51                                         <a href="#" onclick="warning('确实要删除吗', '/admin/user/del/id/7.html')" class="btn btn-danger btn-sm shiny">
52                                             <i class="fa fa-trash-o"></i> 删除
53                                         </a>
54                                     </td>
55                                 </tr>
56                                 <tr>
57                                     <td align="center">8</td>
58                                     <td align="center">bbb</td>
59                                     <td align="center">
60                                         <a href="/admin/user/edit/id/8.html" class="btn btn-primary btn-sm shiny">
61                                             <i class="fa fa-edit"></i> 编辑
62                                         </a>
63                                         <a href="#" onclick="warning('确实要删除吗', '/admin/user/del/id/8.html')" class="btn btn-danger btn-sm shiny">
64                                             <i class="fa fa-trash-o"></i> 删除
65                                         </a>
66                                     </td>
67                                 </tr>
68                                 </tbody>
69                             </table>
70                             <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"><ul class="pagination"><li class="prev disabled"><a href="#">Prev</a></li><li class="active"><a href="#">1</a></li><li><a href="#">2</a></li><li><a href="#">3</a></li><li><a href="#">4</a></li><li><a href="#">5</a></li><li class="next"><a href="#">Next</a></li></ul></div></div></div>
71 
72                         </div>
73                         <div>
74                         </div>
75                     </div>
76                 </div>
77             </div>
78         </div>
79 
80     </div>
81     <!-- /Page Body -->
82 
83 @endsection
View Code

访问http://laravel.pensive.top/admin/users 看效果,如下图

3,细节

a,注意面包屑导航的调整

b,page 样式 dataTables.bootstrap.css 的引入,可以从 BeyondAdmin(不用等待版)中找到复制到项目中,并在 \resources\views\Admin\Layout\main.blade.php 中引用

END

猜你喜欢

转载自www.cnblogs.com/pensive/p/12899531.html
今日推荐