ThinkPHP5.1框架页面跳转及修改跳转页面模版示例

程序员文章站 2022-11-15 22:06:30

本文实例讲述了thinkphp5.1框架页面跳转及修改跳转页面模版。分享给大家供大家参考，具体如下：对应的控制器创建对应的html 比如： admin(模块)/l...

本文实例讲述了thinkphp5.1框架页面跳转及修改跳转页面模版。分享给大家供大家参考，具体如下：

对应的控制器创建对应的html

比如：

admin(模块)/lpp(控制器)/index(方法)

对应的html文件：

view->lpp->index.html

1.index.html布局

<form action="{:url('bbc')}" method="post">
<h3>用户登录界面</h3>
<p>username：
<input name="username" type="text" id="001"/>
 </p>
<p>password：
  <input name="password" type="password" id="002"/>
</p>
<p>
  <input type="submit" value="登录"/>
  <input type="reset" value="取消">
</p>
</form>

2.index()方法：

public function index(){
  //加载页面
  return view();
}

index.html输入内容后跳转处理数据的方法

//跳转后处理的方法
public function bbc(){
  //接受数据 （在url中不可以被别人看见）
  $username = $_post['username'];
  $password = $_post['password'];
  //判断输入的信息
  if ($username == 'admin' && $password == 'admin'){
    //跳转地址未设置时，默认返回上一个页面
    $this->success('登录成功！','index/diaoyong');
  }else{
    $this->error('信息有误！');
  }
}

3.修改跳转页面的模版

a、在app.php文件里面找到设置模版位置

b、文件目录

c:\wamp\www\tp5\thinkphp\tpl\dispatch_jump.tpl

c、跳转方法给模版页面的数据

echo $code."<hr>"; --返回的状态码 1成功 0失败
echo $msg."<hr>";  --页面的提示信息
echo $wait."<hr>"; --等待的时间
echo $url."<hr>";  --制定跳转页面 默认返回上一个页面
echo $data."<hr>"; --用户返回的数据

d、跳转页面模版修改

c:\wamp\www\tp5\thinkphp\tpl\dispatch_jump.tpl

<?php switch ($code) {?>
  <?php case 1:?>
  <img src="/static/xiao.jpg" alt="">
  <h1>:)</h1>
  <p class="success"><?php echo(strip_tags($msg));?></p>
  <?php break;?>
  <?php case 0:?>
  <img src="/static/ku.jpg" alt="">
  <h1>:(</h1>
  <p class="error"><?php echo(strip_tags($msg));?></p>
  <?php break;?>
<?php } ?>

图片位置：/static/xiao.jpg 和 /static/ku.jpg

e、自建模版

success.tpl

error.tpl

例如：error.tpl

<!doctype html>
<html lang="en">
<head>
<meta charset=utf-8" />
<title>错误！</title>
<link rel="stylesheet" href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="external nofollow" >
</head>
<body>
    <div class="container">
    <div class="col-md-4"></div>
    <div class="col-md-4">
    <div class="panel panel-primary">
      <div class="panel-heading">
        <?php echo $msg?>
      </div>
      <div class="panel-body">
        <img src="/static/ku.jpg" alt="" width="100%">
      </div>
      <div class="panel-footer">
        <p class="jump">
          页面自动 <a id="href" href="<?php echo($url);?>" rel="external nofollow" >跳转</a> 等待时间： <b id="wait"><?php echo($wait);?></b>
        </p>
      </div>
    </div>
  </div>
  </div>
  <script type="text/javascript">
  (function(){
    var wait = document.getelementbyid('wait'),
      href = document.getelementbyid('href').href;
    var interval = setinterval(function(){
      var time = --wait.innerhtml;
      if(time <= 0) {
        location.href = href;
        clearinterval(interval);
      };
    }, 1000);
  })();
  </script>
</body>
</html>

图片预览：

ThinkPHP5.1框架页面跳转及修改跳转页面模版示例

更多关于thinkphp相关内容感兴趣的读者可查看本站专题：《thinkphp入门教程》、《thinkphp模板操作技巧总结》、《thinkphp常用方法总结》、《codeigniter入门教程》、《ci(codeigniter)框架进阶教程》、《zend framework框架入门教程》及《php模板技术总结》。

希望本文所述对大家基于thinkphp框架的php程序设计有所帮助。

上一篇：在实例中重学JavaScript事件循环

下一篇： jQuery :first选择器使用介绍

ThinkPHP5.1框架页面跳转及修改跳转页面模版示例

AngularJS页面带参跳转及参数解析操作示例