php生成静态页面并实现预览功能


Posted in PHP onJune 27, 2019

一、前言

这篇文章主要是记录一下php生成静态页面的大致步骤,关于页面静态化,大家想必都听说过,但是真正用的时候反而不是很多。有些页面考虑到访问量比较大,页面结构又不常改动的,比如新闻公告等,可以考虑做成静态页面放在服务器上,这样第一是能抗住大流量的访问,第二也是更加安全一些,打开速度上有保证。

二、正文

1、什么是静态化

就比如我们平时写项目的时候,大部分的页面都是会传参数进去,通过php标签把这些参数展示出来。因为我们的参数随时可以变化,所以页面上的内容也跟着参数变化,这就是动态化的页面。与之相反,静态化就是纯粹的html,页面上的内容不需要通过php或者java等编程语言来改变。

关于静态化的优点,网上也都说的很清楚了,这边不再一一赘述,总之就是打开速度够快,能抗住大流量访问。

2、静态化写法

(1)第一种写法是通过ob_start()缓存来输出

在php文件中编写html代码,然后用bo_get_content获取到,然后输出到html文件,类似于:

<?php
 //打开输出控制缓存
 ob_start();
 echo "<html><head><title>test页面</title></head><body>Hello world</body></html>";
 //获取缓冲区的内容
 $out = ob_get_contents();
 //关闭输出缓存
 ob_end_clean();
 //打开test.html文件开启写入权限
 $fp = fopen("test.html", "w");
 if (!$fp) {
 echo "Fail";die;
 } else {
 //写入文件
 fwrite($fp, $out);
 //关闭文件
 fclose($fp);
 echo "Success";
 }

参考:php输出控制函数和输出函数生成静态页面

这种写法个人感觉会稍微乱一点,而且如果页面复杂的话,写出来的php+html代码会有些杂乱,所以博主选用的是第二种方法。

(2)提前写好模板页,然后进行替换

先准备好静态文件,然后把要替换的部分标出来,如{title},在php程序中用file_get_content获取html文件的内容,然后进行替换,替换之后保存为文件。

模板页:

<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8">
 <title>{top_title}</title>
 <link rel="stylesheet" href=" " rel="external nofollow" >
</head>
<body>
<div class="news-details-template">
 <h1>{title}</h1>
 <div class="author">{author}</div>

 <div class="date">{show_time}</div>
 <div class="line"></div>
 <div>
 {content}
 </div>
</div>
</body>
</html>

我们先编写好模板页面,包括都有哪部分需要替换,基本的样式等,提前写好

php替换:

$path = \Yii::getAlias('@xxx').'/views/site/notice-detail.php';
$content = file_get_contents($path); //引入模板
 //获取要替换的值进行字符串的替换
 $content = str_replace('{top_title}',$title,$content);
 $content = str_replace('{title}',$title,$content);
 .......
 $dir = $path ."/html/";
 if (!file_exists($dir)) {
 mkdir($dir);
 }
$filename=$dir.'/'.$filename; //这里就不判断html是否存在了,因为写入会覆盖
$result = file_put_contents($filename,$content);//写入内容到对应静态文件中

大概就是先通过file_get_contents获取模板页的内容,然后通过str_replace进行标签的替换,替换完成之后,通过file_pu_contents写入到新文件即可。生成的html,我们可以生成多个html,让前端根据不同的页面去访问不同的html即可。

三、生成预览

生成html之后,一般来说是需要预览给工作人员看看的,毕竟人家也不懂技术,不知道到底生成的是啥

1、使用dialog打开窗口

静态页:

//这是我们要打开的窗口,先隐藏
<div id="dialog-form-record" style="display:none;">
 <div id="Content_record">
 
 </div>
 </div>

JS定义底部按钮:

var arrButton = {
 "Release": {
 'text': '按钮名称',
 'priority': 'secondary',
 'class': 'btn btn-success',
 'id':'',
 'click':点击事件
 },
 "Cancel": {
 'text': 'Cancel', //取消按钮
 'priority': 'secondary',
 "id":'xxx',
 'click': function () {
 dialogRecord.dialog( "close" );

 }
 }
 };
 //定义宽高
 dialogRecord = $( "#dialog-form-record" ).dialog({
 autoOpen: false,
 height: 800,
 width: 1400,
 modal: true,
 buttons:arrButton,
 close: function() {
 $( "#Content_record" ).html("");
 dialogRecord.dialog( "close" );
 }
 });

JS打开窗口:

//定义标题和窗口大小
 $( "#dialog-form-record" ).dialog( "option", "title", "Preview Html" );

 $( "#dialog-form-record" ).dialog({
 modal: true,
 height: 800,
 width: 1400
 });

2、使用iframe引入刚才生成的静态文件

(1)js引入iframe

//加个时间戳,防止缓存
for (i in response.)
 iframe += "<iframe class='news_iframe' id='iframe"+ i +"' src='"+ response.url.url +"/news/html/"+ response.zh[i] + "?timestamp= " + new Date().getTime() + "'></iframe>";
  
 } 
