作为程序员一定要保持良好的睡眠,才能好编程

laravel页面布局

发布时间:2019-05-22


admin.layouts.adminLayouts.blade.php

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <title>SONG ADMIN_后台管理系统 V2.0</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <link href="/resources/views/admin/assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"/>
    <link href="/resources/views/admin/assets/vendor/skycons/css/skycons.css" rel="stylesheet"/>
    <link href="/resources/views/admin/assets/vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet"/>
    <link href="/resources/views/admin/assets/plugins/bootkit/css/bootkit.css" rel="stylesheet"/>
    <link href="/resources/views/admin/assets/plugins/scrollbar/css/mCustomScrollbar.css" rel="stylesheet"/>
    <link href="/resources/views/admin/assets/plugins/fullcalendar/css/fullcalendar.css" rel="stylesheet"/>
    <link href="/resources/views/admin/assets/plugins/jquery-ui/css/jquery-ui-1.10.4.min.css" rel="stylesheet"/>
    <link href="/resources/views/admin/assets/plugins/xcharts/css/xcharts.min.css" rel="stylesheet"/>
    <link href="/resources/views/admin/assets/plugins/morris/css/morris.css" rel="stylesheet"/>
    <link href="/resources/views/admin/assets/css/jquery.mmenu.css" rel="stylesheet"/>
    <link href="/resources/views/admin/assets/css/style.css" rel="stylesheet"/>
    <link href="/resources/views/admin/assets/css/admin.css" rel="stylesheet"/>
    <link href="/resources/views/admin/assets/css/add-ons.min.css" rel="stylesheet"/>
    <script src="/resources/views/admin/assets/plugins/modernizr/js/modernizr.js"></script>
