php模板引擎smarty五分钟上手

2017-04-09  本文已影响0人  xiaohigh

产生背景

我们之前的php代码很多时候是这样的

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title><?php echo $title; ?></title>
</head>
<body>
    <h2><? echo $title; ?></h2>
    <p><?= echo $content; ?></p>
</body>
</html>

代码特点:

  1. html代码和php代码混排在一起,代码可读性较差
  2. 揉在一起的代码不方便我们进行扩展和重用

于是smarty应运而生.来看看smarty的代码

php代码:

<?php 
    //1. 引入smarty类文件
    include './libs/Smarty.class.php';
    //2. 实例化对象
    $s = new Smarty;
    //3. 初始化对象
    $s->template_dir = './view';
    $s->compile_dir = './view_c';
    //4. 分配变量(压入数据)
    $s->assign('title','什么情况');
    $s->assign('content','停下的时候不要忘记别人还在奔跑!!!');
    //5. 解析渲染模板(生成html文档)
    $s->display('index.html');
 ?>
 

html代码(index.html)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{$title}</title>
</head>
<body>
    <h2>{$title}</h2>
    <p>{$content}</p>
</body>
</html>

通过对比发现,smarty把html代码和php代码完全的分离开, 好处

  1. 可读性增强
  2. 代码分离,职责分离. php程序员专注数据管理, 前端人员可以完成对数据的显示.
  3. 代码的重用性和扩展性增强.

原理

  1. php先将一些要显示和使用的数据压入数组.
$smarty->assign('title','xiaohigh博客');
$smarty->assign('name','小high');
//title和name都是键名, 第二个参数都是键值.
  1. php将html文件中的代码读入内存(file_get_content, fgets等函数).
//这是实现的一种方式
$str = file_get_contents('index.html');
  1. 通过字符串替换和正则替换完成对字符串的转变

原来的字符串(index.html中的内容):

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{$title}</title>
</head>
<body>
    <h2>{$title}</h2>
    <p>{$content}</p>
</body>
</html>

替换后字符串变为

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title><?php echo $_smarty_tpl->tpl_vars['title']->value;?>
</title>
</head>
<body>
    <h2><?php echo $_smarty_tpl->tpl_vars['title']->value;?>
</h2>
    <p><?php echo $_smarty_tpl->tpl_vars['content']->value;?>
</p>
</body>
</html>
  1. 将这些字符串写入编译文件
smarty的中间编译文件在template_c目录中
eg:
a7e0aa058cf2b9de3c9fd942e06ec01bb78a6c1c_0.file.index.html.php
  1. 最后将这个文件引入脚本
include 'a7e0aa058cf2b9de3c9fd942e06ec01bb78a6c1c_0.file.index.html.php'

总结: 通过过程你会发现, 虽然在表面上html和php是分离的,但是在运行的内部,smarty又将两者放在了一起,并存入一个临时文件中.

如果理解不了,记住smarty使用的五个步骤即可.不变应万变的套路
上一篇下一篇

猜你喜欢

热点阅读