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"}
 <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实现动态跳转的例子就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。

赞 (0)

相关推荐

  • 浅谈thinkphp的nginx配置,以及重写隐藏index.php入口文件方法

    1,心血来潮,把ThinkPHP项目部署到了nginx上,以上是在apache上跑的.突然发现nginx不支持pathinfo功能,难怪在TP中调怎么都没管用. 2,开始上文件了,比网上其他一些杂的好多了: server { listen 80; #listen [::]:80; server_name www.tp.com tp.com; index index.html index.htm index.php default.html default.htm default.php; roo

  • 漂亮的thinkphp 跳转页封装示例

    项目是要一点点按优先级进行优化的,现在到优化thinkphp的跳转页了. <?php if(C('LAYOUT_ON')) { echo '{__NOLAYOUT__}'; } ?> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>跳转中</title> <style> .buffer{ background-color

  • Nginx下ThinkPHP5的配置方法详解

    本文主要给大家介绍了关于Nginx下ThinkPHP5的配置方法,分享出来供大家参考学习,下面话不多说,来一起看看详细的介绍: url里public目录的隐藏 出于安全的考虑,TP5的入口文件改成放在public下了,因为这样的话能防止被恶意用户访问到"/thinkphp/"."/vendor/"等等这些目录下的文件.所以当你以之前的习惯将网站documentroot配置为项目根目录的时候就会需要在url后面加上/public/来访问.当然可能也会有童鞋把入口文件放

  • 解决thinkPHP 5 nginx 部署时,只跳转首页的问题

    在使用tp5时候把它部署到服务器上发现一个奇葩的事情,就是它默认访问config配置的默认页,无论怎么跳转到其他接口都不好使,最终重写了  Nginx 的配置文件解决了这个问题 server{ listen 80; server_name www.XXXX.com; index index.php index.html index.htm; root /var/www/didu; location ~ \.php #原来这个里有"$" 去掉就ok { #fastcgi_pass uni

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

    1.从数据库取数据 在application/模块名/controller/控制器名/方法名中对数据库进行获取,这里为了方便,举例为application/modulea/controller/x/test $result = Db::name('data')->where('uid',session('xx.uid'))->select(); 数据传递 这里可以是标题栏的数据,然后就通过 $this->assign('data', $result); 这种方式可以传递到 applica

  • vue设置动态请求地址的例子

    需求:在开发和生产环境下,请求不同的地址(http or ws),使其置入线上环境,无论是什么域名都不用手动更改请求地址 思路:使前端请求接口地址简单化 上代码:在vuex中设置总的接口地址,然后在生产和开发环境下配置不同的地址 export const configUrl = { url: process.env.API_HOST, ws: process.env.API_WS } 然后在config文件夹中,设置dev.env.js和prod.env.js module.exports =

  • django 控制页面跳转的例子

    如下所示: def delEquipment(request, delip): print delip ip=delip conn= MySQLdb.connect( host='localhost', port = 3306, user='root', passwd='1234567', db ='DEVOPS' ) cursor = conn.cursor() #a = cur.execute("select ip,info,env from machine_info where env=%

  • 在django中实现页面倒数几秒后自动跳转的例子

    实现倒计时跳转要和html中的js结合起来, 例如:实现一个页面简单的注册,然后注册成功后倒计时自动跳转到登录页面. # 注册页面 def register(request): return render(request,"register.html") # 点击注册 def doregister(request): # 获得用户输入的信息,保存到数据库 username=request.GET.get("username") password=request.GE

  • nginx ip黑名单动态封禁的例子

    网站被恶意请求,拉黑IP是重要的手段,如果每次拉黑都要到nginx上配置,未免太low了:我们需要更方便的控制nginx IP黑名单. 1.方案 黑名单持久化到mysql (常见的方案是redis,但不利于控制,如:不同的IP设置不同的有效期.IP的CRUD.统计等等): 通过lua-nginx-module,在nginx中开辟一块内存(lua_shared_dict),lua将黑名单定期从mysql全量刷新至lua_shared_dict: 所有请求,都要到与lua_shared_dict中的

  • layui-select动态选中值的例子

    layui的select在form渲染后,会重新构造一份DOM数据,将原生的select元素隐藏了. 我是使用的vue动态绑定的options,这里绑定v-model就失效了. 我想编辑某行的时候,动态选中select的值. 1.需要改变对应input的显示值. 2.对应新构造的select中的值,layui-this样式标识选中. 那么在table编辑的时候,代码如下: var $div = $("#categoryParentCode").next(); $div.find('.l

  • Apache中使非伪静态url跳转到伪静态url的方法

    如何使用.htaccess使非伪静态页面301跳转到伪静态页面然后再跳转?这是一个比较蛋疼的跳转.因为不小心就会搞成死循环导致页面无法打开.好在问题最终解决了.记录并分享出来,给需要的朋友借鉴借鉴. 规则如下: RewriteRule ^article-([0-9]+).html$ /article.php?id=$1&r=1 [L] RewriteCond %{QUERY_STRING} ^id=([0-9]+)$ [NC] RewriteRule ^article.php$ /article

  • 小程序中使用css var变量(使js可以动态设置css样式属性)

    使用sass,stylus可以很方便的使用变量来做样式设计,其实css也同样可以定义变量,在小程序中由于原生不支持动态css语法,so,可以使用css变量来使用开发工作变简单. 基本用法 基础用法 <!--web开发中顶层变量的key名是:root,小程序使用page--> page { --main-bg-color: brown; } .one { color: white; background-color: var(--main-bg-color); margin: 10px; } .

  • jQuery实现倒计时跳转的例子

    实现代码: 复制代码 代码如下: <html>   <head>   <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />    <title>跳转页面</title>      <script src="jquery.js"></script>    <script la

  • JavaScript 动态生成方法的例子

    复制代码 代码如下: function User(properties){ for(var i in properties){ //遍历该对象的所有属性,并保证其作用于正确 (function(which){ var p=i; which["get"+p]=function(){ //动态生成的方法 return properties[p]; //返回对象的属性值 }; which["set"+p]=function(val){ //动态生成的方法 properti

随机推荐