</head>
   <body> 
      <!-- Start: Header -->
 <div class="navbar" role="navigation">
         <div class="container-fluid container-nav">             
            <!-- Navbar Action -->
 <ul class="nav navbar-nav navbar-actions navbar-left">
               <li class="visible-md visible-lg"><a href="index.html#" id="main-menu-toggle"><i class="fa fa-th-large"></i></a></li>
               <li class="visible-xs visible-sm"><a href="index.html#" id="sidebar-menu"><i class="fa fa-navicon"></i></a></li>         
            </ul>
            <!-- Navbar Left -->
 <div class="navbar-left">
               <!-- Search Form -->               
 <form class="search navbar-form">
                  <div class="input-group input-search">
                     <input type="text" class="form-control" name="q" id="q" placeholder="Search...">
                     <span class="input-group-btn">
                        <button class="btn btn-default" type="submit"><i class="fa fa-search"></i></button>
                     </span>
                  </div>                
               </form>
            </div>
            <!-- Navbar Right -->
 <div class="navbar-right">
               <!-- Notifications -->
 <ul class="notifications hidden-sm hidden-xs">
                  <li>
                     <a href="#" class="dropdown-toggle notification-icon" data-toggle="dropdown">
                        <i class="fa fa-tasks"></i>
                        <span class="badge">10</span>
                     </a>
                     <ul class="dropdown-menu update-menu" role="menu">
                        <li><a href="#"><i class="fa fa-database bk-fg-primary"></i> 首页 </a></li>
                        <li><a href="#"><i class="fa fa-bar-chart-o bk-fg-primary"></i> Connection </a></li>
                        <li><a href="#"><i class="fa fa-bell bk-fg-primary"></i> Notification </a></li>
                        <li><a href="#"><i class="fa fa-envelope bk-fg-primary"></i> Message </a></li>
                        <li><a href="#"><i class="fa fa-flash bk-fg-primary"></i> Traffic </a></li>
                        <li><a href="#"><i class="fa fa-credit-card bk-fg-primary"></i> Invoices </a></li>
                        <li><a href="#"><i class="fa fa-dollar bk-fg-primary"></i> Finances </a></li>
                        <li><a href="#"><i class="fa fa-thumbs-o-up bk-fg-primary"></i> Orders </a></li>
                        <li><a href="#"><i class="fa fa-folder bk-fg-primary"></i> Directories </a></li>
                        <li><a href="#"><i class="fa fa-users bk-fg-primary"></i> Users </a></li>     
                     </ul>
                  </li>
                  <li>
                     <a href="#" class="dropdown-toggle notification-icon" data-toggle="dropdown">
                        <i class="fa fa-envelope"></i>
                        <span class="badge">5</span>
                     </a>
                     <ul class="dropdown-menu">
                        <li class="dropdown-menu-header">
                           <strong>Messages</strong>
                           <div class="progress progress-xs  progress-striped active">
                              <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
                                 60%
                              </div>
                           </div>
                        </li>
                        <li class="avatar">
                           <a href="page-inbox.html">
                              <img class="avatar" src="{{asset("resources/views/admin")}}/assets/img/avatar1.jpg" alt="" />
                              <div><div class="point point-primary point-lg"></div>New message</div>
                              <span><small>1 minute ago</small></span>                     
                           </a>
                        </li>
                        <li class="avatar">
                           <a href="page-inbox.html">
                              <img class="avatar" src="{{asset("resources/views/admin")}}/assets/img/avatar2.jpg" alt="" />
                              <div><div class="point point-primary point-lg"></div>New message</div>
                              <span><small>3 minute ago</small></span>                        
                           </a>
                        </li>
                        <li class="avatar">
                           <a href="page-inbox.html">
                              <img class="avatar" src="{{asset("resources/views/admin")}}/assets/img/avatar3.jpg" alt="" />
                              <div><div class="point point-primary point-lg"></div>New message</div>
                              <span><small>4 minute ago</small></span>                        
                           </a>
                        </li>
                        <li class="avatar">
                           <a href="page-inbox.html">
                              <img class="avatar" src="{{asset("resources/views/admin")}}/assets/img/avatar4.jpg" alt="" />
                              <div><div class="point point-primary point-lg"></div>New message</div>
                              <span><small>30 minute ago</small></span>
                           </a>
                        </li>
                        <li class="avatar">
                           <a href="page-inbox.html">
                              <img class="avatar" src="{{asset("resources/views/admin")}}/assets/img/avatar5.jpg" alt="" />
                              <div><div class="point point-primary point-lg"></div>New message</div>
                              <span><small>1 hours ago</small></span>
                           </a>
                        </li>                 
                        <li class="dropdown-menu-footer text-center">
                           <a href="page-inbox.html">View all messages</a>
                        </li>  
                     </ul>
                  </li>
                  <li>
                     <a href="#" class="dropdown-toggle notification-icon" data-toggle="dropdown">
                        <i class="fa fa-bell"></i>
                        <span class="badge">3</span>
                     </a>
                     <ul class="dropdown-menu list-group">
                        <li class="dropdown-menu-header">
                           <strong>Notifications</strong>
                           <div class="progress progress-xs  progress-striped active">
                              <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
                                 60%
                              </div>
                           </div>
                        </li>
                        <li class="list-item">
                           <a href="page-inbox.html">
                              <div class="pull-left">
                                 <i class="fa fa-envelope-o bk-fg-primary"></i>
                              </div>
                              <div class="media-body clearfix">
                                 <div>Unread Message</div>
                                 <h6>You have 10 unread message</h6>
                              </div>                      
                           </a>
                        </li>
                        <li class="list-item">
                           <a href="#">
                              <div class="pull-left">
                                 <i class="fa fa-cogs bk-fg-primary"></i>
                              </div>
                              <div class="media-body clearfix">
                                 <div>New Settings</div>
                                 <h6>There are new settings available</h6>
                              </div>                      
                           </a>
                        </li>
                        <li class="list-item">
                           <a href="#">
                              <div class="pull-left">
                                 <i class="fa fa-fire bk-fg-primary"></i>
                              </div>
                              <div class="media-body clearfix">
                                 <div>Update</div>
                                 <h6>There are new updates available</h6>
                              </div>                      
                           </a>
                        </li>
                        <li class="list-item-last">
                           <a href="#">
                             <h6>Unread notifications</h6>
                             <span class="badge">15</span>
                           </a>
                        </li>
                     </ul>
                  </li>
               </ul>
               <!-- End Notifications -->
               <!-- Userbox -->
 <div class="userbox">
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                     <div class="profile-info">
                        <span class="name">John Smith Doe</span>
                        <span class="role">Developer</span>
                     </div>       
                     <i class="fa custom-caret"></i>
                  </a>
                  <div class="dropdown-menu">
                     <ul class="list-unstyled">
                        <li class="dropdown-menu-header bk-bg-white bk-margin-top-15">                
                           <div class="progress progress-xs  progress-striped active">
                              <div class="progress-bar progress-bar-primary" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
                                 60%
                              </div>
                           </div>                   
                        </li>  
                        <li>
                           <a href="page-profile.html"><i class="fa fa-user"></i> Profile</a>
                        </li>
                        <li>
                           <a href="#"><i class="fa fa-wrench"></i> Settings</a>
                        </li>
                        <li>
                           <a href="page-invoice"><i class="fa fa-usd"></i> Payments</a>
                        </li>
                        <li>
                           <a href="#"><i class="fa fa-file"></i> File</a>
                        </li>
                        <li>
                           <a href="page-login.html"><i class="fa fa-power-off"></i> Logout</a>
                        </li>
                     </ul>
                  </div>                
               </div>
               <!-- End Userbox -->
 </div>
            <!-- End Navbar Right -->
 </div>    
      </div>
      <!-- End: Header -->      

