1.MVC简介

MVC 是一种使用 MVC（Model View Controller 模型-视图-控制器）设计创建 Web 应用程序的模式(详情自己百度):

1. Model（模型）表示应用程序核心（比如数据库记录列表）。

2. View（视图）显示数据（数据库记录）

3. Controller（控制器）处理输入（写入数据库记录）。

[百度百科]

MVC的流程图如下(来源百度百科):

2.本文重点:模板引擎

在视图层，PHP可以采用两种方式编写:

  1. PHP代码和HTML代码混写，甚至JavaScript等

  2. 采用模板引擎使得数据和显示分离，这种方式更易于维护。

    首先让我们来看一下混写代码:

    <!DOCTYPE html>
    
<html>
    
<head>
    
<title>混写代码</title>
    
</head>
    
<body>
    
    商品信息:
    
    <?php
    
    mysql_connect("localhost","root","") or die("conect failed:".mysql_error());
    
    mysql_select_db("shop");
    
    $result = mysql_query("select * from sh_goods");
    
?>
    
    <ul>
    
        <?php while (mysql_fetch_array($result)) {?>
    
            <li><?php echo $result['good_name']; ?></li>
    
        <?php } ?>
    
    </ul>
    
    <?php
    
        mysql_free_result($result);
    
        mysql_close();
    
    ?>
    
</body>
    
</html>

这种方式往往随着前端逻辑的复杂度变得越来越大，代码的可读性也会变得很差，代码的可重用性也不好。（比如我们需要重复的编写从数据库中获取数据的代码）

模板引擎有两种机制

接下来，我们用原生态模板机制来实现

1.原生态机制

该机制主要是执行数据库操作的代码get_data.php单独放到一个文件中，显示的hmtl代码show_page.php放到另一个文件中，然后在html代码show_page.php中包含执行数据库操作的代码get_data.php.代码如下:

get_data.php
    <?php

        mysql_connect("localhost","root","") or die("conect failed:".mysql_error());

        mysql_select_db("shop");

        $result = mysql_query("select * from sh_goods");

        $data = array();

        while (mysql_fetch_array($result)) {

            $data[] = $result['good_name'];

        }

        mysql_free_result($result);

        mysql_close();

    ?>
show_page.php
    <!DOCTYPE html>

    <html>

    <head>

        <title>分离代码</title>

    </head>

    <body>

        商品信息:

        <ul>

            <?php

                include 'get_data.php';

                foreach ($data as $key => $value) {

            ?>

            <li><?php echo $value['good_name']; ?></li>

            <?php } ?>

        </ul>

    </body>

    </html>

该机制比较简单，符合PHP的语法和使用的习惯，显然比混写代码更容易维护。但是，有时考虑到网站的性能，我们想要缓存代码的时候，这种方法就不能提供支持了。类似的，错误处理，可配置化，脱离php语法等高级功能也不容易实现。

2.更强大的模板机制

该机制与上一个机制刚好相反，在负责数据操作的文件中包含模板，模板只负责显示即可，不用考虑php操作。
本引擎的执行流程如下:

