Toastr 提示框--Dcat-Admin框架实战(十七)

最新推荐文章于 2024-08-15 09:16:20 发布
最新推荐文章于 2024-08-15 09:16:20 发布
阅读量1.8k 收藏 3
点赞数 1
分类专栏： Dcat-Admin框架 Laravel PHP 文章标签： dact-admin laravel php js linux
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/have_a_cat/article/details/117473840
版权
PHP 同时被 3 个专栏收录
46 篇文章 1 订阅
订阅专栏
Dcat-Admin框架
24 篇文章 27 订阅
订阅专栏
Laravel
20 篇文章 1 订阅
订阅专栏

Dcat Admin 集成了 Toastr 插件，接下来给大家介绍提示框的三种类型（普通、带标题、带参数）和四种级别（success、error、warning、info），这里咱们分别详细讲解，大家回去可以自己组合得到12种提示框。（更多博文，欢迎来我的博客学习交流https://blog.csdn.net/have_a_cat）

目录

一、12种提示框展示

二、Toastr 提示框简单介绍

三、三种类型Toastr 提示框（普通、带标题、带参数）

准备

1、普通Toastr 提示框

（1）ToasterController.php代码讲解

（2）样例使用方法

2、带标题Toastr 提示框

3、带参数Toastr 提示框

四、四种级别Toastr 提示框（success、error、warning、info）

1、success级别Toastr 提示框

2、error级别Toastr 提示框

3、warning级别Toastr 提示框

4、info级别Toastr 提示框

一、12种Toaster提示框展示

Toastr 提示框

普通

带标题

带参数(消失时间)

success

error

warning

info

二、Toastr 提示框简单介绍

Toastr是一个基于jQuery的，简单、漂亮的消息提示插件，并且可以设置该提示框自动消失的时间。（更多博文，欢迎来我的博客学习交流https://blog.csdn.net/have_a_cat）

一般显示于页面的右上角；多个Toastr 提示框同时出现时，在页面右边从下到上排列显示。

 

 

三、三种类型Toastr 提示框（普通、带标题、带参数）

准备

①新建一个Controller，我们这里创建/home/admin/test10/app/Admin/Controllers/ToasterController.php

（其中，test10为我的项目名称；/home/admin/test10/为我的项目路径）

②为ToasterController.php创建路由

在/home/admin/test10/app/Admin/rootes.php文件中添加路由（即下面这句话），以后可以通过http://127.0.0.1:8000/admin/toastershows访问。

$router->resource('toastershows', 'ToasterController');

③上面两处不知道如何修改的，参看：快速一键增删改查(附菜单栏添加&翻译详细解读)--Dcat-Admin框架实战(二)）

1、普通Toastr 提示框

普通的Toaster提示框，使用语句Dcat.success()函数，举例如下：

Dcat.success ("有猫彬 最可爱了~");
/*参数为想展示的内容（更多博文，欢迎来我的博客学习交流https://blog.csdn.net/have_a_cat）*/

（1）ToasterController.php代码讲解

源码：

<?php

namespace App\Admin\Controllers;

use Dcat\Admin\Admin;
use Dcat\Admin\Layout\Content;
use Dcat\Admin\Layout\Row;
use Dcat\Admin\Http\Controllers\AdminController;

class ToasterController extends AdminController
{
       public function index(Content $content){
              $content->row(function (Row $row){
                          Admin::script(
                              <<<JS
$('.loading-2').click(function(){
    Dcat.success("有猫彬 最可爱了~");
});
JS
                          );
              $row->column(4, <<<HTML
<br class="mb-2">
<div>
    <a href="#" class="loading-2">谁最可爱</a>
</div>
HTML
                     );
              });
              return $content->header('Toaster');
/*（更多博文，欢迎来我的博客学习交流https://blog.csdn.net/have_a_cat）*/
       }
}

（2）样例使用方法

①在浏览器输入访问地址http://127.0.0.1:8000/admin/toastershows

②点击左侧按钮【谁最可爱】，右侧就会出现Toastr 提示框。

2、带标题Toastr 提示框

Toastr 提示框的关键语句：

Dcat.success("有猫彬 最可爱了~", "我是更可爱的标题");

/*（更多博文，欢迎来我的博客学习交流https://blog.csdn.net/have_a_cat）*/

3、带参数Toastr 提示框

这里的参数指Toastr 提示框自动消失的时间⏱

Toastr 提示框的关键语句：

    Dcat.success("有猫彬 最可爱了~", null, {

        timeOut:9000, /*9000毫秒后自动消失=9秒后自动消失*/

});

四、四种级别Toastr 提示框（success、error、warning、info）

1、success级别Toastr 提示框

Toastr 提示框的关键语句：

    Dcat.success("success:有猫彬 最可爱了~");

2、error级别Toastr 提示框

Toastr 提示框的关键语句：

Dcat.error("error:有猫彬 最可爱了~");