@section("content")

@show      
</body>
</html>


简洁版:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="{{asset('resources/views/admin/style/css/ch-ui.admin.css')}}">
    <link rel="stylesheet" href="{{asset('resources/views/admin/style/font/css/font-awesome.min.css')}}">
</head>
<body>
@section("content")

@show
</body>
</html>


index.blade.php

@extends("admin.layouts.adminLayouts")
@section("content")
@parent 
   <!-- Start: Content -->
   <div class="container-fluid content">  
      <div class="row"> 
      @include("admin.infile.menus")
         <!-- Main Page -->
         <div class="main ">
            <!-- Page Header -->
            <div class="page-header">
               <div class="pull-left">
                  <ol class="breadcrumb visible-sm visible-md visible-lg">                        
                     <li><a href="{{url('admin/manage/welcome')}}"><i class="icon fa fa-home"></i>首页</a></li>
                     <li class="active"><i class="fa fa-laptop"></i>{{trans('admin.level_add')}}</li>
                  </ol>                 
               </div>
               <div class="pull-right">
                  <h2>{{trans('admin.level_add')}}</h2>
               </div>
            </div>
            <!-- End Page Header -->
            <!--所有的内容放在这里 开始-->
                <a href="{{url('admin/level/create')}}" style="margin-left:2px !important;" class="bk-margin-5 btn btn-primary"><i class="fa fa-plus"></i> {{trans("admin.level_add")}}</a>
                
                <div class="panel">
                    <div class="panel-heading bk-bg-primary">
                        <h6><i class="fa fa-edit red"></i><span class="break"></span>LIST</h6>
                        <div class="panel-actions">
                            <a href="javascript:;" class="btn-minimize"><i class="fa fa-chevron-up"></i></a>
                            <a href="javascript:;" class="btn-close"><i class="fa fa-times"></i></a>
                        </div>
                    </div>
                    <div class="panel-body">
                        <div class="table-responsive">
                            <p class="sortInfo"><i class="fa fa-bullhorn"></i>此排序按照升序的方式排列,排序后看不到效果?需要刷新</p>
                            <table class="table table-bordered table-hover">
                                <thead>
                                <tr>
                                    <th>{{trans("admin.Id")}}</th>
                                    <th>{{trans("admin.sort")}}</th>
                                    <th>{{trans("admin.pl")}}</th>
                                    <th>{{trans("admin.level_name")}}</th>
                                    <th>{{trans("admin.decration")}}</th>
                                    <th>{{trans("admin.updated_at")}}</th>
                                    <th>{{trans("admin.created_at")}}</th>
                                    <th>{{trans("admin.action")}}</th>
                                </tr>
                                </thead>
                                <tbody>
                                @if(sizeof($list))
                                    @foreach($list as $key=>$val)
                                    <tr>
                                        <td>{{$val->id}}</td>
                                        <td>
                                            <input type="text" autocomplete="off" class="form-control text-center pxsort" value="{{$val->sort}}" alt="{{url('admin/level/sort')}}" data_old="{{$val->sort}}" id="{{$val->id}}">
                                        </td>
                                        <td>
                                            <input name="pl[]" value="{{$val->id}}" type="checkbox">
                                        </td>
                                        <td>{{$val->title}}</td>
                                        <td>{{$val->decration}}</td>
                                        <td>{{$val->updated_at}}</td>
                                        <td>{{$val->created_at}}</td>
                                        <td>
                                            <a class="btn btn-info btn-sm" href="{{url('admin/level/'.$val->id.'/edit')}}">
                                                <i class="fa fa-edit "></i>
                                            </a>
                                            <a class="btn btn-danger btn-sm btn_delete" alt="{{url('admin/level/'.$val->id)}}" href="javascript:;">
                                                <i class="fa fa-trash-o "></i>
                                            </a>
                                        </td>
                                    </tr>
                                    @endforeach
                                @endif
                                </tbody>
                            </table>
                            <div class="text-center">

                                <div class="checkbox-custom checkbox-inline">
                                    <input id="inline-select" type="checkbox">
                                    <label for="inline-select"> 全选/全不选</label>
                                </div>

                                <button type="button" class="bk-margin-5 btn btn-link" id="inline-select_fx" style="text-decoration: none;"><i class="fa fa-retweet"></i> 反选</button>
                                <button type="button" class="bk-margin-5 btn btn-primary" id="btn-pldelete" alt="{{url('admin/level/pldel')}}"><i class="fa fa-trash-o"></i> 批量删除</button>

                            </div>
                        </div>
                    </div>
                </div>
                <div style="text-align: center;">
                    {{$list->links()}}
                </div>
            <!--所有的内容放在这里 结束-->
         </div>
         <!-- End Main Page -->  
      </div>
   </div> 

   <div class="clearfix"></div>
   @include("admin.infile.js")
    <input type="text" value="{{csrf_token()}}" id="_token">
   <script src="{{asset("resources/views/admin")}}/assets/js/admin.js"></script>
