宝哥软件园

thinkPHP5(TP5)实现改写跳转提示页面的方法

编辑:宝哥软件园 来源:互联网 时间:2021-09-03

本文实例讲述了thinkPHP5(TP5)实现改写跳转提示页面的方法。分享给大家供大家参考,具体如下:

大家都知道射击练习(同目标射弹)框架一直以来的执行成功和失败的页面都不是特别的好看,不过这样也给了开发者一个不错的选择我们可以根据自己的喜好去改写这个跳转提示的页面

我使用的是Tp5框架,Tp5的跳转提示页面的改写和Tp3的有异曲同工之妙,首先还是先看一下射击练习(同目标射弹)框架中自带的跳转提示页面的代码吧,我直接贴上了:

{__NOLAYOUT__}!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' head meta http-equiv=' Content-Type ' Content=' text/html;charset=utf-8'/title跳转提示/title style type=' text/CSS ' * { padd : 0;保证金: 0;} body { background : # ffffont-family : ' Microsoft Yahei ',' Helvetica Neue ',Helvetica,Arial,无衬线;color : # 333 font-size : 16px;} .系统消息{ padding: 24px 48px }。系统消息h1 { font-size : 100 px字体粗细:正常;线高: 120像素;边距-底部: 12px} .系统消息。跳转{ padding-top : 10px;} .系统消息。跳转a { color: # 333}。系统消息。成功。系统消息。错误{行高: 1.8 emfont-size : 36px} .系统消息。详细信息{ font-size : 12px线高: 20px页边距-top : 12px;显示器:无;}/style/head body div class=' system-message '?服务器端编程语言(Professional Hypertext Preprocessor的缩写)开关($code) {?服务器端编程语言(Professional Hypertext Preprocessor的缩写)案例1:h1:)/h1 p类='成功?PHP echo(strip _ tags($ msg));/p?php break?服务器端编程语言(Professional Hypertext Preprocessor的缩写)案例0:h1:(/h1 p class='error '?PHP echo(strip _ tags($ msg));/p?php break?php }?p class='detail'/p p class='jump '页面自动a id='href' href='?PHP echo($ URL);'rel='外部' nofollow '跳转/a等待时间:b id='等待?PHP echo($ wait);/p /div脚本类型=' text/JavaScript '(function(){ var wait=document。getelementbyid(' wait '),href=document。getelementbyid(' href ').href var interval=setInterval(function(){ var time=-wait。innerhtmlif(时间=0){ location。href=hrefclearInterval(区间);};}, 1000);})();/脚本/正文/html下面进行改写,首先钢性铸铁的东西都可以直接删掉,那个几乎没有什么作用,忘了说了我使用的替换的跳转提示的是层插件,这个插件做的还是不错的,官网:http://layer.layui.com/,想看的请同志们左拐

1.下载层插件,进行解压,解压之后的文件包如下:

解压之后包含这三个主要的文件,其中我们需要引入到文件中的是layer.js

但是千万不要忘记引入了jquery.js

然后大家看射击练习(同目标射弹)原来的代码中几行比较重要的代码:

p类='成功?PHP echo(strip _ tags($ msg));/p?PHP echo($ URL);PHP echo($ wait);这三点分别是提示信息,跳转路径,等待时间

有了这几个就可以了,改写的时候使用隐藏域的手手法,利用隐藏域将需要获得信息通过jquery的形式获取,然后插入到下面的射流研究…中:

脚本类型=' text/JavaScript '(function(){ layer。open({ content : msg,yes: function(index,layero)){//do某物layer。收盘(指数);//如果设定了是回调,需进行手工关闭} });var wait=文档。getelementbyid(' wait '),href=document。getelementbyid(' href ').href var interval=setInterval(function(){ var time=-wait。innerhtmlif(时间=0){ location。href=hrefclearInterval(区间);};}, 1000);})();/scriptvar msg=$('#msg ').val();提示信息var url=$('#url ').val();跳转urlvar wait=$('#wait ').val();等待时间改写后的js:

脚本类型=' text/JavaScript '(function(){ var msg=$(' # msg ')。val();var url=$('#url ')。val();var wait=$('#wait ')。val();layer.open({ content: msg,yes: function(index,layero){ //do某物location.href=urllayer.close(索引);//如果设置了yes回调,需要手动关闭} });})();/script我这里没有使用自动跳转,而是手动点击跳转,所以下面的计时器直接被删除了,这并没有影响

就这样,重写成功了

更多对thinkPHP感兴趣的读者可以查看本网站专题:《ThinkPHP入门教程》、《thinkPHP模板操作技巧总结》、《ThinkPHP常用方法总结》、《codeigniter入门教程》、《CI(CodeIgniter)框架进阶教程》、《Zend FrameWork框架入门教程》、《PHP模板技术总结》、0103010。

希望本文对基于ThinkPHP框架的PHP编程有所帮助。

更多资讯
游戏推荐
更多+