当我们在访问各个门户信息网站时,主页都会给我们显示各种头条、导航信息(例如新闻网)。我们可以想象,面对众多的数据库访问等操作,在我们访问这些网页的同时加载速度将会变得很慢。众所周知,咱在访问静态页面的速度是优于动态网页的。所以,实现页面静态化可以有效地解决这些问题。
那么,何为静态化?其实根据字面理解我们可以得知,静态化就是将一个动态的网页转变成一个类似静态的网页。动态页面静态化的实质就是:生成静态的HTML文件。
静态化需要用到两个关键的知识点:
①buffer缓冲区机制
②利用函数file_put_contents()写入文件
静态化的过程:
1、PHP模板页面(与将要展示的HTML页面一致,区别在于添加了PHP代码)
2、写入静态文件并生成HTML文件(从缓冲区中提取模板文件)
首先我们要先写一个操作类,用于操作模板和生成静态HTML文件:
operation.php:
$dsn = ‘mysql:dbname=chatroom;host=127.0.0.1‘; $user = ‘root‘;$password = ‘123456‘; $pdo = new PDO($dsn, $user, $password); $sql="SELECT * FROM messages limit 3"; $stmt = $pdo->prepare($sql); $result = $stmt->execute(); $stmt->setFetchMode(PDO::FETCH_ASSOC); //以关联数组的形式返回结果 $rows = $stmt->fetchAll(); ob_start(); //打开缓冲区 require_once(‘muban.php‘);
代码解读:首先从数据库中读取数据,然后引入‘muban.php‘文件,目的是让其在引入的过程中加入到缓冲区中。
根据流程步骤:
1、PHP模板页面
为了演示方便,简单写了一个界面,如下所示:
muban.php
<body> <div id="wrap"> <h1>本月最热主播排行榜</h1> <ul id="ulm"> <?php require_once(‘operation.php‘); foreach($rows as $row){?> <li>名称:<?php echo $row[‘user‘]?> 收到礼物数量: <?php echo $row[‘msg‘]?></li><hr/> <?php }?> </ul> </div> </body>
代码解读:遍历‘operation.php‘文件中的‘$rows‘数组,将结果输出到<li>标签中。
2、写入静态文件并生成HTML文件(从缓冲区中提取模板文件)
在operation.php中后续加上以下代码:
if(file_put_contents(‘index.html‘,ob_get_clean())){ echo "success"; }else{ echo "false"; }
利用‘file_put_contents()‘方法将缓冲区中的内容写入到‘index.html‘文件中去,完成了静态文件的生成。ob_get_clean()方法是从缓冲区中读取数据并且清除缓冲区(清除缓冲区也可以理解为加载本函数内容不会显示在终端)
最终生成了‘index.html‘界面:
从控制台可以看到加载响应的时间为:
我们再看看muban.php页面:
之前说过生成的html静态文件是根据模板界面来生成的,所以界面是一样的。再看看加载的相应时间:
从响应的时间我们可以看出,仅仅只有几行代码就产生了这么大的差距。可想而知,当网页信息量十分庞大的时候,对加载响应的速度影响非常大。利用页面静态化,从而可以极大地避免这样的问题出现。
-----------------------------------------------------------------------------------------
说到生成静态文件,如果网页信息有变化,那该怎么办呢?答案就是重新生成(这不废话吗?)
自动触发系统生成静态化页面有三种常见的方式:
1、页面添加缓存时间。当用户请求页面时,后台判定页面时间是否过期(超过了设置的缓存时间),如果超过了则生成新的静态页面;反之则获取静态页面。
2、手动触发生成。为了解决页面修改但是未能及时显示的问题,后台添加“一键更新”的按钮实现点击后生成静态文件。
3、Crontab定时扫描程序。该方法涉及到Linux操作系统上的应用:
*/5**** php/data/StaticPage/operation.php
该语句意为每5分钟执行以下index.php文件。由于本人对其了解不深,就不做过多描述,以免误人子弟。
本文出自 “w1sw” 博客,请务必保留此出处http://cfdeng.blog.51cto.com/9873532/1838077
原文地址:http://cfdeng.blog.51cto.com/9873532/1838077