后盾网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 添加 Laracasts\Flash\FlashServiceProvider::class,

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

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

5之后在控制台输入 php artisan vendor:publish --provider="Laracasts\Flash\FlashServiceProvider"

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

7,使用就直接调用

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

8,效果如图:

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

 <div id="flash-overlay-modal" class="modal fade {{ isset($modalClass) ? $modalClass : '' }}">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> <h4 class="modal-title">友情提示</h4>
</div> <div class="modal-body">
<div class="row">
<div class="col-sm-2">
<i class="fa fa-info-circle fa-4x"></i>
</div>
<div class="col-sm-9" style="color: green;">
<p>{!! $body !!}</p>
</div>
</div> </div> <div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
</div>
</div>
</div>
</div>

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

     //修改密码
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();
}

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

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

 </body>
@include('admin.layout.error')
@include('flash::message')
<script>
$('#flash-overlay-modal').modal();
</script>
</html>

第3行:引入flash视图

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

 

后盾网lavarel视频项目---laravel 使用laracasts/flash插件提示信息的更多相关文章

  1. 后盾网lavarel视频项目---Laravel 安装代码智能提示扩展「laravel-ide-helper」

    后盾网lavarel视频项目---Laravel 安装代码智能提示扩展「laravel-ide-helper」 一.总结 一句话总结: laravel-ide-helper作用是:代码提示 larav ...

  2. 后盾网lavarel视频项目---lavarel中的tinker是什么

    后盾网lavarel视频项目---lavarel中的tinker是什么 一.总结 一句话总结: 是用来调试laravel,可以打印变量或对象信息,显示函数代码,对数据库写入和查询数据 laravel中 ...

  3. 后盾网lavarel视频项目---模型一对多关联简单实例

    后盾网lavarel视频项目---模型一对多关联简单实例 一.总结 一句话总结: 在模型中定义一个方法来设置一对多关联:return $this->hasMany(Video::class); ...

  4. 后盾网lavarel视频项目---图片上传

    后盾网lavarel视频项目---图片上传 一.总结 一句话总结: 前端还是普通的前端操作,前端上传图片的地址就是图片上传的路由,后端代码也很简单 public function uploader(R ...

  5. 后盾网lavarel视频项目---1、数据迁移

    后盾网lavarel视频项目---1.数据迁移 一.总结 一句话总结: 1.lavarel的数据迁移比较简单,就是用php来创建数据表 2.创建迁移文件:php artisan make:migrat ...

  6. 后盾网lavarel视频项目---Vue项目使用vue-awesome-swiper轮播插件

    后盾网lavarel视频项目---Vue项目使用vue-awesome-swiper轮播插件 一.总结 一句话总结: vue中的插件的使用和js插件的使用一样的简单,只是vue插件的引入过程有些不同 ...

  7. 后盾网lavarel视频项目---lavarel用户认证实例

    后盾网lavarel视频项目---lavarel用户认证实例 一.总结 一句话总结: 主要是用的Auth认证,所以配置是配置的auth(config/auth.php),控制器中调用也是用的Auth( ...

  8. 后盾网lavarel视频项目---5、淘宝镜像cnpm的原理及如何使用

    后盾网lavarel视频项目---5.淘宝镜像cnpm的原理及如何使用 一.总结 一句话总结: 原理:把npm上面的所有软件copy过来 使用:npm install -g cnpm --regist ...

  9. 后盾网lavarel视频项目---4、lavarel和vue都是{{}}表示变量,如何解决冲突

    后盾网lavarel视频项目---4.lavarel和vue都是{{}}表示变量,如何解决冲突 一.总结 一句话总结: @{{videos}}:@符号表示lavarel不处理:textarea nam ...

随机推荐

  1. [..net core]4.入口,Main方法 及InProcess

    通常控件台程序都有一个main方法, public class Program { public static void Main(string[] args) { CreateWebHostBuil ...

  2. Elasticsearch入门教程(一):Elasticsearch及插件安装

    原文:Elasticsearch入门教程(一):Elasticsearch及插件安装 版权声明:本文为博主原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明. 本文链接:h ...

  3. qt QAbstractItemModel一些方法介绍

    一. virtual bool setData(const QModelIndex &index, const QVariant &value, int role = Qt::Edit ...

  4. 我所不知的JS

    几天前在阅读 MDN 文档时我发现了一些我从来不知道的 JS 特性和 API. 下面是一份简短的清单, 无论有用不有用——学习 JS 的道路似乎是没有尽头的. 标签语句 在 JS 中,你可以对 for ...

  5. vue项目1-pizza点餐系统2-配置路由跳转

    功能目标:点击导航栏中的菜单.主页.路由跳转到不同的组件,点击谁就在在导航栏下展示谁. 1.在router文件夹中(在用脚手架cli搭建项目时,有个couter的选yes)的index.js中,导入如 ...

  6. 阿里服务器+Centos7.4+Tomcat+JDK部署

    适用对象 本文档介绍如何使用一台基本配置的云服务器 ECS 实例部署 Java web 项目.适用于刚开始使用阿里云进行建站的个人用户. 配置要求 这里列出的软件版本仅代表写作本文档使用的版本.操作时 ...

  7. docker search - 搜寻镜像

    使用docker search 命令可以搜索docker hub官方仓库中的镜像. # docker search --help Usage: docker search [OPTIONS] TERM ...

  8. 接口开发中 遇到的坑——Java byte与C# byte 数据转换问题

    前提: 公司与其他公司进行接口对接 需要使用Byte[]数据流传输数据 原本想法如下:直接IO生成就ok了 using System; using System.IO; using System.Te ...

  9. SQL代码

    SELECT SCHEMA_NAME(SCHEMA_ID)AS ID,name as Table_name FROM sys.tables;--查询表视图 查询表视图

  10. web.xml中url-pattern中/和/*的区别(来自网络)

    其中/和/*的区别: < url-pattern > / </ url-pattern >   不会匹配到*.jsp,即:*.jsp不会进入spring的 Dispatcher ...