最近學(xué)習(xí) Laravel 框架, 遇到了一問題, 就是沒有像Thinkphp5那樣{如 error(), },邏輯操作后沒有顯示提示的函數(shù),
查資料自己寫了下 操作成功或失敗的跳轉(zhuǎn)提示函數(shù), 分享給大家, 廢話不多說, 上干貨~
1放前、自定義函數(shù) showMessage()
函數(shù)文件位置自定艾凯，我直接放到app目錄了, app/hiht.php;
<?php
/**
* 跳轉(zhuǎn)提示函數(shù)
*/
function showMessage(Array $array){
//驗證參數(shù)
if(!empty($array['succeed']) && !empty($array['url'])){
$data = [
'status' => 1,
'message' => $array['succeed'],
'url' => $array['url'],
'jumpTime' => !empty($array['time']) ? $array['time'] : 2,
'ok'=>!empty($array['ok']) ? $array['ok'] : true
];
} elseif (!empty($array['error']) && !empty($array['url'])){
$data = [
'status' => 0,
'message' => $array['error'],
'url' => $array['url'],
'jumpTime' => !empty($array['time']) ? $array['time'] : 2,
'ok'=>!empty($array['ok']) ? $array['ok'] : true
];
} else {
$data = [
'status' => 0,
'message' => '非法訪問糊识！',
'url' => 'javascript：history.back();',
'jumpTime' => 5,
'ok'=>!empty($array['ok']) ? $array['ok'] : true
];
}
// var_dump($data);die;
return view('message',['data' => $data]);
// return redirect('/message')->with($array);
}
如下圖效果：
1.png
2偎巢、添加到更目錄 vendor/autoload.php 中
在Laravel中找到 autoload.php 文件咱枉， 路徑 ： /vendor/autoload.php;
在文件中添加你要自定義函數(shù)文件路徑宠默，我的是放到 app/hiht.php 目錄下骆姐，
require_once __DIR__ . '/../app/hiht.php';
2.png
3滤钱、編寫跳轉(zhuǎn)提示頁面 message.blade.php
路徑 resources/views/message.blade.php偶器； 需要引入自己的 js 哦
<!doctype html>
<html lang="{{ app()->getLocale() }}">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="{{URL::asset('js/jquery-3.3.1.min.js')}}"></script>
</head>
<body>
<style type="text/css">
.body-bgcolor{ background-color: #fff}
.showMsg{border: 1px solid #1e64c8; zoom:1; width:450px; height:172px;position:absolute;top:44%;left:50%;margin:-87px 0 0 -225px}
.showMsg h5{margin:0px;background-image: url({{asset('images/message/msg.png')}});background-repeat: no-repeat; color:#fff; padding-left:35px; height:25px; line-height:26px;*line-height:28px; overflow:hidden; font-size:14px; text-align:left}
.showMsg .content{ padding:46px 12px 73px 45px; font-size:14px; height:64px;display: inline-block;}
.showMsg .bottom{ background:#e4ecf7; margin: 0 1px 1px 1px;line-height:26px; *line-height:30px; height:26px; text-align:center}
.showMsg .ok,.showMsg .guery{background: url({{asset('images/message/msg_bg.png')}}) no-repeat 0px -560px;}
.showMsg .guery{background-position: left -460px;}
#ti{color:#171717;size:18px;margin:10px,20px;}
.hiht{display: block;height: 30px;font-size:18px;}
.succeed{color:#29A50D;}.error{color:red;}
</style>
<div class="panel-body">
<div class="showMsg" style="text-align:center">
<div id='ti'><br> 提示信息</div>
<div class="content guery">
<span class="hiht {{($data['status']==1)?'succeed' : 'error' }}">{{ $data['message'] }}</span>
<div>將在<span class="loginTime" style="color: red">{{$data['jumpTime']}}</span>秒后跳轉(zhuǎn)</div>
</div>
<div class="bottom">
@if($data['url'] == 'goback')
@else
<a href="{{ $data['url']}}">如果您的瀏覽器沒有自動跳轉(zhuǎn)斩萌，請點擊這里</a>
@endif
</div>
</div>
</div>
<script type="text/javascript">
$(function(){
var url = "{{$data['url']}}"
var loginTime = parseInt($('.loginTime').text());
var time = setInterval(function(){
loginTime = loginTime-1;
$('.loginTime').text(loginTime);
if(loginTime==0){
clearInterval(time);
window.location.href=url;
}
},1000);
})
</script>
</body>
</html>
4、控制器中使用函數(shù)
完成以上3步屏轰，就成功了颊郎！ 接下來在控制器中使用吧！ 方法如下
return showMessage(['succeed'=>'修改成功霎苗！','url' =>url('/admin/users/create')]);
return showMessage(['error'=>'修改失斈房浴！','url' =>url('/admin/users/create')]);
效果圖如下唁盏，樣式可以自己修改哦~
image.png
大功告成Ｄ诶辍！厘擂！
哈哈昆淡，剛開始用laravel，有不對的地方歡迎討論指正刽严！
