TP5视图与模板

1.控制器中视图实例化三种方法：动态/静态/助手函数

image.png

1.1动态，直接实例化视图类

在对应模块下创建视图文件夹，每有一个控制器，相应的要在view文件夹下创建一个和控制器同名文件夹，再在此文件下创建一个和控制器中方法名相同的html视图文件。。结构如下：

image.png

控制器中动态视图实例化：

image.png

视图中html文件：

image.png

运行结果：

image.png

1.2静态创建视图对象；直接实例化视图类

示例：
和动态相比只有调用View类方式不同：

image.png

1.3继承控制器基类Controller来创建视图对象

基类Controller中直接封装好了view视图对象的方法，可直接用$this调用视图对象中的方法。

image.png

示例：

image.png

视图html文件:

image.png

1.4助手函数view()

image.png

示例：index.php

image.png

视图文件index.html

image.png

结果：

image.png

总结：

image.png

2.模板引擎的配置：三种方法

2.1.通过应用配置文件config.php

image.png

可以复制到自定义config.php中，进行更改

2.2.实例化View类时传参配置

image.png

和应用配置config完全相同

2.3.调用View类config()方法进行配置

image.png

总结：

image.png

3.模板变量赋值的5种方式

3.1.通过assgin()方法

image.png

示例：

image.png

3.2.fetch或display方法传参赋值

image.png

示例：fetch()

image.png

示例：display()

image.png

3.3.给视图对象添加属性的方式赋值

image.png

html视图文件：

image.png

示例：继承基类

image.png

示例：视图类

image.png

3.4.用sharre()方法给模板添加静态变量

image.png

示例：

image.png

3.5.用助手函数view()向模板赋值

image.png

示例：

image.png

总结：

image.png

4.视图的7种渲染方法

视图渲染，主要用fetch方法：

image.png

视图渲染注意事项：

image.png

总结：

image.png

5.模板内容替换

1.替换内容
在框架中预定义了5个可以替换的常量
这5个常量是在视图类中定义的，view.php

image.png

2.替换方式

image.png

示例：替换视图背景和css文件路径
视图文件：

image.png

控制器代码：

image.png

结果：

image.png

如果有大量重复替换内容，可以通过模板配置文件。

image.png

此时，控制器内就不需要再写替换语句。

总结：

image.png

6.模板自定义变量输出：标量/数组/对象

标量：

image.png

复合变量

image.png

示例：
html视图文件：

image.png

控制器文件：

image.png

结果：

image.png

总结：

image.png

8.在模板中输出系统变量

image.png

示例：模板中获取server、cookie值、get变量
htnml模板文件：

image.png

对应的控制器文件：

image.png

输出结果：

image.png

示例：模板中获取常量

image.png

结果：

image.png

9.模板中输出请求变量：$Request.方法.参数

image.png

控制器中代码：只有一行渲染模板语句

image.png

html模板文件：获取GET信息

image.png

获取path_ifno传递的变量、带协议的域名、域名

image.png

获取后缀、ip、模块、控制器

image.png

总结：

10.用函数处理模板中的变量：变量调节器

image.png

示例：
控制器文件：

image.png

html文件及结果：

image.png

总结：

image.png

11.模板默认值与运算符：无值也可输出

模板变量默认值：

image.png

在模板中用竖线|，和default就可以给没有赋值的变量设置一个初始值。
示例：

image.png

模板变量的算数运算符：

image.png

示例：
x,y初始值是在控制器赋值了。

image.png

结果：

image.png

总结：

image.png

12.原样输出与模板注释

原样输出：

image.png

模板注释：

image.png

示例：

image.png

13.模板布局：全局配置/模板配置/控制器配置

公共模板文件：

image.png

创建的公共文件路径：

image.png

在模板中引入公共文件：

image.png

13.1.全局配置：实现模板布局

image.png

示例：
首先打开自定义的config.php文件，写上配置信息，替换字符默认

image.png

然后在视图目录view下，创建layout.html布局模板。

image.png

然后控制器渲染模板时，会先渲染这个布局模板，再将CONTENT渲染成视图模板文件的内容。
视图模板文件index.html

image.png

控制器渲染后的结果：

image.png

13.2.模板里配置(不依赖框架配置)：实现模板布局

image.png

示例：
先在配置文件config.php中将布局模板配置关掉。

image.png

结果和之前一样。

13.3.控制器中动态配置模板布局参数

image.png

总结：

image.png

14.模板继承：模板布局加强版，公共模板终结者

模板继承语法：

image.png

模板继承原理：

image.png

示例：
父模板

image.png

头部：

image.png

尾部和头部类似，都在base文件夹下
index.html视图文件：

image.png

image.png

结果：

image.png

总结：

image.png

15.循环标签：模板大量数据输出工具

循环标签：volist循环
有三个语法，重点用第一个

image.png

示例：
控制器部分：

image.png

视图部分：

image.png

结果：

image.png

froeach循环：只有两个属性

image.png

for循环：
comparsion属性代表的是start和end的的关系。
默认step步长为1
name是循环变量，就像for循环中的i、j、k等
示例：

image.png

结果：

image.png

总结：

image.png

16.比较标签：简化模板设计，智能处理需求

比较标签的语法：

image.png

示例：egt

image.png

结果：

image.png

比较标签还有一个compare；
下边代码也可以实现上例功能，不多多了一个参数type，可以设置比较类型，eq 、neq、 gt、 egt 等

image.png

总结：

image.png

17.条件判断标签:双分支/多分支/范围

17.1. if 条件判断标签

image.png

示例：根据控制器向视图模板传入的模板变量籍贯，将代表籍贯的123数字，区分后汉字显示

image.png

结果：

image.png

17.2. switch多分枝条件判断标签

image.png

示例：根据控制器传给视图模板的数据1234，来区分用户级别，显示到表格中

image.png

结果：

image.png

17.3.范围判断标签：

image.png

示例：根据控制器向视图模板传递的模板变量工资，判断工资范围，显示成汉字

image.png

结果：

image.png

17.4.存在或空值判断

image.png

总结：

image.png

18.原生标签：终极解决手段

如何在模板中使用原生的PHP标签

image.png

示例：php原生语法在视图模板中写循环

image.png

结果：

image.png

总结：

image.png