我自己写了个简单的模板是这样的

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <style>
  5. div
  6. {
  7. width:230px;
  8. height:230px;
  9. margin:10px;           /* div间距 */
  10. text-align:center;     /*文字水平居中*/
  11. vertical-align: middle;
  12. line-height:230px;                /*line-height must be equal to height 文字垂直居中，与上一行配合与整体高度配合，垂直居中*/
  13. float:left;                    /*div水平分布排列、浮动靠左排列 */
  14. }
  15.  
  16. div:hover/*鼠标指针响应事件*/
  17. {
  18. animation:myfirst 5s;                /* 动画开启、时间为5秒 */
  19. -webkit-animation:myfirst 5s;     /* Safari 和 Chrome */
  20. }
  21.  
  22. @-webkit-keyframes myfirst      /* Safari and Chrome *//*动画流程*/
  23. {
  24. from {background:red; -webkit-transform: rotateY(180deg);}       /*红色、围绕y轴旋转180度 */
  25. to {background:yellow; -webkit-transform: rotateY(360deg);}
  26. }
  27.  
  28. </style>
  29. </head>
  30.  
  31. <body>
  32.  
  33. <div style="background-color:#FF8F59;onclick="window.open">
  34. <a href="http://www.baidu.com" target="_blank">双重定义打开超链接，为什么？
  35. </a>
  36. </div>                              
  37.  
  38. <div style="background-color:#6FB7B7;onclick="window.open('www.baidu.com')">
  39. <a href="http://www.baidu.com" target="_blank">百度</a>
  40. </div>
  41.  
  42. <div style="background-color:#8600FF;onclick="window.open">
  43. <a href="http://www.baidu.com" target="_blank">百度</a>
  44. </div>
  45.  
  46. <div style="background-color:#FFFF93    ;onclick="window.open">
  47. <p><a href="http://v.youku.com/">初级教程</p>
  48. </div>
  49.  
  50. <div style="background-color:#FFD2D2;onclick="window.open">
  51. <p><a href="http://v.youku.com/">初级教程</p>
  52. </div>
  53.  
  54. <div style="background-color:#E0E0E0;onclick="window.open">
  55. <p><a href="http://v.youku.com/">初级教程</p>
  56. </div>
  57.  
  58. <div style="background-color:#FAF4FF;onclick="window.open">
  59. <p><a href="http://v.youku.com/">初级教程</p>
  60. </div>
  61.  
  62. <div style="background-color:#E8E8D0;onclick="window.open">
  63. <p><a href="http://v.youku.com/">初级教程</p>
  64. </div>
  65.  
  66. <div style="background-color:#EBD3E8;onclick="window.open">
  67. <p><a href="http://v.youku.com/">初级教程</p>
  68. </div>
  69.  
  70. <div style="background-color:#CEFFCE;onclick="window.open">
  71. <p><a href="http://v.youku.com/">初级教程</p>
  72. </div>
  73.  
  74. </body>
  75. </html>

我想用thinkPHP把数据添加进来

该怎么办呢。。。

我在看模板引擎手册

先配置一下。。。

$this->display();

看下最基础的东西吧，了解一下它的大概规则

控制器里加入

$name = 'ThinkPHP'; $this->assign('name',$name);

显示页内把{$name}找个地方塞进去

刷新一下

第二个超链接的标签变成thinkphp了

遍历输出

应该是它了

怎么把数据加入进去呢。。。

百度一下

还是看下Volist标签吧

在Action中首先对模版赋值：已经习惯控制器了，至少应该能接触到数据库，这是示范代码

  1. $User = M('User');
  2. $list = $User->select();
  3. $this->assign('list',$list);

大概意思好像是

user的值是从数据库user里获取的

list的值是通过数据库查询得到的

那么，显示出list的值，list是个列表

我的数据库是confluence，第一行语法得改成

$User = M('admin');

我好像没有list，我看看。。。

不知道div行不行，先改下试试

$div = $User->select();

$this->assign('div',$div);

模板里应该添加成

  1. <volist name="div" id="vo">
  2. {$vo.admin}
  3. </volist>

试一下

是这样的一个效果

已经能从数据库里调出循环的数据了，非常好

思路应该是，让调出的数据等于链接标题就好了，再循环一下

  1. <body>
  2. <foreach name="div" item="vo">
  3. <div style="background-color:#FF8F59;onclick="window.open">
  4. <a href="http://www.baidu.com" target="_blank">  {$vo.admin}
  5. </a>
  6. </div>     
  7.  
  8.  </foreach>
  9.  
  10. </body>

减少了好多的代码量啊。。。

颜色改一下

随机的最好

background-color:red

控制器里看看能不能赋值给red，如果能，就可以把它改成变量了吧。。。

$name = 'red';
$this->assign('name',$name);

模板改为

background-color:{$name}

现在模板的颜色可以用控制器控制了

怎么把name变成随机函数呢。。。

定义一下red和blue，但是模板中的随机函数接收不到

{：mt_rand(1,5)}————这行代码会被解析成<?php echo mt_rand(1,5);?>

