在thinphp5中发现一个好用的模版引擎—think-angular，

此模板引擎主要特点是 不需要额外的标签定义, 全部使用属性定义, 写好的模板文件在IDE格式化代码的时候很整洁, 因为套完的模板文件还是规范的html，

注: 一个标签上可以使用多个模板指令, 指令有前后顺序要求, 所以要注意指令的顺序，

项目地址：https://github.com/top-think/think-angular

文档地址：https://www.kancloud.cn/shuai/php-angular/127397

index.php

<?php

use think\angular\Angular;

require '../src/Angular.php';

// 配置

$config = [

    'debug'            => true, // 是否开启调试, 开启调试会实时生成缓存

    'tpl_path'         => './view/', // 模板根目录

    'tpl_suffix'       => '.html', // 模板的后缀

    'tpl_cache_path'   => './cache/', // 模板缓存目录

    'tpl_cache_suffix' => '.php', // 模板缓存后缀

    'directive_prefix' => 'php-', // 指令前缀

    'directive_max'    => 10000, // 指令的最大解析次数

];

// 实例化

$view = new Angular($config);

// 数据

$data = array(

    'title' => 'Hello PHP Angular',

    'list'  => array(

        array('name' => 'name_1', 'email' => 'email_1@qq.com'),

        array('name' => 'name_2', 'email' => 'email_2@qq.com'),

        array('name' => 'name_3', 'email' => 'email_3@qq.com'),

        array('name' => 'name_4', 'email' => 'email_4@qq.com'),

        array('name' => 'name_5', 'email' => 'email_5@qq.com'),

    ),

);

// 向模板引擎设置数据

$view->assign($data);

// 输出解析结果

$view->display('index');

// 获取编译解析html结果

$html = $view->fetch('index');

// 获取模板编译后的php代码

$php = $view->compiler('index');

common/base.html

<!DOCTYPE html>

<html>

<head>

    <title>base</title>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

</head>

<body>

<div php-include="common/head"></div>

<div php-block="left">这里是left, 会被替换</div>

<div php-block="main">这里是main, 会被替换</div>

</body>

</html>

common/head.html

<div>这里是head</div>

common/index.html

<div php-extends="common/base"></div>

<div php-block="left">

    <div class="menu">

        <ul php-function="echo_ul($list)">

            <li php-foreach="$list as $cate"><a href="/category/{$cate.name}">{$cate.title}</a>

                <ul php-if="isset($cate['_child'])" php-call="echo_ul($cate['_child'])"></ul>

            </li>

        </ul>

        <ul php-call="echo_ul($list)"></ul>

    </div>

</div>

<div php-block="main">

    <div class="name" php-init="$name='shuai'">{$name}</div>

    <div php-if="$is_download"><input type="button" onclick="down()"/></div>

    <div php-switch="$status">

        <span php-case="1"> 正常 </span>

        <span php-default=""> 未知状态 </span>

    </div>

    <a php-for="$i = $page_start; $i <= $page_end; $i++" href="/article/lists?p={$i}">第{$i}页</a>

    <tr php-foreach="$list as $article">

        <td>{$article.title}</td>

        <td>{:time_format($article['create_time'])}</td>

        <td>

            <a href="/article/detail?id={$article.id}">查看</a>

            <a href="/article/del?id={$article.id}">删除</a>

        </td>

    </tr>

</div>

