ThinkChat🤖让你学习和工作更高效,注册即送10W Token,即刻开启你的AI之旅 广告
> Ubuntu创建文件夹的桌面快捷方式 > > ln -s [绝对路径] ~/桌面/Programs > 如: > > ln -s /home/panda/Programs/ ~/桌面/Programs ***** 1. http://www.thinkphp.cn/topic/50729.html tp5官网论坛下载 2. 成功和失败跳转的方法文件位置: /thinkphp/librarytrais/controller/Jump.php  这个文件中定义了error()和success()方法 成功和失败的页面文件位置:/thinkphp/tpl/dispath_jump.tpl  这个文件中是跳转页面的html代码,成功和失败页面放在一起了! 在公共配置文件中我们可以看到如下配置项     // 默认跳转页面对应的模板文件     'dispatch_success_tmpl'  => THINK_PATH . 'tpl' . DS . 'dispatch_jump.tpl',     'dispatch_error_tmpl'    => THINK_PATH . 'tpl' . DS . 'dispatch_jump.tpl', 这个配置路径告诉我们,配置的跳转页面路径是: /thinkphp/tpl/dispath_jump.tpl ****项目公共配置文件位置:/application/config.php 根据tp5的配置规则:我们可以给前后台台配置各自的跳转页面! 第一步:我们先更改后台跳转页面配置路径,将页面放到后台的视图目录中 application/back/view/tpl/dispatch_jump.html     'dispatch_success_tmpl'  => APP_PATH .'back' . DS.'view'. DS .'tpl' . DS . 'dispatch_jump.html',     'dispatch_error_tmpl'    => APP_PATH .'back' . DS.'view'. DS .'tpl' . DS . 'dispatch_jump.html', 第二步:我们在后台view目录中建个文件夹tpl,在tpl目录中建文件dispatch_jump.html 第三步:写自己的跳转页面。注意此页面需要参考tp5的dispath_jump.tpl              tp5跳转页面中我们可以看到有$code 、$msg 、$url、$wait ,同时我们自己的样式代码也可以写在页面中             $code 是1 识别为用的success方法 为0则是error方法(在Jump.php中可以查看success和error方法)             $msg 是提示信息             $url 是跳转地址             $wait是跳转倒数秒数(默认为3)             所以我们需要保留放置这几个参数的html标签和js代码,当然我们的目的是更改其样式,同时也可以添加图片以及其他标签。         具体更改比较简单,不做详解!         比如:         我们可以更改成功提示的标签 <h1>:)</h1>  为 <h1>成功啦!</h1>         或者改成<img src="__back__/images/success.jpg">标签,同时写对应的样式,失败跳转更改同理! 3首先记录一个 修改tp5的自定义提示信息页面吧。下图是tp默认的,是不是和平常开发的风格有点不合? 接下来我们就自己改一个吧。 首先我们自定义一个信息提示的html页面,我这里用的是搭配layer 的一个小插件弹窗,效果还不错, 然后在config配置文件中配置消息提示模板路径: // 默认跳转页面对应的模板文件 'dispatch_success_tmpl' => APP_PATH . 'public' . DS . 'jump.html', 'dispatch_error_tmpl' => APP_PATH . 'public' . DS . 'jump.html', 我这里是放在后台的视图模板里面。 首页模板页面引用 jquery和layer 两个资源js ,这里就不详细说了。 然后,是模板修改: <!-- * $msg 待提示的消息 * $url 待跳转的链接 * $time 弹出维持时间(单位秒) * icon 这里主要有两个layer的表情,5和6,代表(哭和笑) --> <script type="text/javascript"> (function(){ var msg = '<?php echo(strip_tags($msg));?>'; var iurl = '<?php echo($url);?>'; var wait = '<?php echo($wait);?>'; <?php switch ($code) { case 1: ?> layer.msg(msg,{icon:"6",time:wait*1000}); <?php break; case 0: ?> layer.msg(msg,{icon:"5",time:wait*1000}); <?php break; } ?> setTimeout(function(){ location.href=iurl; },1000) })(); </script> 这里是根据tp5 默认的提示模板模仿修改过来的,相信既然在学tp5了 这点语句应该能看懂。 然后下面提示的消息是结合了 layer的弹窗样式,效果还可以,并且是提示完成3秒后自动跳转的。 当然这个样式可以自己选择,查看layer api文档 里面有提供多种。 记得在 页面前面需要引入layer.js文件额。 <script type="text/javascript" src="/app/static/layer-v3.1.1/layer.js"></script>