简单的东西搞复杂了就不好了啊。。。

光一个html看来很无力啊。。。

就这样吧。。。不浪费时间了。。。

thinkphp 模板调用数据的更多相关文章

  1. thinkphp模板调用函数用法

    注意:自定义函数要放在项目应用目录/common/common.php中. 这里是关键. 模板变量的函数调用格式为: {$varname|function1|function2=arg1,arg2,# ...

  2. thinkphp模板中foreach循环没数据的错误解决

    从控制器方法中$this->assign();函数将值传递给html模板 但是模板不显示数据,直接出来的是代码,效果就和html中写了php代码不能解析一样. 原来是我将thinkphp框架的引 ...

  3. thinkPHP 输出及其模板调用（三）

    原文:thinkPHP 输出及其模板调用(三) ThinkPHP 的输出(重点) a.通过 echo 等PHP原生的输出方式在页面中输出 b.通过display方法输出(thinkphp\Home\L ...

  4. (转) ThinkPHP模板自定义标签使用方法

    这篇文章主要介绍了ThinkPHP模板自定义标签使用方法,需要的朋友可以参考下  转之--http://www.jb51.net/article/51584.htm   使用模板标签可以让网站前台开发 ...

  5. [转]thinkphp 模板显示display和assign的用法

    thinkphp 模板显示display和assign的用法 $this->assign('name',$value); //在 Action 类里面使用 assign 方法对模板变量赋值,无论 ...

  6. thinkphp模版调用函数方法

    原文:thinkphp模版调用函数方法 {变量|函数1|函数2|函数3=参数1,参数2,参数3,###} ###为第4个参数,代表变量替换为第4个参数 举例: {$username|substr=0, ...

  7. Thinkphp模板简单入门

    Thinkphp模板概述: ThinkPHP内置了一个基于XML的性能卓越的模板引擎,这是一个专门为ThinkPHP服务的内置模板引擎,使用了XML标签库技术的编译型模板引擎,支持两种类型的模板标签, ...

  8. thinkphp模板常用的方法

    thinkphp模板我是看了3.2的文档,对里面的东西过了一遍,然后在写到需要用到模板的东西的时候就有印象,有的能直接回顾,但是有的就可能只知道有这个东西,但是不知道怎么用,所以就重新查手册,这个的话 ...

  9. 数字IC设计入门必备——VIM自定义模板调用与VCS基本仿真操作示例

    一.前言 毕业论文答辩结束,闲下来写篇文章.芯片研发人员都在Linux系统下借助各种EDA工具和代码语言完成工作,因此提高代码开发效率,熟练运用开发工具是十分必要的.本文讲述VIM编辑神器的veril ...

随机推荐

  1. php 类

    <?php class mysql{ private $host; private $name; private $pass; private $table; private $ut; func ...

  2. 对socket的一点理解笔记

    需要学web service,但是在视频中讲解到了socket套接字编程.以前貌似课上老师有提过,只是没用到也感觉乏味.现在遇到,自己看了些博客和资料.记录一点理解,不知正确与否. 首先说这个名字,叫 ...

  3. Html - Bootstrap Panel面板

    http://v3.bootcss.com/components/#panels Bootstrap Panel面板 <div class="panel panel-default&q ...

  4. Linux系统管理员踢用户的方法

    两种方法:1.使用pkill命令 1.1 通过who 或则 w 查看当前连接的用户 例如: w USER TTY FROM LOGIN@ IDLE JCPU PCPU WHAT jjony pts/0 ...

  5. IM客户端Socks 5代理协议应用

    之前编写的一个基于openfire服务器的即时通讯软件,因为部署环境需要,需要增加代理登录通信的实现.整理了一下相关代理的知识分享一下. 一个基于TCP协议的客户端希望与一个只能通过特定网络节点才可以 ...

  6. BKDRhash实现

    参考了一些有关于哈希算法的博客,里面都有提到BKDR哈希算法,在博客:各种字符串Hash函数中有对各种hash算法进行测试,测试关于哈希冲突,以及散列的质量,得到的结果可以参考以上博文. BKDRha ...

  7. PHP+jQuery 注册模块的改进之三：使用 Smarty3

    Smarty3.1X( 最新版本 3.1.19) 比起Smarty2.x修改了不少特性.我把这个模块使用Smarty3.1.18 ( 下载地址http://www.smarty.net/files/S ...

  8. JNDI学习总结(一)——JNDI数据源的配置

    一.数据源的由来 在Java开发中,使用JDBC操作数据库的四个步骤如下:   ①加载数据库驱动程序(Class.forName("数据库驱动类");) ②连接数据库(Connec ...

  9. Ruby--String

    --全部转为小写:[STR].downcase --全部转为大写:[STR].upcase --仅仅首字母为大写:[STR].capitalize --每个单词首字母为大写:[STR].titleiz ...

  10. 表单序列化 js

    function serliaze(form) { //序列化表单 var obj = {}; $.each(form.serializeArray(), function (index) { if ...