1、效果图

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

  1.  {__NOLAYOUT__}<!DOCTYPE html>
  2.  <html>
  3.  <head>
  4.      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5.      <title>{:__('Warning')}</title>
  6.      <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.      <link rel="shortcut icon" href="__CDN__/assets/img/favicon.ico" />
  8.      <style type="text/css">
  9.          *{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}
  10.          body{padding:70px 0;background:#edf1f4;font-weight:400;font-size:1pc;-webkit-text-size-adjust:none;color:#333}
  11.          a{outline:0;color:#3498db;text-decoration:none;cursor:pointer}
  12.          .system-message{margin:20px 5%;padding:40px 20px;background:#fff;box-shadow:1px 1px 1px hsla(0,0%,39%,.1);text-align:center}
  13.          .system-message h1{margin:0;margin-bottom:9pt;color:#444;font-weight:400;font-size:40px}
  14.          .system-message .jump,.system-message .image{margin:20px 0;padding:0;padding:10px 0;font-weight:400}
  15.          .system-message .jump{font-size:14px}
  16.          .system-message .jump a{color:#333}
  17.          .system-message p{font-size:9pt;line-height:20px}
  18.          .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;}
  19.          .success .btn{border-color:#69bf4e;color:#69bf4e}
  20.          .error .btn{border-color:#ff8992;color:#ff8992}
  21.          .info .btn{border-color:#3498db;color:#3498db}
  22.          .copyright p{width:100%;color:#919191;text-align:center;font-size:10px}
  23.          .system-message .btn-grey{border-color:#bbb;color:#bbb}
  24.          .clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:"."}
  25.          @media (max-width:768px){body {padding:20px 0;}}
  26.              @media (max-width:480px){.system-message h1{font-size:30px;}}
  27.      </style>
  28.  </head>
  29.  <body>
  30.  {php}$codeText=$code == 1 ? 'success' : ($code == 0 ? 'error' : 'info');{/php}
  31.  <div class="system-message {$codeText}">
  32.      <div class="image">
  33.          <img src="__CDN__/assets/img/{$codeText}.svg" alt="" width="150" />
  34.      </div>
  35.      <h1>{$msg}</h1>
  36.      {if $url}
  37.          <p class="jump">
  38.              {:__('This page will be re-directed in %s seconds', '<span id="wait">' . $wait . '</span>')}
  39.          </p>
  40.      {/if}
  41.      <p class="clearfix">
  42.          <a href="__PUBLIC__" class="btn btn-grey">{:__('Go back')}</a>
  43.          {if $url}
  44.              <a href="{$url}" class="btn btn-primary">{:__('Jump now')}</a>
  45.          {/if}
  46.      </p>
  47.  </div>
  48.  <div class="copyright">
  49.      <p>Powered by <a href="https://www.fastadmin.net/?ref=jump">FastAdmin</a></p>
  50.  </div>
  51.  {if $url}
  52.      <script type="text/javascript">
  53.          (function () {
  54.              var wait = document.getElementById('wait');
  55.              var interval = setInterval(function () {
  56.                  var time = --wait.innerHTML;
  57.                  if (time <= 0) {
  58.                      location.href = "{$url}";
  59.                      clearInterval(interval);
  60.                  }
  61.              }, 1000);
  62.          })();
  63.      </script>
  64.  {/if}
  65.  </body>
  66.  </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. db2 命令

    很久没有些博客了.把以前用到的操作 DB2 的命令发表下可能有很多人已经发布了.就当是自己做下功课吧,以备有用之需. 1. 打开命令行窗口 #db2cmd 2. 打开控制中心 # db2cmd db2 ...

  2. 功能强大的Xcode辅助工具Faux Pas：帮你找到各种隐形的bug

    本文转载至 http://www.cocoachina.com/industry/20140804/9307.html Faux Pas(Beta版下载地址)是一个Xcode辅助工具,用以检查Xcod ...

  3. iOS开发之加载、滑动翻阅大量图片优化解决方案

    本文转载至 http://mobile.51cto.com/iphone-413267.htm 今天分享一下私人相册中,读取加载.滑动翻阅大量图片解决方案,我想强调的是,编程思想无关乎平台限制.我要详 ...

  4. gdb coredump的使用

    1 出现core dump时最好的办法是使用gdb查看coredump文件 2 使用的条件 出现问题的代码,系统,所有涉及的代码都应该一起编译,然后得到符号表,这样加载符号表,使用coredump文件 ...

  5. 在MFC中使用大漠插件

    打开Class Wizard,Add Class...->MFC Class From TypeLib... File->Location->>> Finish-> ...

  6. [SCOI2009] 最长距离

    题目描述 windy有一块矩形土地,被分为 NM 块 11 的小格子. 有的格子含有障碍物. 如果从格子A可以走到格子B,那么两个格子的距离就为两个格子中心的欧几里德距离. 如果从格子A不可以走到格子 ...

  7. 关于indexOf的使用

    今天项目中出现一个bug,在筛选数据的时候出现了冗余数据,查找发现在indexOf方法判断的时候找到了问题的所在. package demo; public class test { public s ...

  8. 6.JS输出

    JavaScript 通常用于操作 HTML 元素. ① document.getElementById(id),可以访问某个 HTML 元素 请使用 "id" 属性来标识 HTM ...

  9. ZFIND_ENHANCEMENT(找增强点-新)

    REPORT ZFIND_ENHANCEMENT. *&-------------------------------------------------------------------- ...

  10. 常用的ES6

    1 let 和 const 作用域: 只在声明指令的块级作用域内有效.① let所声明的变量可以改变,值和类型都可以改变,没有限制. let a = 123 a = 456 // 正确,可以改变 le ...