欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  后端开发

阐述在Yii2上实现跳转提示页

程序员文章站 2022-04-30 21:22:32
...

序言

为了让用户有更加良好的体验,在操作成功或者失败后,来个提示并跳转页面,我就在Yii2上实现了这一个效果。在写这个跳转提示页的时候,找资料我发现网上关于这方面的中文资料真的很少,大家也都共享下吧!

需求分析

1、用户在操作成功或者失败后,来个提示并跳转页面。2、使用这种方式$this->success(),$this->error()调用(仿造Yii2自带 $this->render()加载页面的方式)。

效果图

样式有点丑,但是功能是好的,要是不喜欢这样式大家可以自行美化一下!

代码分析

1、在控制器的基类Controller.php里边增加两个方法,这么写:

/**     * 通用成功跳转       * @param unknown $url 成功后跳转的URL     * @param number $sec 自动跳转秒数     * @return Ambigous      */     public function success($url= [] ,$sec = 3){          $url= empty($url)? ['/admin/main']: $url;        $url= /yii/helpers/Url::toRoute($url);        return $this->renderPartial('../base/msg',['gotoUrl'=>$url,'sec'=>$sec]);    }       /**     * 通用错误跳转     * @param string $msg 错误提示信息     * @param number $sec     * @return Ambigous      */    public function error($msg= '',$sec = 3){        return $this->renderPartial('../base/msg',['errorMessage'=>$msg,'sec'=>$sec]);    }

2、在loginviewsbase的下面建立一个命名为msg.php的页面,代码如下:

'.$errorMessage.'

';?> 恭喜!操作成功!

该页将在3秒后自动跳转!

立即跳转 返回上一页

3、完成以上步骤之后就可以在login模块下的控制器里边直接调用了,调用方式如下:

成功的调用方式: return $this->success([‘/site/login’]);

失败的调用方式: return $this->error(‘数据修改失败!’);

常见问题

1、跳转提示的JS写在如下我注释的地方了,写在那的话就不起作用了,得写在外面才行。

 beginBlock('JUMP_JS')?>        (function(){           //跳转提示的JS写在这了。不能写在这,写在这里就不起作用了。         });endBlock();        $this->registerJs($this->blocks['JUMP_JS'],/yii/web/view::POS_END);?>