温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

如何在thinkphp5中使用html5实现动态跳转

发布时间:2021-02-17 11:48:21 来源:亿速云 阅读:234 作者:Leah 栏目:开发技术

本篇文章为大家展示了如何在thinkphp5中使用html5实现动态跳转,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。

1.从数据库取数据

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

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

数据传递

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

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

这种方式可以传递到

application/modulea/view/x/test.html

volist数据分解

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

{volist name="data" id="item_data"}
 <h4>{$item_data}</h4>
{/volist}

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

{volist name="data" id="item_data"}
 <h4>{$i.'='.$item_data}</h4>
{/volist}

action交还控制器

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

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

部分跳转

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

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

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

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

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

过程总结:

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

ps:过滤非法网址:

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

上述内容就是如何在thinkphp5中使用html5实现动态跳转,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注亿速云行业资讯频道。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI