• 后盾网lavarel视频项目---laravel 使用laracasts/flash插件提示信息


    后盾网lavarel视频项目---laravel 使用laracasts/flash插件提示信息

    一、总结

    一句话总结:

    laracasts/flash插件的效果就是一个弹出的boostrap模块框,你自己也可以写,只不过他给你做好了
    使用的话就照着github上面的文档示例结合搜索的实例,还是比较简单的

    1、控制器中如何使用laracasts/flash插件?

    flash方法和overlay方法:flash('密码修改成功')->overlay();
        //修改密码
        public function changePassword(AdminPost $request){
            $model=Auth::guard('admin')->user();
            $model->password=bcrypt($request['password']);
            $model->save();
            //overlay表示使用模态框,表示使用resources/views/vendor/flash/modal.blade.php这个模板
            flash('密码修改成功')->overlay();
            return redirect()->back();
        }

    2、视图中如何调用laracasts/flash插件?

    include引入视图:@include('flash::message'),不要忘记bootstrap的模态框的js
    </body>
    @include('admin.layout.error')
    @include('flash::message')
    <script>
        $(function () {
            $('#flash-overlay-modal').modal();
        });
    </script>
    </html>

    二、laravel 使用laracasts/flash插件提示信息

    转自或参考:laravel 使用laracasts/flash插件提示信息
    https://www.cnblogs.com/ryanLee1/p/8469969.html

    1访问 https://packagist.org/packages/laracasts/flash 查看laracasts/flash的安装详情

    2使用 composer 来安装 ,输入:composer require laracasts/flash

    3在config/app.php中的providers 添加 LaracastsFlashFlashServiceProvider::class,

    4在视图模板中添加@include('flash::message') 引入,并且在后面跟上调用模态框的js代码

    <script>
    $(document).ready(function(){
    $('#flash-overlay-modal').modal();
    });
    </script>

    5之后在控制台输入 php artisan vendor:publish --provider="LaracastsFlashFlashServiceProvider"

    6这时候在views文件夹中会出现另外一个文件夹,就是flash生成的视图文件

    7,使用就直接调用

    flash('密码修改成功')->overlay();    //使用模态框(弹出框)提示
    flash('密码修改成功')->error();     //使用提示层

    8,效果如图:

    laracasts/flash插件的model视图文件代码:resources/views/vendor/flash/modal.blade.php 

     1 <div id="flash-overlay-modal" class="modal fade {{ isset($modalClass) ? $modalClass : '' }}">
     2     <div class="modal-dialog">
     3         <div class="modal-content">
     4             <div class="modal-header">
     5                 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
     6 
     7                 <h4 class="modal-title">友情提示</h4>
     8             </div>
     9 
    10             <div class="modal-body">
    11                 <div class="row">
    12                     <div class="col-sm-2">
    13                         <i class="fa fa-info-circle fa-4x"></i>
    14                     </div>
    15                     <div class="col-sm-9" style="color: green;">
    16                         <p>{!! $body !!}</p>
    17                     </div>
    18                 </div>
    19 
    20             </div>
    21 
    22             <div class="modal-footer">
    23                 <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
    24             </div>
    25         </div>
    26     </div>
    27 </div>

    控制器中代码:app/Http/Controllers/Admin/MyController.php

    1     //修改密码
    2     public function changePassword(AdminPost $request){
    3         $model=Auth::guard('admin')->user();
    4         $model->password=bcrypt($request['password']);
    5         $model->save();
    6         //overlay表示使用模态框,表示使用resources/views/vendor/flash/modal.blade.php这个模板
    7         flash('密码修改成功')->overlay();
    8         return redirect()->back();
    9     }

    第7行:flash传递 消息,overlay表示使用模态框,表示使用resources/views/vendor/flash/modal.blade.php这个模板

    主视图中调用laracasts/flash插件:resources/views/admin/layout/master.blade.php

    1 </body>
    2 @include('admin.layout.error')
    3 @include('flash::message')
    4 <script>
    5     $('#flash-overlay-modal').modal();
    6 </script>
    7 </html>

    第3行:引入flash视图

    4-6行:bootstrap模块框的js代码

     
  • 相关阅读:
    JavaScript判断图片是否加载完成的三种方式 (转)
    支付宝异步通知notify_url接收不了问题解决(转)
    支付宝接口使用文档说明 支付宝异步通知(notify_url)与return_url
    Nginx Cache中$request_filename(转)
    win7下搭建nginx+php的开发环境(转)
    Nginx报出504 Gateway Timeout错误2
    BZOJ 3990 [SDOI 2015] 排序 解题报告
    BZOJ 3992 [SDOI 2015] 序列统计 解题报告
    BZOJ 3993 [SDOI 2015] 星际战争 解题报告
    BZOJ 3971 Матрёшка 解题报告
  • 原文地址:https://www.cnblogs.com/Renyi-Fan/p/11515328.html
Copyright © 2020-2023  润新知