ThinkPHP学习总结（前端部分）

输出变量

在后台给出的接口文档中，会给出数据模版变量输出的变量名，及数据格式和含义。

需要区分输出的变量是否为关联数组
关联数组与JavaScript中的对象用法很相似，但是直接在html或者js中获取整个关联数组会报错，只能获取关联数组中具体某个键对应的值，或者后台将关联数组进行json转换，才能正常获取整个输出变量

使用方法：

 <!--字符串{$name}=<?php echo $name; ?>
--><p>名字是{$name}</p><!--数字--><p>年龄是{$age}</p><!--关联数组--><p>要去的地方是：{$target.palace}</p><!--与vue插值方式类似只不过vue用{{变量名}}，thinkPHP用{$变量名}--><script>//输出变量为json字符串需要转换成对象var obj = JSON.parse(output)</script>

循环输出标签

ThinkPHP的标签，必须要有闭合标签，不然会报错
volist常用来循环数组
使用方法：

{volist name="list" id="item"}
//name 属性表示要循环的模板变量，id表示当前的循环变量，可以随意命名，但是不能与name属性冲突{$item.name}x{$item.num}
{/volist}

vue的循环方式

//item表示循环变量名，array表示要循环的数组
<div v-for="(item,i) in array">{{item.name}}X{{item.num}}</div>

判断标签

if
使用方法：


{if condition="($num >= 1) AND ($num <= 10) "} <p>1-10</p>
{elseif condition="($num>10) AND ($num<=100)"/} <p>11-100</p>
{else /} <p>100+</p>
{/if}

vue的条件渲染

<p v-if="num>=1&&num<=10">1-10</p>
<p v-else-if="num>=11&&num<=100">11-100</p>
<p v-else">100+</p>

ThinkPHP学习总结（前端部分）相关推荐

学习Web前端需要避免哪些错误
很多初学web前端的同学,在学习web前端的时候都会遇到一些错误,虽然有些错误与某一个具体的行为相关,但有些错误却是所有Web开发人员都需要面对的挑战.下面小编就整理一下学习Web前端需要避免哪些错误 ...
学习web前端开发要注意什么
web前端的发展前景有目共睹,越来越多的人都对web前端这门编程语言非常感兴趣,想要学习web前端技术,那么学习web前端开发要注意什么呢?大家在学习之前是否有做好这些功课呢?来看看下面的详细介绍吧. ...
哪些人适合学习web前端?
web前端在互联网行业一直都备受关注,部分人担心web前端没有发展前景,还担心自己学不了web前端技术,那么具体哪些人适合学习web前端呢?来看看下面的详细介绍就知道了. 哪些人适合学习web前端? ...
什么人适合学习web前端?怎样学好web前端开发?
web前端在IT互联网行业的发展前景是非常可观的,越来越多的人都在学习web前端技术,那么什么人适合学习web前端?怎样学好web前端开发?相信大家都想了解这些问题,我们来看看下面的详细介绍. 什么人 ...
学习web前端难不难
学习web前端难不难?这是很多同学都会问到的问题,web前端在目前互联网行业的发展前景是非常可观的,想要进入到这个行业的人有很多,下面我们来看看具体的介绍. 学习web前端难不难?首先你要明白你需要什 ...
零基础该如何学习Web前端知识?
想要跳槽到IT行业人在近几年越来越多,大部分都是想要学习web前端技术,但是这其中有很多都是零基础学员,大家都想知道零基础该如何学习Web前端知识?我们来看看下面的详细介绍. 零基础该如何学习Web前 ...
女生可以学习Web前端吗?
随着时代的不断发展,女性独立意识越来越高,在职场这方面,很多岗位都有了女性的存在,尤其是IT互联网行业,广阔的发展前景和优厚的福利待遇吸引了很多女性小伙伴想要学习Web前端开发,那么女生可以学习Web ...
零基础怎么学习web前端开发
零基础怎么学习web前端开发?web前端在移动互联网行业的运用是非常广泛的,而且web前端开发技术所涵盖的知识有很多,具体要怎么学习,来看看小编下面的详细介绍吧. 零基础怎么学习web前端开发?对零基 ...
thinkphp学习笔记10—看不懂的路由规则
原文:thinkphp学习笔记10-看不懂的路由规则路由这部分貌似在实际工作中没有怎么设计过,只是在用默认的设置,在手册里面看到部分,艰涩难懂. 1.路由定义要使用路由功能需要支持PATH_INF ...
ThinkPhp学习06
原文:ThinkPhp学习06 一.简单学习修改用户信息模块 1.编写UserAction.class.php 1 <?php 2 3 class UserAction extends Acti ...

ThinkPHP学习总结（前端部分）

目录

输出变量

循环输出标签

判断标签

ThinkPHP学习总结（前端部分）相关推荐

最新文章

热门文章