Laravel5 自定义函数, 实现跳转提醒

最近学习 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>&nbsp;&nbsp;提示信息</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,有不对的地方欢迎讨论指正!

喜欢的点点关注,感谢

推荐阅读更多精彩内容