php 实现简易模板引擎的更多相关文章

  1. KOA的简易模板引擎实现方式

    上上一期链接--也就是本文的基础,参考KOA,5步手写一款粗糙的web框架 上一期链接--有关Router的实现思路,这份Koa的简易Router手敲指南请收下 本文参考仓库:点我 上一期科普了Rou ...

  2. js 简易模板引擎 , 持续更新。。。

    <script> var _mytpl = (function(){ var _verson = 1.0; return { _data:{}, load:function(html,da ...

  3. MVC开发模式以及Smarty模板引擎的使用

    Linux 全局安装 composer 将目录切换到/usr/local/bin/目录 cd /usr/local/bin/ 在 bin 目录中下载 composer curl -sS https:/ ...

  4. PHP实现简易的模板引擎

    PHP实现简易的模板引擎 1.MVC简介 MVC 是一种使用 MVC(Model View Controller 模型-视图-控制器)设计创建 Web 应用程序的模式(详情自己百度): 1. Mode ...

  5. 简易js模板引擎

    前面 js 模板引擎有很多很多,我以前经常用 art-template ,有时候也会拿 vue 来当模板引擎用. 直到...... 年初的时候,我还在上个项目组,那时候代码规范是未经允许不能使用 [外 ...

  6. Mustache.js前端模板引擎源码解读

    mustache是一个很轻的前端模板引擎,因为之前接手的项目用了这个模板引擎,自己就也继续用了一会觉得还不错,最近项目相对没那么忙,于是就抽了点时间看了一下这个的源码.源码很少,也就只有六百多行,所以 ...

  7. JST(JavaScript Trimpath)前端模板引擎简介

    JST(JavaScript Trimpath)前端模板引擎简介及应用 今天在做某系统日志列表的时候用到了这个玩意儿.刚开始只是根据别人的例子照葫芦画瓢完成了日志列表及对应详情,晚上有空了才仔细去网上 ...

  8. JS模板引擎 ：ArtTemplate （2）

    上一篇初略的介绍了一下javascript中的模板引擎,有兴趣的可以戳 这里 . 这一篇将带着大家一起做一个简易的模板引擎, 上一篇介绍到:模板引擎其实做的就是两件事. 根据一定的规则,解析我们所定义 ...

  9. pug模板引擎(原jade)

    前面的话 为什么要引入pug,pug有什么特别之处呢?有一些嵌套层次较深的页面,可能会出现巢状嵌套,如下图所示 在后期维护和修改时,一不小心少了一个尖括号,或者某个标签的开始和闭合没有对应上,就会导致 ...

随机推荐

  1. wpf xmal基础

    1.名称空间的引用 比如想使用System.Windows.Controls名称空间 首先需要把改名称空间所在的程序集presentationFramework.dll引用到项目里 然后在根元素的起始 ...

  2. C#第十一天（winform）

    1.MD5 namespace MD5加密与解密 { class Program { static void Main(string[] args) { "); Console.WriteL ...

  3. MySQL数据库传输BLOB类型数据丢失 解决办法

    修改MySQL安装目录下my.ini文件配置:

  4. Golang的"泛型"模式

    只要实现了Sortable接口的所有方法,就可以使用该接口的函数. 我们通过冒泡排序来演示一下: package main import "fmt" type Sortable i ...

  5. ZZNU 1988: Sn

    题目描述 给你两个数 n, p(0 < n,p <= 10^15); a1 = 1;  a2 = 1+2;  a3 = 1+2+3;  ... an = 1+2+3+...+n    Sn ...

  6. 打开新世界的第一步：学习servlet

    什么是servlet? 是用Java编写的服务器端程序.其主要功能在于交互式地浏览和修改数据,生成动态Web内容. 创建servlet 一.创建一个web project 1)流程:eclipse-F ...

  7. JavaScript 属性操作

    <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content ...

  8. 浏览器 CSS 兼容写法的测试总结

    做前端最讨厌的就是 IE6,7,8,虽然被淘汰的浏览器,但是在中国用户仍然很多,不可能像国外网站一样直接就不管它了,这样会流失很多流量啊. 现在有了IE9,IE10还好些,几乎和 Chrome,Fir ...

  9. CodeForces 702E Analysis of Pathes in Functional Graph

    倍增预处理. 先看一下这张图的结构,因为出度都是$1$,所以路径是唯一的,又因为每个点都有出度,所以必然有环,也就是一直可以走下去. 接下来我们需要记录一些值便于询问: 设$t[i][j]$表示从$i ...

  10. display:inline-block和float:left的选择

    参考文章: http://www.zhangxinxu.com/wordpress/2010/11/%E6%8B%9C%E6%8B%9C%E4%BA%86%E6%B5%AE%E5%8A%A8%E5%B ...