最近学习 Laravel 框架, 遇到了一问题, 就是没有像Thinkphp5那样{如 error(), },逻辑操作后没有显示提示的函数,
查资料自己写了下 操作成功或失败的跳转提示函数, 分享给大家, 废话不多说, 上干货~
1、自定义函数 showMessage()
函数文件位置自定，我直接放到app目录了, app/hiht.php;
<?php
/**
* 跳转提示函数
*/
function showMessage(Array $array){
//验证参数
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;
在文件中添加你要自定义函数文件路径，我的是放到 app/hiht.php 目录下，
require_once __DIR__ . '/../app/hiht.php';
2.png
3、编写跳转提示页面 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>秒后跳转</div>
</div>
<div class="bottom">
@if($data['url'] == 'goback')
@else
<a href="{{ $data['url']}}">如果您的浏览器没有自动跳转，请点击这里</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、控制器中使用函数
完成以上3步，就成功了！ 接下来在控制器中使用吧！ 方法如下
return showMessage(['succeed'=>'修改成功！','url' =>url('/admin/users/create')]);
return showMessage(['error'=>'修改失败！','url' =>url('/admin/users/create')]);
效果图如下，样式可以自己修改哦~
image.png
大功告成！！！
哈哈，刚开始用laravel，有不对的地方欢迎讨论指正！
