thinkphp5.1视图绑定数据

1  控制器(application/home/controller/Home.php)

namespace app\home\controller;
use think\Controller;
use think\Db;

class Home extends Controller
{

public function student()
{
$data=Db::query(‘select * from student‘);
$this->assign(‘data‘,$data);
$num=‘aaaaa‘;
$this->assign(‘num‘,$num);
return $this->fetch();
}

}

2 视图层(放在application/home/view/home/student.html)

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>页面赋值</title>
</head>
<body>
<table style="border: 1px solid red">
<tr >
<td>姓名</td>
<td>学号</td>
<td>性别</td>
<td>班级</td>
<td>身份</td>
<td>生日</td>
<td>联系方式</td>
</tr>
<!--volist循环遍历 name 控制器传值的key,标志, value获取的值-->
{volist name=‘data‘ id=‘value‘}
<tr>
<!--{{$value.name}} 值里面包含的字段-->
<td>{$value.name}</td>
<td>{$value.studentid}</td>
<td>{$value.sex}</td>
<td>{$value.class}</td>
<td>{$value.polity}</td>
<td>{$value.birthday}</td>
<td>{$value.birthday}</td>
</tr>
{/volist}
</table>
<h2>{$num}</h2> //单个数据赋值
</body>
</html>

原文地址:https://www.cnblogs.com/wancheng0327/p/10337374.html

时间: 2024-10-27 18:43:49

thinkphp5.1视图绑定数据的相关文章

利用object.defineProperty实现数据与视图绑定

如今比较火的mvvm框架,例如vue就是利用es5的defineProperty来实现数据与视图绑定的,下面我来介绍一下defineProperty的用法. var people= {} Object.defineProperty(people,"name",{ value: 'lin' }) console.log(people.name);//lin 可以看到defineProperty的基本用法就是给一个对象添加一个新属性.上面的代码就是给people对象添加了一个属性name,

201507221403_《backbone之一——新建模型和集合、实例化模型、模型上监听事件的方法、模型设置和获取后台数据、配置理由方法、视图绑定事件的方法、绑定模型等》

一 . 新建 var model_1 = new Backbone.Model({'name':'hello'}); var model_2 = new Backbone.Model({'name':'hi'}); var models = new Backbone.Collection(); models.add( model_1 ); models.add( model_2 ); alert( JSON.stringify(models) ); 二. 实例化模型 var M = Backbo

xamarin.android listview绑定数据及点击事件

前言 listview是用来显示数据列表的一个控件,今天给大家带来如何使用cursor进行数据绑定以及点击事件. 导读 1.如何创建一个listview 2.如何使用cursor进行绑定数据 3.listview的点击事件 正文 1.如何创建一个listview 这里我们自定义一个listview的视图,首先打开Main.axml,拖一个listview放进去. 右击Layout新建一个视图,名为UserListItemLayout.axml,拖两个textview进去,如图 这样我们就完成了一

vue双向绑定(数据劫持+发布者-订阅者模式)

参考文献:https://www.cnblogs.com/libin-1/p/6893712.html 实现mvvm主要包含两个方面,数据变化更新视图,视图变化更新数据. 关键点在于data如何更新view,因为view更新data其实可以通过事件监听即可.我们着重来分析,当数据改变,如何更新视图的. 如何知道数据变了,就是通过Object.defineProperty( )对属性设置一个set函数,当数据改变了就会来触发这个函数,所以我们只要将一些需要更新的方法放在这里面,就可以实现data更

微信小程序绑定数据

视图文件里使用{{}}可以绑定数据,: <image src="{{like?'images/like_on.png':'images/like.png'}}"></image> 再到组件js里定义data数据即可实现数据的绑定 data: { like:true }, 使用组件的时候要遵循封装性,开放性等原则 使用变量保存这两张图片的路径: data: { like:true, yesSrc: 'images/like_on.png', noSrc: 'ima

GridView等表格模板列绑定数据的方法

//绑定GridView每一行中的CheckBoxList protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e) { if (e.Row.RowType == DataControlRowType.DataRow) { CheckBoxList cbl = (CheckBoxList)e.Row.FindControl("ckbCheckBox"); if (cbl != null) {

关于angularJS绑定数据时自动转义html标签

折磨了两天,最后发现答案竟如此简单,不过辛苦还是值得的,毕竟为了弄明白这一点又学习了更多代码. angularJS在进行数据绑定时默认是会以文本的形式输出,也就是对你数据中的html标签不进行转义照单全收,这样提高了安全性,防止了html标签中的注入攻击,但有些时候还是需要的,特别是从数据库读取带格式的文本时,无法正常的显示在页面中. 而要对html进行转义,则要在数据绑定的html标签中使用ng-bind-html属性,该属性依赖与$sanitize,也就是需要引入angular-saniti

【 D3.js 入门系列 — 2 】 绑定数据和选择元素

1. 如何绑定数据 D3 有一个很独特的功能:能将数据绑定到 DOM 上,也就是绑定到文档上.这么说可能不好理解,例如网页中有段落元素<p>,我们可以将整数 5 与 <p>绑定到一起. D3 中是通过 data() 和 datum() 函数来绑定数据的,最常用的是 data(). 现有如下 HTML 代码: <p>Hello World 1</p> <p>Hello World 2</p> <p>Hello World 3

关于JQuery中$.data绑定数据原理或逻辑

问题: JQuery中,对于.data([key],[value])函数,当使用其进行数据绑定时,假设要绑定的数据是“引用数据类型”,也就是对象:那么.data函数绑定的是该对象的副本还是该对象的一个引用?下面通过以下小例子来测试下: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Test<