@endsection



create.blade.php

@extends("admin.layouts.adminLayouts")
@section("content")
@parent
<!-- Start: Content -->
<div class="container-fluid content">
    <div class="row">
        @include("admin.infile.menus")
        <!-- Main Page -->
        <div class="main ">
            <!-- Page Header -->
            <div class="page-header">
                <div class="pull-left">
                    <ol class="breadcrumb visible-sm visible-md visible-lg">
                        <li><a href="{{url('admin/manage/welcome')}}"><i class="icon fa fa-home"></i>{{trans("admin.home")}}</a></li>
                        <li class="active"><i class="fa fa-laptop"></i>{{trans("admin.level_edit")}}</li>
                    </ol>
                </div>
                <div class="pull-right">
                    <h2>{{trans("admin.level_edit")}}</h2>
                </div>
            </div>
            <!-- End Page Header -->

            <!--所有的内容放在这里 开始-->
            <a href="{{url('admin/level')}}" style="margin-left:2px !important;" class="bk-margin-5 btn btn-primary"><i class="fa fa-list"></i>  {{trans("admin.level_list")}}</a>

            <div class="row">
                    <div class="col-md-12">
                <div class="panel">
                <div class="panel-heading bk-bg-primary">
                    <h6><i class="fa fa-plus-square red"></i>Add</h6>
                    <div class="panel-actions">
                        <a href="javascript:;" class="btn-reset"><i class="fa fa-rotate-right black"></i></a>
                        <a href="javascript:;" class="btn-minimize"><i class="fa fa-chevron-up black"></i></a>
                        <!--<a href="javascript:;" class="btn-close"><i class="fa fa-times black"></i></a>-->
                    </div>
                </div>
                <div class="panel-body">
                    <form action="{{url('admin/level/'.$data->id)}}" method="post" class="form-horizontal btn_resetform">
                        {{csrf_field()}}
                        <div class="form-group">
                            <label class="col-md-3 control-label" for="text-input">{{trans("admin.level_name")}}</label>
                            <div class="col-md-9">
                                <input id="username" name="title" class="form-control" value="{{$data->title}}" type="text">
                                <span class="help-block">{{trans("admin.level_name_info")}}</span>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-md-3 control-label" for="decration">{{trans("admin.decration")}}</label>
                            <div class="col-md-9">
                                <textarea id="decration" name="decration" rows="3" class="form-control">{{$data->decration}}</textarea>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-3 control-label"></div>
                            <div class="col-md-9">
                                <input type="hidden" value="{{$data->id}}" name="id">
                                <button type="submit" class="bk-margin-5 btn btn-success"><i class="fa fa-save"></i> {{trans("admin.save")}}</button>
                                <button type="reset" class="bk-margin-5 btn btn-warning"><i class="fa fa-arrow-circle-right"></i> {{trans("admin.reset")}}</button>
                            </div>
                        </div>
                        <input type="hidden" value="PUT" name="_method">
                        <input type="hidden" value="{{$prevPage}}" name="prevPage">
                    </form>
                </div>
                </div>
               </div>
            </div>
            <!--所有的内容放在这里 结束-->
        </div>
        <!-- End Main Page -->
    </div>
</div>
<div class="clearfix"></div>
@include("admin.infile.js")
@endsection