php angular/think angular/php模版引擎的更多相关文章

  1. 构建自己的PHP框架--构建模版引擎(1)

    前段时间太忙,导致好久都没有更新博客了,今天抽出点时间来写一篇. 其实这个系列的博客很久没有更新了,之前想好好规划一下,再继续写,然后就放下了,今天再捡起来继续更新. 今天我们来说一下,如何构建自己的 ...

  2. Smarty模版引擎的原理

    Smarty是一个使用php写出来的模版引擎,用来将原本与html代码混杂在一起PHP代码逻辑分离,实现前后端分离. Smarty模板优点: 1. 速度:采用Smarty编写的程序可以获得最大速度的提 ...

  3. js模版引擎handlebars.js实用教程——为什么选择Handlebars.js

    返回目录 据小菜了解,对于java开发,涉及到页面展示时,比较主流的有两种解决方案: 1. struts2+vo+el表达式. 这种方式,重点不在于struts2,而是vo和el表达式,其基本思想是: ...

  4. 简单JavaScript模版引擎优化

    在上篇博客最简单的JavaScript模板引擎 说了一下一个最简单的JavaScript模版引擎的原理与实现,作出了一个简陋的版本,今天优化一下,使之能够胜任日常拼接html工作,先把上次写的模版函数 ...

  5. Symfony2模版引擎使用说明手册

    一.基本使用 {{ demo }}输出一个demo变量; {% func %}通常是包含一个twig函数例如 for; 举个for循环的例子: {% for i in 0..10 %} <em& ...

  6. Asp.net NVelocity 模版引擎

    NVelocity.dll是Java中常用的一个模版,下面是常用的模版引擎 1,返回string类型的html代码 /// <summary> /// 获取html模版 /// </ ...

  7. PHP模版引擎 – Twig

    在网站开发过程中模版引擎是必不可少的,PHP中用的最多的当属Smarty了.目前公司系统也是用的Smarty,如果要新增一个页面只需把网站的头.尾和左侧公共部分通过Smarty的include方式引入 ...

  8. Nodejs学习笔记（五）--- Express安装入门与模版引擎ejs

    目录 前言 Express简介和安装 运行第一个基于express框架的Web 模版引擎 ejs express项目结构 express项目分析 app.set(name,value) app.use ...

  9. T4教程1 T4模版引擎之基础入门

    T4模版引擎之基础入门   额,T4好陌生的名字,和NuGet一样很悲催,不为世人所熟知,却又在背后默默无闻的奉献着,直到现在我们项目组的人除了我之外,其它人还是对其豪无兴趣,基本上是连看一眼都懒得看 ...

随机推荐

  1. 七牛云上传图片到cdn，cdn返回的是一个只有图片的url

    如:

  2. IOS程序崩溃报告管理解决方案（Crashlytics 在2014-09-24）

    预研Crashlytics  在2014-09-241:实现原理在原理上,Crashlytics通过以下2步完成崩溃日志的上传和分析:(1)提供应用SDK,你需要在应用启动时调用其SDK来设置你的应用 ...

  3. jQuery—— jQuery get方法+一般处理程序处理文本框内容

    网上常常看到这种交互方式,当去一个站点注冊username的时候,假设文本框内没有输入数据,或者数据输入的内容格式不正确.就会将文本框变成红色来提示你输入的内容有误. 自己将这个文本框验证的方式改变了 ...

  4. 第二十七篇:Windows驱动中的PCI, DMA, ISR, DPC, ScatterGater, MapRegsiter, CommonBuffer, ConfigSpace

    近期有些人问我PCI设备驱动的问题, 和他们交流过后, 我建议他们先看一看<<The Windows NT Device Driver Book>>这本书, 个人感觉, 这本书 ...

  5. hdu 5001 概率DP 图上的DP

    http://acm.hdu.edu.cn/showproblem.php?pid=5001 当时一看是图上的就跪了 不敢写,也没退出来DP方程 感觉区域赛的题  一则有一个点难以想到 二则就是编码有 ...

  6. Linux地址ping不通情况怎么办？

    查看原文:http://www.ibloger.net/article/325.html Linux地址ping不通情况怎么办? 问题:今天写了一个微信支付的项目.有一个class中使用了httpPo ...

  7. 【bzoj4591】[Shoi2015]超能粒子炮·改

    设S(n,k)=Σ C(n,i) i=0..k 根据lucas定理可以得到 S(n,k) mod p = [ S(n/p,k/p-1)*S(n mod p,p-1)+C(n/p,k/p)*S(n mo ...

  8. Android抢先截获短信(附源码)

    之前在写通讯录应用时,将整体的代码写完后,自测时发现非常非常多的问题,其中一个非常重要严重的就是可以发出短信,但收不到任何的短信息,这搞的我好捉鸡啊!后来调试发现是由于没有收到短信的消息导致的,然后将 ...

  9. P2610 [ZJOI2012]旅游 树的直径

    这个题就是建图不太好建,但是我们一想,三角形貌似只能两两挨着,最后会变成一个二叉树,所以问题就变成求树的直径.建图用pair套map超级简单. 题干: 到了难得的暑假,为了庆祝小白在数学考试中取得的优 ...

  10. CF 908 D New Year and Arbitrary Arrangement —— 期望DP

    题目:http://codeforces.com/contest/908/problem/D 首先,设 f[i][j] 表示有 i 个 a,j 个 ab 组合的期望,A = pa / (pa + pb ...