静态化 - 真静态技术
静态化,真静态技术。
采用php的ob缓存技术实现,结合手写模版引擎代码。
一个小实例,新闻管理系统。
项目说明:
为了便于SEO,要将新闻的页面做成静态化的页面。网址是静态的html,内容也是静态的。(如果只是网址是静态的,内容是动态的,就是伪静态,一般网站使用的都是伪静态技术股。)
网址静态化(点击之后跳转到静态化的网页):
项目结构介绍:
- admin:后台管理文件夹。
- index.html:后台管理首页。
- newsadd.php:后台添加新闻页面。
- newsupdate.php:后台修改新闻页面。
- newsupdatelist.php:后台修改新闻列表。
- cache:缓存文件夹:用开存储静态网页。
- 原理解释:在添加新闻的时候,就利用ob缓存技术,生成了静态页面,存放的地址就是cache。之后点击的每条新闻,其实是从这里提取,不在通过数据库。
- includes:页面解析及其生成静态文件,核心代码。参考手写模版引擎
- Parser.class.php:解析类
- Templates.class.php:模板文件
- templates:模板文件夹,存放用于显示信息的模板文件。
- conn.php:数据库配置文件
- newslist.php:首页,新闻显示页面。
- template.inc.php:模板配置文件。
- test.php:测试文件,用于测试使用。
conn.php:
代码;
<?php //连接数据库参数 define('DB_HOST', 'localhost'); define('DB_NAME', 'db_news'); define('DB_USER', 'root'); define('DB_PWD', '123456'); define('DB_CHARSET', 'UTF8'); //连接数据库 mysql_connect(DB_HOST,DB_USER,DB_PWD) or die('数据库连接失败!'); mysql_select_db(DB_NAME) or die('选择数据库失败!'); mysql_query("SET NAMES '" . DB_CHARSET. "'") or die('设置字符集编码出错!');
templates.inc.php:
<?php //创建网站根目录常量 define('ROOT_PATH', dirname(__FILE__) . DIRECTORY_SEPARATOR); //模板文件目录 define('TPL_DIR', ROOT_PATH . 'templates' . DIRECTORY_SEPARATOR); //缓存目录 define('CACHE', ROOT_PATH . 'cache' . DIRECTORY_SEPARATOR); //是否开启缓存 define('IS_CACHE', true); IS_CACHE ? ob_start() : NULL; //引入模板类 require ROOT_PATH . 'includes' . DIRECTORY_SEPARATOR . 'Template.class.php'; ?>
newslist.php:首页:
代码:
<?php /** * 显示新闻列表 */ header('Content-Type:text/html; charset="UTF-8"'); require dirname(__FILE__) . '/conn.php'; $query = 'SELECT id, title, content, time FROM `news`'; $resHandle = mysql_query($query); ?> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>新闻列表显示</title> <style type="text/css"> li{height:50px;} </style> </head> <body> <h2><a href="admin/index.html">进入后台</a></h2> <ul> <?php while (!!$result = mysql_fetch_array($resHandle,MYSQL_ASSOC)) { ?> <li> <a href="cache/News_id<?php echo $result['id']; ?>.html"><?php echo $result['title']; ?></a> -- <span><?php echo $result['content']; ?></span> -- <span><?php echo $result['time']; ?></span> </li> <?php } ?> </ul> </body> </html>
admin-->index.html:
代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>后台管理页面</title> </head> <body> <ul> <li><a href="newsadd.php">添加新闻</a></li> <li><a href="newsupdatelist.php">修改新闻</a></li> </ul> </body> </html>
admin-->newsadd.php页面:
代码:
<?php; /** * 添加新闻 */ require $_SERVER['DOCUMENT_ROOT'] . '/static/conn.php'; require $_SERVER['DOCUMENT_ROOT'] . '/static/templates.inc.php'; //插入数据库数据 if ( isset($_POST['submit']) ) { mysql_query("INSERT into news (title,content) VALUES ('".$_POST['title']."','".$_POST['content']."')"); if ( mysql_affected_rows() == '1' ) { //静态化页面 //实例化模版类 $template = new Templates(); //注入变量 $template->assign('title',$_POST['title']); $template->assign('content',$_POST['content']); //调用display方法 $template->display('details.tpl',mysql_insert_id()); header('location:http://localhost/static/newslist.php'); } } ?> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <META HTTP-EQUIV="pragma" CONTENT="no-cache"> <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"> <META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT"> <META HTTP-EQUIV="expires" CONTENT="0"> <title>添加新闻</title> </head> <body> <form action="newsadd.php" method="post"> <table> <tr> <td>新闻标题</td> <td><input type="text" name="title"/></td> </tr> <tr> <td>新闻内容</td> <td><textarea rows="3" cols="14" name="content"></textarea></td> </tr> <tr><td><input type="submit" name="submit" value="提交"/></td></tr> </table> </form> </body> </html>
admin-->newsupdate.php:后台新闻修改页面:
代码:
<?php /** * 显示新闻列表 */ header('Content-Type:text/html; charset="UTF-8"'); require $_SERVER['DOCUMENT_ROOT'] . '/static/conn.php'; require $_SERVER['DOCUMENT_ROOT'] . '/static/templates.inc.php'; $result = NULL; if (isset($_GET['id']) && !empty($_GET['id']) ) { $id = $_GET['id']; $res = mysql_query("select id, title, content from news where id= ".$_GET['id']); $result = mysql_fetch_array($res,MYSQL_ASSOC); } if ( isset($_POST['submit']) ) { mysql_query("UPDATE news SET title = '".$_POST['title']."' ,content = '".$_POST['content']."' WHERE id = '".$_POST['id']."'"); if (mysql_affected_rows() == '1') { //实例化模版类 $template = new Templates(); //注入变量 $template->assign('title',$_POST['title']); $template->assign('content',$_POST['content']); //调用display方法 $template->display('details.tpl',$_POST['id']); header('location:http://localhost/static/admin/newsupdatelist.php'); } } ?> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <META HTTP-EQUIV="pragma" CONTENT="no-cache"> <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"> <META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT"> <META HTTP-EQUIV="expires" CONTENT="0"> <title>添加新闻</title> </head> <body> <form action="newsupdate.php" method="post"> <table> <tr> <td>新闻标题</td> <td><input type="hidden" name="id" value="<?php echo $result['id'] ?>" /><input type="text" name="title" value="<?php echo $result['title']; ?>"/></td> </tr> <tr> <td>新闻内容</td> <td><textarea rows="3" cols="14" name="content"><?php echo $result['content']; ?></textarea></td> </tr> <tr><td><input type="submit" name="submit" value="修改"/></td></tr> </table> </form> </body> </html>
admin-->newsupdatelist.php:后台修改新闻列表页:
代码:
<?php /** * 显示新闻列表 */ header('Content-Type:text/html; charset="UTF-8"'); require $_SERVER['DOCUMENT_ROOT'] . '/static/conn.php'; require $_SERVER['DOCUMENT_ROOT'] . '/static/templates.inc.php'; $result = NULL; if (isset($_GET['id']) && !empty($_GET['id']) ) { $id = $_GET['id']; $res = mysql_query("select id, title, content from news where id= ".$_GET['id']); $result = mysql_fetch_array($res,MYSQL_ASSOC); } if ( isset($_POST['submit']) ) { mysql_query("UPDATE news SET title = '".$_POST['title']."' ,content = '".$_POST['content']."' WHERE id = '".$_POST['id']."'"); if (mysql_affected_rows() == '1') { //实例化模版类 $template = new Templates(); //注入变量 $template->assign('title',$_POST['title']); $template->assign('content',$_POST['content']); //调用display方法 $template->display('details.tpl',$_POST['id']); header('location:http://localhost/static/admin/newsupdatelist.php'); } } ?> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <META HTTP-EQUIV="pragma" CONTENT="no-cache"> <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"> <META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT"> <META HTTP-EQUIV="expires" CONTENT="0"> <title>添加新闻</title> </head> <body> <form action="newsupdate.php" method="post"> <table> <tr> <td>新闻标题</td> <td><input type="hidden" name="id" value="<?php echo $result['id'] ?>" /><input type="text" name="title" value="<?php echo $result['title']; ?>"/></td> </tr> <tr> <td>新闻内容</td> <td><textarea rows="3" cols="14" name="content"><?php echo $result['content']; ?></textarea></td> </tr> <tr><td><input type="submit" name="submit" value="修改"/></td></tr> </table> </form> </body> </html>
cache-->News_id57.html
代码:
<?php /** * 显示新闻列表 */ header('Content-Type:text/html; charset="UTF-8"'); require $_SERVER['DOCUMENT_ROOT'] . '/static/conn.php'; require $_SERVER['DOCUMENT_ROOT'] . '/static/templates.inc.php'; $result = NULL; if (isset($_GET['id']) && !empty($_GET['id']) ) { $id = $_GET['id']; $res = mysql_query("select id, title, content from news where id= ".$_GET['id']); $result = mysql_fetch_array($res,MYSQL_ASSOC); } if ( isset($_POST['submit']) ) { mysql_query("UPDATE news SET title = '".$_POST['title']."' ,content = '".$_POST['content']."' WHERE id = '".$_POST['id']."'"); if (mysql_affected_rows() == '1') { //实例化模版类 $template = new Templates(); //注入变量 $template->assign('title',$_POST['title']); $template->assign('content',$_POST['content']); //调用display方法 $template->display('details.tpl',$_POST['id']); header('location:http://localhost/static/admin/newsupdatelist.php'); } } ?> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <META HTTP-EQUIV="pragma" CONTENT="no-cache"> <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"> <META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT"> <META HTTP-EQUIV="expires" CONTENT="0"> <title>添加新闻</title> </head> <body> <form action="newsupdate.php" method="post"> <table> <tr> <td>新闻标题</td> <td><input type="hidden" name="id" value="<?php echo $result['id'] ?>" /><input type="text" name="title" value="<?php echo $result['title']; ?>"/></td> </tr> <tr> <td>新闻内容</td> <td><textarea rows="3" cols="14" name="content"><?php echo $result['content']; ?></textarea></td> </tr> <tr><td><input type="submit" name="submit" value="修改"/></td></tr> </table> </form> </body> </html>
includes-->parser.class.php:
代码:
<?php /** * 模板解析类 */ class Parser { //存储模板内容 private $_tplcontent; /** * 构造函数,获取模板内容 */ public function __construct($_tplPath) { if ( !$this->_tplcontent = file_get_contents($_tplPath) ) { exit('ERROR:获取模板文件出错!'); } } /** * 解析普通变量 */ private function parVar() { //替换变量的正则表达式 $_patten = '/\{\$([\w]+)\}/'; //如果匹配成功,则替换变量 if ( preg_match($_patten, $this->_tplcontent) ) { //[ \1 ],正则表达式,得到替换的内容。 $this->_tplcontent = preg_replace($_patten, '<?php echo $this->_vars["\1"];?>', $this->_tplcontent); } else { exit($this->_tplcontent); } } /** * 解析if语句 */ private function parIf() { $_varStartIf = '/\{if\s+\(\$([\w]+)\)\}/'; $_varMidlleElse = '/\{else\}/'; $_varEndIf = '/\{\/if\}/'; if ( preg_match($_varStartIf, $this->_tplcontent) ) { if (preg_match($_varEndIf, $this->_tplcontent) ) { //替换头if $this->_tplcontent = preg_replace($_varStartIf, '<?php if ($this->_vars["\1"]) { ?>', $this->_tplcontent); //替换尾if $this->_tplcontent = preg_replace($_varEndIf, '<?php } ?>', $this->_tplcontent); //替换 else if ( preg_match($_varMidlleElse, $this->_tplcontent) ) { $this->_tplcontent = preg_replace($_varMidlleElse, '<?php } else { ?>', $this->_tplcontent); } } else { exit('ERROR:if语句没有关闭!'); } } } /** * 解析Foreach语句 */ private function parForeach() { $_pattenStartForeach = '/\{foreach\s+\$([\w]+)\(([\w]+),([\w]+)\)\}/'; $_pattenMiddleForeach = '/\{@([\w]+)\}/'; $_pattenEndForeach = '/\{\/foreach\}/'; if ( preg_match($_pattenStartForeach, $this->_tplcontent) ) { if ( preg_match($_pattenEndForeach, $this->_tplcontent) ) { //替换开头和结尾 $this->_tplcontent = preg_replace($_pattenStartForeach, '<?php foreach ($this->_vars["\1"] as $\2=>$\3) { ?>', $this->_tplcontent); $this->_tplcontent = preg_replace($_pattenEndForeach, '<?php } ?>', $this->_tplcontent); //替换中间内容 if ( preg_match($_pattenMiddleForeach, $this->_tplcontent) ) { $this->_tplcontent = preg_replace($_pattenMiddleForeach, '<?php echo $\1; ?>', $this->_tplcontent); } } else { exit('ERROR:foreach标签没有关闭!'); } } } /** * 解析include语句 */ private function parInclude() { $_pattenInclude = '/\{#include\s+file=\"([\w\.\-]+)\"\}/'; if ( preg_match($_pattenInclude, $this->_tplcontent,$_file) ) { //判断被包含文件是否存在 if ( !file_exists($_file[1]) || empty($_file[1]) ) { exit('ERROR:包含文件出错!'); } //替换为PHP代码 $this->_tplcontent = preg_replace($_pattenInclude, '<?php include "\1"; ?>', $this->_tplcontent); } } /** * 解析系统变量 */ private function parConfig() { $_pattenConfig = '/<!--\{([\w]+)\}-->/'; if (preg_match($_pattenConfig, $this->_tplcontent) ) { $this->_tplcontent = preg_replace($_pattenConfig, '<?php echo $this->_config["\1"]; ?>', $this->_tplcontent); } } /** * 解析注释 */ private function parCommon() { $_patten = '/\{#\}(.*)\{#\}/'; if ( preg_match($_patten, $this->_tplcontent) ) { $this->_tplcontent = preg_replace($_patten, '<?php /* \1 */ ?>', $this->_tplcontent); } } /** * 调用各个解析方法解析文件,并最终生成编译文件 */ public function compile($_compileName) { //解析普通变量 $this->parVar(); //解析if语句 $this->parIf(); //解析include $this->parInclude(); //解析系统变量 $this->parConfig(); //解析注释 $this->parCommon(); //解析foreach $this->parForeach(); //经过解析变量,最后生成编译文件 if ( !file_put_contents($_compileName, $this->_tplcontent) ) { exit('ERROR:编译文件出错!'); } } } ?>
inlcudes-->Templates.class.php:
代码:
<?php /** * 模板类 */ class Templates { //存储注入的变量 private $_vars = array(); /** * 构造函数 */ public function __construct() { //验证各个目录是否存在 if ( !is_dir(TPL_DIR) || !is_dir(CACHE) ) { exit('ERROR:目录不存在,请添加!'); } } /** * 注入变量 */ public function assign($_varName, $_varValue) { //判断变量名称是否为空 if ( !isset($_varName) || empty($_varName) ) { exit('ERROR:变量名不能为空!'); } else { //将变量注入到数组中去 $this->_vars[$_varName] = $_varValue; } } /** * 显示模板文件 */ public function display($filename,$id) { //获取模板路径 $_tplPath = TPL_DIR . $filename; //判断模板文件是否存在 if ( !file_exists($_tplPath) ) { exit('ERROR:模板文件不存在!'); } //编译后文件的文件名 $_compileName = CACHE . 'News_id' . $id . '.php'; //缓存文件的文件名 $_cacheFileName = CACHE . 'News_id' . $id . '.html'; //引入解析类,将模板文件中的伪代码,解析为php代码,并生成编译文件。 require ROOT_PATH . 'includes' . DIRECTORY_SEPARATOR . 'Parser.class.php'; //声明类的时候,传入模板文件路径 $parser = new Parser($_tplPath); //调用解析方法的时候,传入编译文件名称 $parser->compile($_compileName); //载入生成的编译文件。载入后输出内容输出到浏览器,ob缓存进行读取。 include $_compileName; //是否开启了缓存 if ( IS_CACHE ) { //接受缓冲文件,并生成缓存文件 file_put_contents($_cacheFileName, ob_get_contents()); //清除缓冲区,并关闭缓存,意思就是清除了编译文件加载的内容。 ob_end_clean(); //删除编译文件 if ( file_exists($_compileName) ) { if ( !unlink($_compileName) ) { exit('编译文件未能及时删除,可能会造成服务器空间浪费,但不影响正常使用。'); } } } } } ?>
templates-->details.tpl:
代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>新闻显示</title> <style type="text/css"> .border, .border tr td{ border:1px solid #888; } </style> </head> <body> <table class="border"> <tr> <td>新闻标题</td> <td>新闻内容</td> </tr> <tr> <td>{$title}</td> <td>{$content}</td> </tr> </table> </body> </html>
----------------项目源码:网盘-->smarty文件夹下,文件名称:【静态化-真静态】
posted on 2016-01-26 18:17 ultrastrong 阅读(932) 评论(0) 编辑 收藏 举报