• Thinkphp回顾(五)之前台模板中的基本语法


     

    一、导入CSSJS文件 的三种方式  (了解)

    1link方式(常规)

    <link rel=’stylesheet’ type=’text/css’ href=’__PUBLIC__/Js/test.css/> <script src='__PUBLIC__/Js/test.js'></script>

    //导入Public文件夹下面的Js目录中的test.js文件Css文件夹下的test.css文件

    2.import

     

    <import type='js' file='Js.test' />

     //导入Public文件夹下面的Js目录中的test.js文件,import标签可以省略type属性,默认就是Public文件夹下的Js文件夹,且默认是js文件。

    <import type='css' file='Css.test' />

    //可以更改默认文件夹 设置basepath属性

    <import type='js' file='Js.my' basepath='./Other'/>

     

    3.load

    //方法可以自动检测导入的文件类型

    <load href='__PUBLIC__/Js/test.js' />
    
    <load href='__PUBLIC__/Css/test.css' />

    二、分支结构

    在前天模板上if else等都是以标签形式存在的(重点)

    1if($age<18) {

    未成年

          }elseif($age=18){

      青春期

    }else{

    成年

         }

    在前台模板中的代码如下:

    <if condition='$age lt 18'>
    
    未成年
    
    <elseif  condition='$age eq 18'/>
    
    青春年少
    
    <else />
    
    成年
    
    </if>

    解析:condition就是if的条件,注意if是个双标签,而elseelseif是个单标签,另外大家会发现我们用eq代替了等于,lt代替了小于因为在前天模板中是不能用=<这些的,下面是详细的替代方式,都是以英文简写形式的,

    >   gt      // greater than
    
    <   lt //less than
    
    ==  eq //equal
    
    <=  elt      // equal less than
    
    >=  egt //equal  greater than
    
    !=  neq //not equal
    
    === heq   //恒等于的h理解为汉语恒的首字母比较好理解,其实h是一个非常负载的单词,随意我们就不写了。
    
    !== nheq   //no
    

      

    同理得switch的用法,name中的值也就是switch中那个要变的值 

    <switch name='number'>
    
    <case value='1'>一个和尚挑水吃</case>
    
    <case value='2'>两个和尚台水吃</case>
    
    <case value='3'>三个和尚没水吃</case>
    
    <default/> 这里是默认值
    
    </switch>

    三、循环结构(重点)

    1.for

    下面的for语句相当于for($i=0;$i<10;1++){  $j   abc  }

    <table border='1' width='500'>
    
    <for start='0' end='10' name='i' step='1' comparison='lt'>
    
    <tr><td>{$i}</td><td>abc</td></tr>
    
    </for>
    
    </table>

    解析:1tartend不用说,也就是起始值和结束值;name值默认为i,在下面打上$i可以直接输出输出的序号值,从0开始2step是间隔多少的意思,里面的值为正,则为几++,为负则为几——;   3comparison中的值是for语句里第二句的符号,也就是小于号; 2.volist

    <volist name='list' id='v'>
    
    {$v.username}<br/>
    
    </volist>

    volist循环输出从后台传来的list值,然后再这里命名为v,在下面用$v.名称,输出对应的值。

    3.foreach

    <foreach name='list'  item='v'  key='k'>
    
    {$k}-------{$v}<br/>
    
    </foreach>

    Foreach同上,只不过重新存为数组用item命名,key为键值。

    四、特殊标签

    1、比较标签

    eq或者 equal 等于 

    neq 或者notequal 不等于 

    gt 大于 

    egt 大于等于 

    lt 小于 

    elt 小于等于 

    heq 恒等于 

    nheq 不恒等于 

     

    2.范围标签

    in      

    <in name='n' value='9,10,11,12'>在这些数字里面<else/>不在这些数字的范围内</in>
    
    <notin name='n' value='9,10,11,12'>在这些数字里面<else/>不在这些数字的范围内</in>

    between

    <notbetween name='n' value='1,10'>{$n}在1-10之间<else/>{$n}不在1到10之间</between>

    3.present(3-7了解)

    标签来判断模板变量是否已经赋值,

    <present name='m'>m有赋值<else/>m没有赋值</present>

    4.empty

    empty标签判断模板变量是否为空,

    <empty name='n'>n为空赋值<else/>n有值</empty>

    5.defined 

    判断常量是否已经定义,成功返回里面的内容

     

     <defined name="NAME">NAME常量已经定义</defined>

     

    6.define

    在模板中定义常量

     <define name="变量名"value="值"/>

     

    7.assign

    模板中变量赋值

      <assign name="var" value="123" />
    

     

      

    五、其他标签使用

    1、在模板中直接使用PHP代码,在模板中用<php></php>之间可以直接写php代码

    <php> echo "可以直接写php代码" </php>
    

      

     

     

  • 相关阅读:
    elemen-ui表格多选,分页保持勾选状态的实现
    element-ui中的change事件传递多个参数的方法
    vue中访问不存在路由默认跳转404页面实现方法
    IntelliJ IDEA 汉化包
    vue 移动端项目用手机预览调试
    vue 中使用 rem
    vue中配置axios.js文件,发送请求
    vue中axios的使用
    爬楼梯
    不同路径
  • 原文地址:https://www.cnblogs.com/ysjChinesePHP/p/3861474.html
Copyright © 2020-2023  润新知