一、View层
1.前端制作好一些静态的文件,存放在public文件夹中,这些文件包括图片、js、css等
2.利用前端做好的页面,即html文件的代码,制作 *.blade.php模板页面或者普通php页面
3.当多个页面有相同的布局,比如分上中下,上部导航栏和底部网页信息栏在多个页面都差不多,只有中间内容页更改的情况下,我们可以做一个模板页,在View文件夹下新建一个**Common的文件夹 源码:
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <meta name="renderer" content="webkit|ie-comp|ie-stand"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> <meta http-equiv="Cache-Control" content="no-siteapp" /> <!--[if lt IE 9]> <script type="text/javascript" src="{{asset('static/js/html5.js')}}"></script> <script type="text/javascript" src="{{asset('static/js/respond.min.js')}}"></script> <script type="text/javascript" src="{{asset('static/js/PIE_IE678.js')}}"></script> <![endif]--> <link href="{{asset('static/css/H-ui.css')}}" rel="stylesheet" type="text/css" /> <link href="{{asset('static/css/H-ui.admin.css')}}" rel="stylesheet" type="text/css" /> <link type="text/css" rel="stylesheet" href="{{asset('static/font/font-awesome.min.css')}}"/> <!--[if IE 7]> <link href="{{asset('static/font/font-awesome-ie7.min.css')}}" rel="stylesheet" type="text/css" /> <![endif]--> <title>@yield('title')</title> </head> <body> @section('nav') @show <div class="pd-20"> @section('form') @show </div> @section('javascript') <script type="text/javascript"> $(".Huiform").Validform(); </script> @show </body> </html>4.引用第3步写好的母版 部分解释: @extends() 继承布局页面 @section() …. @stop 重写内容代码
源码:
@extends('Common.layouts') @section('nav') <nav class="Hui-breadcrumb"> <i class="icon-home"></i> 首页 <span class="c-gray en">></span> 管理员管理 <span class="c-gray en">></span> 管理员列表 <a class="btn btn-success radius r mr-20" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" > <i class="icon-refresh"></i> </a> </nav> @stop @section('form') <div class="text-c"> <form class="Huiform" method="get" action="{{url('adminmanager/createadmin')}}" > <input type="text" placeholder="帐号" name="adminname" autocomplete="off" value="" maxlength="20" class="input-text"> <input type="password" placeholder="密码" autocomplete="off" name="adminpwd1" maxlength="32" value="" class="input-text"> <input type="password" placeholder="确认密码" autocomplete="off" maxlength="32" name="adminpwd2" value="" class="input-text"> <select class="select" name="admin-role" size="1"> @foreach($sysroles as $sysrole) <option value="{{$sysrole->SRId}}">{{$sysrole->SRName}}</option> @endforeach </select> <button type="submit" class="btn btn-success" id="" name="" > <i class="icon-plus"></i> 添加</button> @if (Session::has('adminaddtrue')) <p style="color: #bd362f;}}"> {{ Session::get('adminaddtrue') }} </p> @endif @if (Session::has('adminaddfalse')) <p style="color: #bd362f;}}"> {{ Session::get('adminaddfalse') }} </p> @endif </form> </div> <div class="cl pd-5 bg-1 bk-gray mt-20"> <span class="l"><a href="javascript:;" onClick="datadel()" class="btn btn-danger radius"><i class="icon-trash"></i> 批量删除</a></span> <span class="r">共有数据:<strong>{{$musernum}}</strong> 条</span> </div> <table class="table table-border table-bordered table-bg"> <thead> <tr> <th scope="col" colspan="7">员工列表</th> </tr> <tr class="text-c"> <th width="25"><input type="checkbox" name="" value=""></th> <th width="40">ID</th> <th width="150">登录名</th> <th>角色</th> <th width="130">加入时间</th> <th width="100">是否已启用</th> <th width="100">操作</th> </tr> </thead> <tbody> @for($i=0;$i<$musernum;$i++) <tr class="text-c"> <td><input style="{{($muser[$i]->MuId==1?'display: none':'')}}" type="checkbox" value="{{$muser[$i]->MuId}}" name=""></td> <td>{{$muser[$i]->MuId}}</td> <td>{{$muser[$i]->MuName}}</td> <td>{{$arry[$i]}}</td> <td>{{$muser[$i]->Adddate}}</td> <td class="admin-status"><span class="label {{$muser[$i]->Mustop==0?'label-success':''}}"> {{$muser[$i]->Mustop==0?'已启用':'已停用'}}</span></td> <td class="f-14 admin-manage"> <a style="text-decoration:none;{{$muser[$i]->MuId==1?'display: none':''}}" onClick="if (confirm('确定要{{ ($muser[$i]->Mustop==0)?'停用':'启用' }}吗?') == false) return false;" href="{{url('adminmanager/stopadmin',['id' => $muser[$i]->MuId])}}" title="{{$muser[$i]->Mustop==0?'停用':'启用'}}"> <i class="icon-hand-{{$muser[$i]->Mustop==0?'down':'up'}}"> </i></a> <a title="编辑" href="javascript:;" onClick="admin_role_edit('{{$muser[$i]->MuId}}','350','250','管理员编辑','{{url('adminmanager/updateadmin',['id' => $muser[$i]->MuId])}}')" style="text-decoration:none;{{($muser[$i]->SRId==1)?'display: none':''}}"> <i class="icon-edit"></i> </a> <a style="text-decoration:none;{{$muser[$i]->MuId==1?'display: none':''}}" class="ml-5" onClick="user_password_edit('{{$muser[$i]->MuId}}','370','250','修改密码','{{url('usercenter/modifypwd',['id' => $muser[$i]->MuId])}}')" href="javascript:;" title="修改密码"><i class="icon-key"></i></a> <a title="删除" href="{{ url('adminmanager/deleteadmin', ['id' => $muser[$i]->MuId]) }}" onclick="if (confirm('确定要删除吗?') == false) return false;" class="ml-5" style="text-decoration:none;{{$muser[$i]->MuId==1?'display: none':''}}"> <i class="icon-trash"></i></a> </td> </tr> @endfor <!--<tr class="text-c"> <td><input type="checkbox" value="2" name=""></td> <td>2</td> <td>zhangsan</td> <td>栏目编辑</td> <td>2014-6-11 11:11:42</td> <td class="admin-status"><span class="label">已停用</span></td> <td class="f-14 admin-manage"> <a style="text-decoration:none" onClick="admin_start(this,'10001')" href="javascript:;" title="启用"> <i class="icon-hand-up"></i></a> <a title="编辑" href="javascript:;" onClick="admin_edit('4','400','310','角色编辑','admin-edit.html')" class="ml-5" style="text-decoration:none"> <i class="icon-edit"></i></a> <a title="删除" href="javascript:;" onClick="admin_del(this,'1')" class="ml-5" style="text-decoration:none"> <i class="icon-trash"></i></a> </td> </tr>--> </tbody> </table> <!-- 分页 --> <div> <div id="pageNav" class="pageNav"> @if($musernum>0) {{ $muser->appends(Request::input())->render() }} @else @endif </div> </div> @stop @section('javascript') <script type="text/javascript" src="{{asset('static/js/jquery.min.js')}}"></script> <script type="text/javascript" src="{{asset('static/js/pagenav.cn.js')}}"></script> <script type="text/javascript" src="{{asset('static/layer/layer.min.js')}}"></script> <script type="text/javascript" src="{{asset('static/js/H-ui.js')}}"></script> <script type="text/javascript" src="{{asset('static/js/H-ui.admin.js')}}"></script> @stop使用模板页的优势在于,html页面的头部和尾部的重复代码均不用在多个页面写,而且,布局相同的页面,在多个页面也不需要重复写代码
二、Controller层
1.普通使用,关联view层 源码:
<?php namespace App\Http\Controllers; use App\Muser; use App\Role_power; use Illuminate\Support\Facades\Session; class IndexMenuController extends Controller{ //主页 显示 用户名和权限菜单 public function indexmexnu(){ $name = Session::get('Muname'); $srid = Session::get('SRId'); $ary = Role_power::where('SRId',$srid)->pluck('RMId'); $ary2=['none','none','none','none','none','none','none','none','none','none','none','none']; $ary3=count($ary); for($i=0;$i<count($ary);$i++) { for($j=1;$j<=12;$j++) { if($ary[$i]==$j) { $ary2[$j-1]=''; break; } } } return view('menu.menu',[ 'name'=>$name, 'ary2'=>$ary2, ]); } //主页显示的 欢迎页面 public function welcome(){ return view('indexCommon.welcome',[ ]); } }