thinkphp5使html5实现动态跳转

从数据库取数据
数据传递
volist数据分解
action交还控制器
部分跳转
过程总结

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"}<h3>{$item_data}</h3>
{/volist}

此时，$i为默认索引，可以这样用：

{volist name="data" id="item_data"}<h3>{$i.'='.$item_data}</h3>
{/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'])}" 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实现动态跳转相关推荐

DEDEv5.6跳转网址修改成直链地址而非动态跳转
因为之前DEDE技术吧站长用织梦DEDECMSv5.6做了个网址导航站(站长导航 www.97644.com),而当时完工的时候虽然基本都做得差不多了,也做了伪静态,做了伪静态之后的列表也地址如(ht ...
html选择本地文件视频并播放器,使HTML5视频播放器播放不同的文件(Make a HTML5 video player play a different file)...
使HTML5视频播放器播放不同的文件(Make a HTML5 video player play a different file) 在播放视频时,我无法让HTML5播放器播放不同的视频,我尝试更改 ...
定义视频尺寸html,使HTML5视频海报与视频本身尺寸相同
有谁知道如何调整HTML5视频海报的大小,使其适合视频本身的确切尺寸?使HTML5视频海报与视频本身尺寸相同这里是代码: HTML: CSS: video{ border:1px solid r ...
HTML5 实现动态爱心网页代码
HTML5 实现动态爱心网页代码表白女朋友找不到合适的方法?可以试一试动态爱心网页,带你升华感情,一步步走上人生巅峰. 代码如下: <!doctype html> <html> ...
html5拓扑图图入门,如何使用HTML5 Canvas动态的绘制拓扑图
如何使用HTML5 Canvas动态的绘制拓扑图使用HTML5 Canvas动态的绘制拓扑图: HTML5中引入新的元素canvas,其drawImage 方法允许在 canvas 中插入其他图像( ...
html视频播放完自动跳转,在html5视频中跳转到currentTime后自动播放
我试图创建一个视频,该视频在点击按钮后跳转到视频后从视频中的某个点自动播放.我拥有它,以便视频跳到现场,但我无法弄清楚如何从那里自动播放.我是新来的JavaScript,我想可能有一个简单的解决方案, ...
【CSON原创】HTML5字体动态粒子效果发布
功能说明: 输入字体,按确定后,右侧画布出现字体的动态粒子效果. 效果预览: 输入显示内容: 实现分析: 之前看过hongru的事情没有想象中那么难--JX官网首页3D粒子效果,和当耐特砖家的HTML ...
html粒子效果原理,HTML5字体动态粒子效果
功能说明: 输入字体,按确定后,右侧画布出现字体的动态粒子效果. 效果预览: 详见:http://www.cnblogs.com/Cson/archive/2012/04/02/2429734.htm ...
thinkPHP5.0中使用header跳转没作用
我在controller中的方法中这样写: header("Location:".$url); 但是一直没动静,不会跳转,最后还是官方文档解决了 https://www.kancl ...