php-angular模板引擎

源码地址: https://github.com/php-angular/php-angular

仿angularjs的php模板引擎

目前实现了一下几种标签和用法

标签

  1. php-if
  2. php-for
  3. php-foreach
  4. php-repeat
  5. php-show
  6. php-hide
  7. php-include
  8. php-init
  9. php-exec

变量输出
{$var}
{$array.name}
{$array[‘name’]}
{:func()}
{$var ? ‘’ : ‘’}

结合框架使用

具体的框架驱动可以在 /drivers 目录中找到

直接使用方法 /test/index.php

  1. <?php
  3. require '../lib/angular.php';
  5. // 配置
  6. $config = array(
  7.     'tpl_path'   => './view/',
  8.     'tpl_suffix' => '.html',
  9.     'cache_path' => './cache/',
  10.     'attr'       => 'php-',
  11.     'debug'      => true,
  12. );
  14. // 实例化
  15. $view = new Angular($config);
  17. // 数据
  18. $data = array(
  19.     'title' => 'Hello PHP Angular',
  20.     'list'  => array(
  21.         array('name' => 'name_1', 'email' => 'email_1@qq.com'),
  22.         array('name' => 'name_2', 'email' => 'email_2@qq.com'),
  23.         array('name' => 'name_3', 'email' => 'email_3@qq.com'),
  24.         array('name' => 'name_4', 'email' => 'email_4@qq.com'),
  25.         array('name' => 'name_5', 'email' => 'email_5@qq.com'),
  26.     ),
  27. );
  29. // 向模板引擎设置数据
  30. $view->assign($data);
  32. // 输出解析结果
  33. $view->display('index');
  35. // 获取输出结果
  36. // $view->fetch('index');

模板实例 /test/view/index.html

  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <title>php-angular</title>
  5.         <meta charset="UTF-8">
  6.         <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.         <style type="text/css">
  8.             .box {
  9.                 padding: 10px;
  10.                 font-size: 12px;
  11.                 margin: 10px 5px;
  12.                 background: #CCC;
  13.             }
  14.         </style>
  15.     </head>
  16.     <body>
  17.         <div class="box" php-show="$title">{$title}</div>
  19.         <div class="box" php-hide="$title">如果title的值为空, 则可以显示这条消息, 否则不显示</div>
  21.         <div class="box">
  22.             <span>foreach by [1,2,3,4,5]</span>
  23.             <ul>
  24.                 <li php-foreach="[1,2,3,4,5] as $i">foreach {$i}</li>
  25.             </ul>
  26.         </div>
  28.         <div class="box">
  29.             <span>repeat by [1,2,3,4,5]</span>
  30.             <ul>
  31.                 <li php-repeat="[1,2,3,4,5] as $i">foreach {$i}</li>
  32.             </ul>
  33.         </div>
  35.         <div class="box" php-show="$list">
  36.             <span>foreach by $list as $item</span>
  37.             <ul>
  38.                 <li php-foreach="$list as $item">name:{$item.name} -- email: {$item.email}</li>
  39.             </ul>
  40.         </div>
  42.         <div class="box" php-show="$list">
  43.             <span>repeat by $list as $item</span>
  44.             <ul>
  45.                 <li php-repeat="$list as $item">name:{$item.name} -- email: {$item.email}</li>
  46.             </ul>
  47.         </div>
  49.         <div class="box" php-if="$list">
  50.             <span>foreach by $list as $key => $item</span>
  51.             <ul>
  52.                 <li php-foreach="$list as $key => $item">{$key} -- name:{$item.name} -- email: {$item.email}</li>
  53.             </ul>
  54.         </div>
  56.         <div class="box">
  57.             <span>for by ($i = 1; $i <= 10; $i++;)</span>
  58.             <ul>
  59.                 <li php-for="$i = 1; $i <= 10; $i++">for {$i}</li>
  60.             </ul>
  61.         </div>
  63.         <div class="box" php-if="$list">
  64.             <span>$list 不为空</span>
  65.         </div>
  66.     </body>
  67. </html>

解析结果 /test/cache/6a992d5529f459a44fee58c733255e86.php

  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <title>php-angular</title>
  5.         <meta charset="UTF-8">
  6.         <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.         <style type="text/css">
  8.             .box {
  9.                 padding: 10px;
  10.                 font-size: 12px;
  11.                 margin: 10px 5px;
  12.                 background: #CCC;
  13.             }
  14.         </style>
  15.     </head>
  16.     <body>
  17.         <?php if ($title) { ?><div class="box" ><?php echo $title; ?></div><?php } ?>
  19.         <?php if (!($title)) { ?><div class="box" >如果title的值为空, 则可以显示这条消息, 否则不显示</div><?php } ?>
  21.         <div class="box">
  22.             <span>foreach by [1,2,3,4,5]</span>
  23.             <ul>
  24.                 <?php foreach ([1,2,3,4,5] as $i) { ?><li >foreach <?php echo $i; ?></li><?php } ?>
  25.             </ul>
  26.         </div>
  28.         <div class="box">
  29.             <span>repeat by [1,2,3,4,5]</span>
  30.             <ul>
  31.                 <?php foreach ([1,2,3,4,5] as $i) { ?><li >foreach <?php echo $i; ?></li><?php } ?>
  32.             </ul>
  33.         </div>
  35.         <?php if ($list) { ?><div class="box" >
  36.             <span>foreach by $list as $item</span>
  37.             <ul>
  38.                 <?php foreach ($list as $item) { ?><li >name:<?php echo $item["name"]; ?> -- email: <?php echo $item["email"]; ?></li><?php } ?>
  39.             </ul>
  40.         </div><?php } ?>
  42.         <?php if ($list) { ?><div class="box" >
  43.             <span>repeat by $list as $item</span>
  44.             <ul>
  45.                 <?php foreach ($list as $item) { ?><li >name:<?php echo $item["name"]; ?> -- email: <?php echo $item["email"]; ?></li><?php } ?>
  46.             </ul>
  47.         </div><?php } ?>
  49.         <?php if ($list) { ?><div class="box" >
  50.             <span>foreach by $list as $key => $item</span>
  51.             <ul>
  52.                 <?php foreach ($list as $key => $item) { ?><li ><?php echo $key; ?> -- name:<?php echo $item["name"]; ?> -- email: <?php echo $item["email"]; ?></li><?php } ?>
  53.             </ul>
  54.         </div><?php } ?>
  56.         <div class="box">
  57.             <span>for by ($i = 1; $i <= 10; $i++;)</span>
  58.             <ul>
  59.                 <?php for ($i = 1; $i <= 10; $i++) { ?><li >for <?php echo $i; ?></li><?php } ?>
  60.             </ul>
  61.         </div>
  63.         <?php if ($list) { ?><div class="box" >
  64.             <span>$list 不为空</span>
  65.         </div><?php } ?>
  66.     </body>
  67. </html>
文章不错, 赏你二两银子

如果觉得我的文章对您有用，请随意打赏。您的支持将鼓励我继续努力！