1、效果图

2、修改tp默认跳转模板文件（ /thinkphp/tpl/dispatch_jump.tpl ），将文件中的内容全部替换成下面的内容然后保存即可，注意替换语言包和图片路径

 {__NOLAYOUT__}<!DOCTYPE html>

 <html>

 <head>

     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

     <title>{:__('Warning')}</title>

     <meta name="viewport" content="width=device-width, initial-scale=1.0">

     <link rel="shortcut icon" href="__CDN__/assets/img/favicon.ico" />

     <style type="text/css">

         *{box-sizing:border-box;margin:0;padding:0;font-family:Lantinghei SC,Open Sans,Arial,Hiragino Sans GB,Microsoft YaHei,"微软雅黑",STHeiti,WenQuanYi Micro Hei,SimSun,sans-serif;-webkit-font-smoothing:antialiased}

         body{padding:70px 0;background:#edf1f4;font-weight:400;font-size:1pc;-webkit-text-size-adjust:none;color:#333}

         a{outline:0;color:#3498db;text-decoration:none;cursor:pointer}

         .system-message{margin:20px 5%;padding:40px 20px;background:#fff;box-shadow:1px 1px 1px hsla(0,0%,39%,.1);text-align:center}

         .system-message h1{margin:0;margin-bottom:9pt;color:#444;font-weight:400;font-size:40px}

         .system-message .jump,.system-message .image{margin:20px 0;padding:0;padding:10px 0;font-weight:400}

         .system-message .jump{font-size:14px}

         .system-message .jump a{color:#333}

         .system-message p{font-size:9pt;line-height:20px}

         .system-message .btn{display:inline-block;margin-right:10px;width:138px;height:2pc;border:1px solid #44a0e8;border-radius:30px;color:#44a0e8;text-align:center;font-size:1pc;line-height:2pc;margin-bottom:5px;}

         .success .btn{border-color:#69bf4e;color:#69bf4e}

         .error .btn{border-color:#ff8992;color:#ff8992}

         .info .btn{border-color:#3498db;color:#3498db}

         .copyright p{width:100%;color:#919191;text-align:center;font-size:10px}

         .system-message .btn-grey{border-color:#bbb;color:#bbb}

         .clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:"."}

         @media (max-width:768px){body {padding:20px 0;}}

             @media (max-width:480px){.system-message h1{font-size:30px;}}

     </style>

 </head>

 <body>

 {php}$codeText=$code == 1 ? 'success' : ($code == 0 ? 'error' : 'info');{/php}

 <div class="system-message {$codeText}">

     <div class="image">

         <img src="__CDN__/assets/img/{$codeText}.svg" alt="" width="150" />

     </div>

     <h1>{$msg}</h1>

     {if $url}

         <p class="jump">

             {:__('This page will be re-directed in %s seconds', '<span id="wait">' . $wait . '</span>')}

         </p>

     {/if}

     <p class="clearfix">

         <a href="__PUBLIC__" class="btn btn-grey">{:__('Go back')}</a>

         {if $url}

             <a href="{$url}" class="btn btn-primary">{:__('Jump now')}</a>

         {/if}

     </p>

 </div>

 <div class="copyright">

     <p>Powered by <a href="https://www.fastadmin.net/?ref=jump">FastAdmin</a></p>

 </div>

 {if $url}

     <script type="text/javascript">

         (function () {

             var wait = document.getElementById('wait');

             var interval = setInterval(function () {

                 var time = --wait.innerHTML;

                 if (time <= 0) {

                     location.href = "{$url}";

                     clearInterval(interval);

                 }

             }, 1000);

         })();

     </script>

 {/if}

 </body>

 </html>

over！over！over！

使用fastadmin的页面跳转模板的更多相关文章

  1. tp5 修改自带success或error跳转模板页面

    tp5 修改自带success或error跳转模板页面 我们在使用tp5或者tp3.2的时候,用的成功或者失败跳转提示页面一般是用框架的.在后续开发过程中,根据实际项目需要,也是可以更改的,在此分享一 ...

  2. 关于js单页面实现跳转原理以及利用angularjs框架路由实现单页面跳转

    还记得我们刚开始学习html时使用的锚节点实现跳转吗? <a href="#target">我想跳转至目标位置</a> <p>第一条</p ...

  3. Django auth 登陆后页面跳转至/account/profile，修改跳转至其他页面

    这几天在学习django,django功能很强大,自带的auth,基本可以满足用户注册登陆登出,简单的用户注册登陆系统使用django auth足矣.当然也不是拿来就能用的,需要自己写登陆页面的模板, ...

  4. [转]使用storyboard实现页面跳转，简单的数据传递

    由于最近才接触到IOS,苹果已经建议storyboard来搭建所有界面了,于是我也追随时尚,直接开始使用storyboard.(不料在涉及到页面跳转的时候,遇到的问题是:点击后没有任何反应)众所周知, ...

  5. 使用storyboard实现页面跳转，简单的数据传递

    由于最近才接触到IOS,苹果已经建议storyboard来搭建所有界面了,于是我 也追随时尚,直接开始使用storyboard.(不料在涉及到页面跳转的时候,遇到的问题是:点击后没有任何反应)众所周知 ...

  6. 【转】ThinkPHP 页面跳转

    ThinkPHP 提供了success 与error 方法用于带提示信息的页面跳转,如添加数据后显示提示信息并跳转等.success 方法用于操作成功后的提示,error 用于操作失败后的提示,二者使 ...

  7. 从零开始搭建口袋妖怪管理系统(2)-借助ngRoute实现详情页面跳转

    一.目标 上一次我们用Angular1.x完成了简单的口袋妖怪展示列表页面,现在我们想要了解口袋妖怪更多的信息,但是发现原有单行表格可能容纳不下口袋妖怪的所有信息,所以现在我们需要一个口袋妖怪详情界面 ...

  8. 微信小程序页面跳转方法和携带参数详解

    1.页面跳转方式     (1)标签跳转   open-type的属性值对应api里的用法即wx.的用法   1 <navigator url="/page/navigate/navi ...

  9. MVC 【Razor 视图引擎】基础操作 --页面跳转，传值，表单提交

    ASPX  与  Razor  仅仅是视图不一样. 新建项目----ASP.NET MVC 4 Web 应用程序------选择模板(空).视图引擎(Razor ) 1.视图中 c# 代码  与 HT ...

随机推荐

  1. thttpd源代码解析 定时器模块

    thttpd源代码解析 定时器模块 thttpd是很轻量级的httpserver,可运行文件仅50kB.名称中的第一个t表示tiny, turbo, 或throttling 与lighttpd.mem ...

  2. Hive调优实战

    Hive是将符合SQL语法的字符串解析生成可以在Hadoop上执行的MapReduce的工具. 使用Hive尽量按照分布式计算的一些特点来设计sql,和传统关系型数据库有区别,所以需要去掉原有关系型数 ...

  3. TCP 同步传输：客户端发送，服务器段接收

    1.服务器端程序 可以在TcpClient上调用GetStream()方法来获的链接到远程计算机的网络流NetworkStream.当在客户端调用时,他获的链接服务器端的流:当在服务器端调用时,他获得 ...

  4. 使用kbmmw 的调度事件动态显示时间

    kbmmw 里面提供了强大的事件调度功能,今天简单演示一个使用调度事件在窗体上显示时间. 建立一个新工程. 放上几个控件 在窗体里面引用单元 kbmMWScheduler, 然后添加过程 unit U ...

  5. 开源服务器监控工具 — JavaMelody 类 jvm 内在性能（转）

    开源服务器监控工具 — JavaMelody     JavaMelody它能够监测Java或Java EE应用程序服务器,并以图表的方式显示:Java内存和Java CPU使用情况,用户Sessio ...

  6. Hibernate表关系映射之多对多映射

    一.多对多的实现原理 在数据库中实现多对多的关系,必须使用连接表.也就是用一个独立的表来存入两个表的主键字段,通过遍历这张表来获取两表的关联关系. 而在我们的对象中,多对多是通过两者对象类中互相建立对 ...

  7. Kafka 配置参数汇总及相关说明

    Kafka为broker,producer和consumer提供了很多的配置参数. 了解并理解这些配置参数对于我们使用kafka是非常重要的.本文列出了一些重要的配置参数. 官方的文档 Configu ...

  8. escape() VS encodeURI() VS encodeURIComponent()

    JavaScript中有三个可以对字符串编码的函数,分别是: escape,encodeURI,encodeURIComponent,相应3个解码函数:unescape,decodeURI,decod ...

  9. RBAC打造通用web管理权限

    https://www.cnblogs.com/lamp01/p/6576432.html https://www.imooc.com/learn/799

  10. hdu-4991 Ordered Subsequence(dp+树状数组)

    题目链接: Ordered Subsequence Time Limit: 4000/2000 MS (Java/Others)     Memory Limit: 32768/32768 K (Ja ...