twig可快速将php数据渲染为html页面:先用composer安装并加载自动加载器,再配置模板路径与环境,最后通过render()传参渲染.html.twig模板,实现逻辑与视图分离。

你想在PHP项目里快速把数据变成网页,而不是手拼HTML字符串或混写PHP和HTML——Twig能帮你干净利落地完成这件事,且一步到位输出可读、可维护、带逻辑的HTML页面。
安装Twig并初始化环境
第一步是让Twig进入你的项目。打开终端,进入项目根目录,运行:
composer require twig/twig:^3.0
这会自动下载Twig及其依赖,并生成vendor/autoload.php。如果你没装Composer,请先安装它;【未执行此步就调用require_once 'vendor/autoload.php'会导致致命错误】
接着,在入口PHP文件(比如index.php)顶部加入:
require_once 'vendor/autoload.php';
然后创建模板加载器,指向你准备存放.html.twig文件的目录(例如templates/):
$loader = new \Twig\Loader\FilesystemLoader('templates');
最后初始化Twig环境,启用缓存提升性能(开发时可设为false或'cache'目录):
$twig = new \Twig\Environment($loader, ['cache' => 'cache', 'debug' => true]);
编写第一个模板文件
在项目根目录下新建templates/文件夹,再在里面创建index.html.twig。
写入以下内容:
{% set title = '欢迎来到我的站点' %}
{{ title }}
当前时间:{{ "now"|date("Y-m-d H:i:s") }}
注意:Twig默认不解析.php扩展名,必须用.twig或.html.twig后缀;【文件名和路径必须与$loader中指定的完全一致,大小写敏感】
渲染模板并传入动态数据
回到index.php,在初始化$twig之后,添加如下代码:
echo $twig->render('index.html.twig', [
'name' => '张三',
'items' => ['服务器状态', '数据库连接', '缓存命中率']
]);
此时模板中即可使用{{ name }}和{% for item in items %}{{ item }}{% endfor %}等语法。
访问index.php,你会看到标题、当前时间,以及一个包含三项文字的列表——所有内容都由PHP变量驱动,HTML结构完全隔离在模板中。
让页面真正“动态”起来:接入实时数据
方法一:直接从数据库取值
在render()前加一行查询(以PDO为例):
$pdo = new PDO('sqlite:app.db');
$stmt = $pdo->query("SELECT COUNT(*) FROM users");
$user_count = $stmt->fetchColumn();
然后将$user_count传入render数组:
'user_count' => $user_count
模板中写{{ user_count }}就能显示用户总数。
方法二:用函数封装数据获取逻辑
定义一个getLatestMetrics()函数,返回关联数组,如['cpu' => 42, 'memory' => 67];再把它作为键值传给render——这样业务逻辑和模板彻底解耦,改算法不用动HTML。
方法三:引入外部API响应
$api_data = json_decode(file_get_contents('https://api.example.com/status'), true);
echo $twig->render('dashboard.html.twig', $api_data);
只要API返回的是标准数组结构,Twig就能直接展开渲染,无需额外转换。