/*（更多博文，欢迎来我的博客学习交流https://blog.csdn.net/have_a_cat）*/

3、warning级别Toastr 提示框

Toastr 提示框的关键语句：

    Dcat.warning("warning:有猫彬 最可爱了~");

4、info级别Toastr 提示框

Toastr 提示框的关键语句：

    Dcat.info("info:有猫彬 最可爱了~");

昨天看了 [寂静之地2]，出影院的时候，走路都静悄悄的😁

                                                              ----2021年6月2日

have_a_cat
关注
专栏目录
Dcat admin 自定义页面初始化
wgchen
04-02 1792
1 先创建个菜单 2 创建路由 3 自定义创建控制器 <?php namespace App\Admin\Controllers; use App\Http\Controllers\Controller; use Dcat\Admin\Layout\Content; use Dcat\Admin\Layout\Row; class ExcePssController extends Controller { public function index(Content $conte
dcat-admin使用地图控件map
向宇
12-25 2509
前言: 官方虽然有地图控件map的使用说明,但是你真的去使用时才会发现他有很多坑,这里我就自己的摸爬滚打跟大家分享一下历程,希望对你有所帮助 开始 先升级dcat为最新版,我现在是2.014版最新 发布时间 2020/12/24 升级方法，逐步执行以下命令 composer remove dcat/laravel-admin composer require dcat/laravel-admin:"2.0.14-beta" php artisan admin:publish --assets --mi
laravel-admin 消息提醒
aftermetyou的博客
01-18 788
① 右上角提示 $order = Orders::where('shop_id', $id) ->where('status', 1) ->get()->toArray(); if (!empty($order)) { admin_toastr('该店铺还有订单未处理，<br>请处...
小技巧：警告框里的文字换行
domino的专栏
01-21 1778
Dcat Admin 教程 - 项目安装与配置
最新发布
gitblog_01088的博客
08-15 410
Dcat Admin 教程 - 项目安装与配置 dcat-admin???? 基于 Laravel 的后台系统构建工具 (Laravel Admin)，使用很少的代码快速构建一个功能完善的高颜值后台系统，内置丰富的后台常用组件，开箱即用，让开发者告别冗杂的HTML代码项目地址:https://gitcode.com/gh_mirrors/dc/dcat-admin 1. 项目目录结构及介绍 Dcat ...
laravel-admin 右上角消息提醒
mlle_123的博客
04-08 2024
1、在bootstrap.php添加 \Encore\Admin\Facades\Admin::navbar(function (\Encore\Admin\Widgets\Navbar $navbar){ $navbar->right(new \App\Admin\Extensions\Nav\Links()); }); 2、在Extensions文件中新建Nav/Links...
基于Dcat Admin开发的SKU增强版插件
Abbotton的博客
07-09 1835
Dcat Admin SKU扩展增强版来啦，传送门直达>> 首先感谢前人的肩膀：https://github.com/lty5240/dcat-easy-sku 以及前人的前人的肩膀：https://github.com/jade-kun/sku 因改动太大，故没有往前面两位大佬的仓库中PR。 如果感觉好用，还请给个Star鼓励一下，谢谢 ???? 。 该插件是 Dcat Admin 的插件，安装方式遵循Dcat Admin官方文档。 默认规格带有图片、库存、价格三个属性，可自行添加属性，自
dcat-form-media:Dcat-admin 表单媒体拓展
05-05
Dcat-admin 表单媒体拓展 预览 表单 动态表单 弹出选择框 环境 PHP >= 7.2.5 Dcat-admin ^2.0 安装 composer 安装 composer require lake/form-media 安装扩展 在 开发工具->扩展 安装本扩展 使用 单图 数据库结构 ...
dcat-iframe-tab:在dcat-admin中使用iframe作为页面架构并发布标签页使页面切换无需刷新
04-29
这个扩展包基于laravel框架和dcat-admin框架，为解决dcat-admin没有自带兼容iframe架构。使用此扩展包可以构建出一个iframe架构并带有标签页管理的后台框架。 功能 双击关闭标签页 当标签页过多时，可通过鼠标滚轮...
Dcat Admin 教程 - 如何从 Laravel admin 迁移到 dcat admin？
jqhph的博客
05-12 2073
迁移步骤 最近发现挺多同学对项目如何从laravel-admin迁移到dcat-admin有疑问，所以下面为大家讲解一下迁移的实操步骤，其实两者用法基本大同小异，需要改动的代码会很少。 大家也可以在这里反馈迁移中遇到的问题，我有时间会一一帮助大家解决。 1.新建一个代码分支 这个步骤不用多解释，大家都明白。如果你用的版本管理软件不是git，也可以把你的代码复制出来作为一个新项目。 2.安装dcat-admin 需要先卸载encore/laravel-admin，并且卸载一切laravel-admin的
dcat-admin 实现省市区三级联动
lyan_6的博客
10-22 1739
先上效果 1.composer require super-eggs/dcat-admin-extensions-distpicker 下载扩展包 2.php artisan admin:import dcat-admin-extensions-distpicker 3.打开扩展 如下图 4. 表单中使用 province_id 省份ID city_id 城市IDdistrict_id区级ID 这些ID可换成自己的 $form->distpick...
dcat-extension-plus:D增强Dcat Admin使用体验！在线简化配置，UI优化，细分扩展
03-07
Dcat Plus 为DcatAdmin后台添加增强配置功能。修改过程利用DcatAdmin自带的admin_setting()方法实现，不会硬编码修改任何配置文件或.env文件。 安装方式 最新支持Dcat Admin 2.0.18beta composer require celaraze/dcat-extension-plus 或者在后台扩展中，直接上传本插件的.zip文件即可。 使用 在菜单扩展中启用扩展后，会自动添加名为增强配置的菜单。 功能 站点标题 站点LOGO 站点微缩LOGO 站点静态资源URL 调试模式 语言切换 移除底部授权 头部边距优化 主题色切换 菜单样式切换（默认，分离，水平） 表单行操作按钮固定最右 表单提交内容自动预备，有效防止XSS等攻击手段。 快速创建选项：表单可用selectCreate()分割类型，是select细分的增强，支持在右侧添加快速创建选
Laravel admin实现消息提醒、播放音频功能
10-16
主要介绍了Laravel admin实现消息提醒、播放音频功能,本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
DcatAdmin后台构建工具 v1.7.1
11-04
为您提供DcatAdmin后台构建工具下载，Dcat Admin是一个基于Laravel-admin二次开发而成的后台构建工具，只需很少的代码即可构建出一个功能完善的高颜值后台系统。支持页面一键生成CURD代码，内置丰富的后台常用组件，开箱即用，让开发者告别冗杂的HTML代码。Dcat Admin后台构建工具特点：用户管理RBAC 权限管理，支持无限极权限节点菜单管理使用 pjax 构建无刷新页面，支持按需加载静态资源，可以无限扩展组件而不
学习Dcat_Admin 小记
zac的博客
06-12 453
dcat_admin的坑小记.
laravel 中Dcat_admin 初步使用记录
NobleCharacter的博客
06-27 1206
laravel 中Dcat_admin 初步使用记录
migrations创建数据表--Dcat-Admin框架实战(一)
have_a_cat的博客
04-09 1416
目录 一、创建数据表 二、编辑数据表内容 三、在MySQL数据库中创建数据表 报错解决(1) 四、验证 一、创建数据表 1、进入项目目录（这里我的项目目录是test10） cd test10 2、创建数据表（这里我的数据表名为hardware_records）（更多博文，欢迎来我的博客学习交流https://blog.csdn.net/have_a_cat） php artisan make:migration create_hardware_records_table --tabl
Dcat-admin
悄悄顽皮的猴头的博客
09-27 1126
<?php namespace App\Admin\Controllers; use App\Admin\Repositories\Room; use App\Http\Controllers\SearchContorller; use Dcat\Admin\Form; use Dcat\Admin\Grid; use Dcat\Admin\Show; use Dcat\Admin\Controllers\AdminController; class RoomController extend.
laravel Dcat admin使用小结
热门推荐
Yokamozs的博客
11-22 1万+
目录 简介 安装 快速开始 简介 Dcat admin 一款基于laravel admin 的二开框架前端主要由jQuery构成，前后端不分离的一套后台管理系统。 官方文档：《Dcat Admin 中文文档》 | Laravel China 社区 安装 在现已有的laravel框架上进行安装。 首先进入项目当中 使用composer来进行安装 composer require dcat/laravel-admin:"2.*" -vvv 之后再进行发布 php artisa..
dcat admin
09-01
Dcat Admin是一个基于Laravel框架的后台管理系统，它提供了丰富的功能和组件来快速构建和管理后台界面。你可以通过以下步骤来安装和使用Dcat Admin： 1. 首先，你需要访问Dcat Admin的中文文档地址，这里会有详细的使用说明和文档。 2. 接下来，你需要进入你的项目目录，可以通过命令行进入 cd test10。 3. 然后，你可以使用Composer来安装Dcat Admin，运行命令 composer require dcat/laravel-admin 。 4. 在安装完成后，你需要手动创建一个MySQL数据库，可以使用命令行登录到MySQL并执行以下命令：mysql -uroot -p，然后输入密码。接着，执行命令 create database dcat_admin; 然后退出MySQL。 5. 最后，你可以启动Dcat Admin，通过命令行进入到项目目录中，然后运行命令 php artisan serve。 这样，你就成功安装和启动了Dcat Admin，可以开始使用它来管理你的后台界面了。请参考Dcat Admin的文档以了解更多详细功能和使用方法。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [零基础安装、启动Dcat-Admin框架](https://blog.csdn.net/have_a_cat/article/details/115354220)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值