服务器之家:专注于服务器技术及软件下载分享
分类导航

PHP教程|ASP.NET教程|Java教程|ASP教程|编程技术|正则表达式|C/C++|IOS|C#|Swift|Android|JavaScript|易语言|

服务器之家 - 编程语言 - PHP教程 - thinkphp5使html5实现动态跳转的例子

thinkphp5使html5实现动态跳转的例子

2021-09-06 16:56yu_duan_hun PHP教程

今天小编就为大家分享一篇thinkphp5使html5实现动态跳转的例子,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

1.从数据库取数据

在application/模块名/controller/控制器名/方法名中对数据库进行获取,这里为了方便,举例为application/modulea/controller/x/test

?
1
$result = Db::name('data')->where('uid',session('xx.uid'))->select();

数据传递

这里可以是标题栏的数据,然后就通过

?
1
$this->assign('data', $result);

这种方式可以传递到

?
1
application/modulea/view/x/test.html

volist数据分解

这个test.html可以通过volist进行处理:

?
1
2
3
{volist name="data" id="item_data"}
 <h3>{$item_data}</h3>
{/volist}

此时,$i为默认索引,可以这样用:

?
1
2
3
{volist name="data" id="item_data"}
 <h3>{$i.'='.$item_data}</h3>
{/volist}

action交还控制器

如果html界面需要某种处理,可以直接写个action交给控制器进行跳转就行了。

?
1
<form action="/modulea/x/login"></form>

部分跳转

如果需要部分跳转,则需要使用iframe,比如iframe的src为某个相对网址(首次加载地址),的name是fr

?
1
<iframe src='/modulea/x/test2' name='fr'></iframe>

点击旁边的某个按钮以后,需要进行跳转,所以,要写一个超链接:

?
1
<a href="{:url($item_data['url'])}" rel="external nofollow" target="fr"></a>

注意,此处的target必须要与前面的name一致,此处url也是相对网址,格式为:/模块名/控制器名/方法名。

过程总结:

控制器取数据,取完用assign传给视图,视图用volist进行展示,视图通过action来进行页面跳转。

ps:过滤非法网址:

?
1
2
3
4
$this->user = session('xx');
if(!this->user['uid']){
 return $this->redirect('/modulea/x/login');
}

以上这篇thinkphp5使html5实现动态跳转的例子就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持服务器之家。

原文链接:https://blog.csdn.net/yu_duan_hun/article/details/79129696

延伸 · 阅读

精彩推荐