//把iframe写入到html

$( "#en_content" ).html(iframe);

3、注意:

(1)iframe的src里面不能有空格之类的东西
(2)iframe去除边框
(3)iframe加载速度慢,所以加个onload事件,当iframe加载完之后再显示

var iframe = document.getElementById("iframe" + count);
 checkFinishedDownload(iframe);
 
function checkFinishedDownload(ifr) {
 if (ifr.attachEvent) {
 ifr.attachEvent("onload", function() {
 //iframe加载完成后你需要进行的操作
 });
 } else {
 ifr.onload = function() {
 //iframe加载完成后你需要进行的操作
 
 };
 }
}

最终效果:

php生成静态页面并实现预览功能

以上就是从生成静态页面到预览的整个流程了,博主也是第一次做静态页面相关的东西,还是挺有意思的,打卡记录一下。

希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

PHP 相关文章推荐
source.php查看源文件
Dec 09 PHP
php 正则 过滤html 的超链接
Jun 02 PHP
PHP动态分页函数,PHP开发分页必备啦
Nov 07 PHP
php异常处理使用示例
Feb 25 PHP
PHP6 中可能会出现的新特性预览
Apr 04 PHP
PHP开发中常见的安全问题详解和解决方法(如Sql注入、CSRF、Xss、CC等)
Apr 21 PHP
Laravel中扩展Memcached缓存驱动实现使用阿里云OCS缓存
Feb 10 PHP
作为程序员必知的16个最佳PHP库
Dec 09 PHP
详解php几行代码实现CSV格式文件输出
Jul 01 PHP
PHP排序算法之堆排序(Heap Sort)实例详解
Apr 21 PHP
laravel 解决强制跳转 https的问题
Oct 22 PHP
PHP实现创建一个RPC服务操作示例
Feb 23 PHP
PHP创建对象的六种方式实例总结
Jun 27 #PHP
PHP实现的抓取小说网站内容功能示例
Jun 27 #PHP
不常用但很实用的PHP预定义变量分析
Jun 25 #PHP
PHP中define() 与 const定义常量的区别详解
Jun 25 #PHP
php字符串截取函数mb_substr用法实例分析
Jun 25 #PHP
php过滤htmlspecialchars() 函数实现把预定义的字符转换为 HTML 实体用法分析
Jun 25 #PHP
Laravel向公共模板赋值方法总结
Jun 25 #PHP
You might like
浅谈php中mysql与mysqli的区别分析
2013/06/10 PHP
PHP加Nginx实现动态裁剪图片方案
2014/03/10 PHP
PHP yii实现model添加默认值的方法(两种方法)
2016/11/10 PHP
php实现购物车产品删除功能(2)
2020/07/23 PHP
浅谈PHP中的那些魔术常量
2020/12/02 PHP
Javascript 继承机制的实现
2009/08/12 Javascript
原生javascript和jquery判断浏览器版本等信息
2013/07/04 Javascript
Windows8下搭建Node.js开发环境教程
2014/09/03 Javascript
js实现图片在未加载完成前显示加载中字样
2014/09/03 Javascript
JS实现页面超时后自动跳转到登陆页面
2015/01/19 Javascript
JavaScript中定义函数的三种方法
2015/03/12 Javascript
js数组如何添加json数据及js数组与json的区别
2015/10/27 Javascript
Angular路由简单学习
2016/12/26 Javascript
详解vue父子模版嵌套案例
2017/03/04 Javascript
vue.js vue-router如何实现无效路由(404)的友好提示
2017/12/20 Javascript
vue中锚点的三种方法
2018/07/06 Javascript
Vue编写可显示周和月模式的日历 Vue自定义日历内容的显示
2019/06/26 Javascript
Webpack 4如何动态切割JS注入文件名详解
2019/07/09 Javascript
python函数局部变量用法实例分析
2015/08/04 Python
python用reduce和map把字符串转为数字的方法
2016/12/19 Python
详解Python中的静态方法与类成员方法
2017/02/28 Python
浅谈python中的__init__、__new__和__call__方法
2017/07/18 Python
解决Tensorflow安装成功,但在导入时报错的问题
2018/06/13 Python
使用python绘制二维图形示例
2019/11/22 Python
python 在threading中如何处理主进程和子线程的关系
2020/04/25 Python
联想韩国官网:Lenovo Korea
2018/05/10 全球购物
沙龙级头发造型工具:FOXYBAE
2018/07/01 全球购物
美国糖果店:Sugarfina
2019/02/21 全球购物
计算机学生的自我评价分享
2014/02/18 职场文书
个人公开承诺书
2014/03/28 职场文书
社会治安综合治理管理责任书
2014/04/16 职场文书
消防安全宣传标语
2014/06/07 职场文书
门卫岗位职责
2015/02/09 职场文书
2015年外贸业务员工作总结范文
2015/05/23 职场文书
幼儿园托班开学寄语(2016秋季)
2015/12/03 职场文书
React更新渲染原理深入分析
2022/12/24 Javascript