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


Posted in PHP onOctober 16, 2019

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'])}" 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实现动态跳转的例子就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

PHP 相关文章推荐
Extended CHM PHP 语法手册之 DIY
Oct 09 PHP
十天学会php之第九天
Oct 09 PHP
php allow_url_include的应用和解释
Apr 22 PHP
PHP最常用的ini函数分析 针对PHP.ini配置文件
Apr 22 PHP
php获取操作系统语言代码
Nov 04 PHP
PHP解析RSS的方法
Mar 05 PHP
PHP中SESSION的注销与清除
Apr 16 PHP
Smarty使用自定义资源的方法
Aug 08 PHP
php发送http请求的常用方法分析
Nov 08 PHP
Laravel中前端js上传图片到七牛云的示例代码
Sep 04 PHP
laravel 关联关系遍历数组的例子
Oct 10 PHP
Laravel 5.5 异常处理 &amp; 错误日志的解决
Oct 17 PHP
Thinkphp5 如何隐藏入口文件index.php(URL重写)
Oct 16 #PHP
在thinkphp5.0路径中实现去除index.php的方式
Oct 16 #PHP
laravel5.0在linux下解决.htaccess无效和去除index.php的问题
Oct 16 #PHP
laravel实现上传图片,并且制作缩略图,按照日期存放的代码
Oct 16 #PHP
修改Laravel自带的认证系统的User类的命名空间的步骤
Oct 15 #PHP
解决Laravel自定义类引入和命名空间的问题
Oct 15 #PHP
laravel 如何实现引入自己的函数或类库
Oct 15 #PHP
You might like
PHP 显示客户端IP与服务器IP的代码
2010/10/12 PHP
php中批量删除Mysql中相同前缀的数据表的代码
2011/07/01 PHP
thinkphp5实现微信扫码支付
2019/12/23 PHP
如何实现动态删除javascript函数
2007/05/27 Javascript
读jQuery之四(优雅的迭代)
2011/06/20 Javascript
JS操作Cookies包括(读取添加与删除)
2012/12/26 Javascript
使用js判断当前时区TimeZone是否是夏令时
2014/02/23 Javascript
jQuery中:enabled选择器用法实例
2015/01/04 Javascript
js对象的复制继承实例
2015/01/10 Javascript
JS跨域解决方案之使用CORS实现跨域
2016/04/14 Javascript
JavaScript中${pageContext.request.contextPath}取值问题及解决方案
2016/12/08 Javascript
ionic cordova一次上传多张图片(类似input file提交表单)的实现方法
2016/12/16 Javascript
HTML的select控件美化
2017/03/27 Javascript
JavaScript瀑布流布局实现代码
2017/05/06 Javascript
Three.js中网格对象MESH的属性与方法详解
2017/09/27 Javascript
详解vue项目打包后通过百度的BAE发布到网上的流程
2018/03/05 Javascript
ES6 系列之 WeakMap的使用示例
2018/08/06 Javascript
js字符串处理之绝妙的代码
2019/04/05 Javascript
JS实现随机抽取三人
2019/11/06 Javascript
Python接收Gmail新邮件并发送到gtalk的方法
2015/03/10 Python
Django实现从数据库中获取到的数据转换为dict
2020/03/27 Python
Python 字典中的所有方法及用法
2020/06/10 Python
Flask中sqlalchemy模块的实例用法
2020/08/02 Python
HTML5中canvas中的beginPath()和closePath()的重要性
2018/08/24 HTML / CSS
突袭HTML5之Javascript API扩展3—本地存储全新体验
2013/01/31 HTML / CSS
ParcelABC西班牙:包裹运送和快递服务
2019/12/24 全球购物
Java基础面试题
2012/11/02 面试题
电子商务专业毕业生工作推荐信
2013/11/17 职场文书
项目资料员岗位职责
2013/12/10 职场文书
毕业生找工作的求职信范文
2013/12/24 职场文书
教学质量评估实施方案
2014/03/17 职场文书
接待员岗位职责
2015/02/13 职场文书
《暗黑破坏神2:重制版》本周进行第一轮A测 目前可官网进行申请报名
2021/04/07 其他游戏
纯html+css实现Element loading效果
2021/08/02 HTML / CSS
十大最强格斗系宝可梦,超梦X仅排第十,第二最重格斗礼仪
2022/03/18 日漫
Springboot集成kafka高级应用实战分享
2022/08/14 Java/Android