后盾网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 添加 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">×</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插件提示信息的更多相关文章
- 后盾网lavarel视频项目---Laravel 安装代码智能提示扩展「laravel-ide-helper」
后盾网lavarel视频项目---Laravel 安装代码智能提示扩展「laravel-ide-helper」 一.总结 一句话总结: laravel-ide-helper作用是:代码提示 larav ...
- 后盾网lavarel视频项目---lavarel中的tinker是什么
后盾网lavarel视频项目---lavarel中的tinker是什么 一.总结 一句话总结: 是用来调试laravel,可以打印变量或对象信息,显示函数代码,对数据库写入和查询数据 laravel中 ...
- 后盾网lavarel视频项目---模型一对多关联简单实例
后盾网lavarel视频项目---模型一对多关联简单实例 一.总结 一句话总结: 在模型中定义一个方法来设置一对多关联:return $this->hasMany(Video::class); ...
- 后盾网lavarel视频项目---图片上传
后盾网lavarel视频项目---图片上传 一.总结 一句话总结: 前端还是普通的前端操作,前端上传图片的地址就是图片上传的路由,后端代码也很简单 public function uploader(R ...
- 后盾网lavarel视频项目---1、数据迁移
后盾网lavarel视频项目---1.数据迁移 一.总结 一句话总结: 1.lavarel的数据迁移比较简单,就是用php来创建数据表 2.创建迁移文件:php artisan make:migrat ...
- 后盾网lavarel视频项目---Vue项目使用vue-awesome-swiper轮播插件
后盾网lavarel视频项目---Vue项目使用vue-awesome-swiper轮播插件 一.总结 一句话总结: vue中的插件的使用和js插件的使用一样的简单,只是vue插件的引入过程有些不同 ...
- 后盾网lavarel视频项目---lavarel用户认证实例
后盾网lavarel视频项目---lavarel用户认证实例 一.总结 一句话总结: 主要是用的Auth认证,所以配置是配置的auth(config/auth.php),控制器中调用也是用的Auth( ...
- 后盾网lavarel视频项目---5、淘宝镜像cnpm的原理及如何使用
后盾网lavarel视频项目---5.淘宝镜像cnpm的原理及如何使用 一.总结 一句话总结: 原理:把npm上面的所有软件copy过来 使用:npm install -g cnpm --regist ...
- 后盾网lavarel视频项目---4、lavarel和vue都是{{}}表示变量,如何解决冲突
后盾网lavarel视频项目---4.lavarel和vue都是{{}}表示变量,如何解决冲突 一.总结 一句话总结: @{{videos}}:@符号表示lavarel不处理:textarea nam ...
随机推荐
- [Vue] vue-router-interview
1.vue-router 怎么重定向页面? 路由中配置 redirect 属性 使用路由的别名来完成重定向 2.vue-router 怎么配置 404 页面? path: '*',放在最后一个 3.切 ...
- vim 文本编辑器
vim 文件名:命令模式 i 编辑模式 :输入模式 vim +n 文件名:打开文件,将光标置于第N行首部 命令模式进入输入模式进行编辑: i 当前光标位置插入文本 I 在当前行行首插入文本 o 在光标 ...
- vue-cli常用插件安装教程
1.安装sass npm i sass-loader node-sass --save-dev 2.安装stylus cnpm install stylus --save-dev cnpm insta ...
- 69. Sqrt(x) (JAVA)
Implement int sqrt(int x). Compute and return the square root of x, where x is guaranteed to be a no ...
- MHA ssh检查,repl复制检查和在线切换日志分析
一.SSh 检查日志分析 执行过程及对应的日志: 1.读取MHA manger 节点上的配置文件 2.根据配置文件,得到各个主机的信息,逐一进行SSH检查 3.每个主机都通过SSH连接除了自己以外的其 ...
- 自己对GIS的思考
这只是我自己的理解,谈不上对整个行业的理解,只能从自己的角度谈谈GIS,谈谈爱和恨. 现在在武汉的一所所谓的全国GIS数一数二的学校里面读硕士,从高中开始我就很喜欢地理学科,大学选择了地球信息科技这个 ...
- 关于WPA/WPA2 4次握手
简单描述一下WPA/WPA2的4次握手中的一些关键词: WPA/WPA2使用4次握手的方式来产生所需要的密钥.四次握手通过一系列的交互,从PMK(Pairwise Master Key)生成PTK(P ...
- [uboot] (第一章)uboot流程——概述(转)
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明.本文链接:https://blog.csdn.net/ooonebook/article/det ...
- Java并发编程实战 第13章 显式锁
接口Lock的实现类: ReentrantLock, ReentrantReadWriteLock.ReadLock, ReentrantReadWriteLock.WriteLock Reentra ...
- squid之------常用配置及选项
Squid常用命令 1.初始化在squid.conf里配置的cache目录 squid -z 2.对squid.conf排错,即验证squid.conf的语法和配置 squid -k parse 3. ...