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 相关文章推荐
PHP读取xml方法介绍
Jan 12 PHP
PHP删除非空目录的函数代码小结
Feb 28 PHP
CI框架源码阅读,系统常量文件constants.php的配置
Feb 28 PHP
laravel安装和配置教程
Oct 29 PHP
PHP模拟登陆163邮箱发邮件及获取通讯录列表的方法
Mar 07 PHP
支持中文的PHP按字符串长度分割成数组代码
May 17 PHP
浅析php静态方法与非静态方法的用法区别
May 17 PHP
Yii框架中sphinx索引配置方法解析
Oct 18 PHP
微信公众号模板消息群发php代码示例
Dec 29 PHP
php之可变函数的实例详解
Sep 13 PHP
php数组和链表的区别总结
Sep 20 PHP
一文搞懂PHP中的抽象类和接口
May 25 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
全国FM电台频率大全 - 18 湖南省
2020/03/11 无线电
推荐一篇入门级的Class文章
2007/03/19 PHP
一个很不错的PHP翻页类
2009/06/01 PHP
ThinkPHP使用smarty模板引擎的方法
2014/07/01 PHP
微信公众号开发之微信公共平台消息回复类实例
2014/11/14 PHP
PHP实现登陆表单提交CSRF及验证码
2017/01/24 PHP
设定php简写功能的方法
2019/11/28 PHP
比较详细的关于javascript中void(0)的具体含义解释
2007/08/02 Javascript
解析javascript系统错误:-1072896658的解决办法
2013/07/08 Javascript
AspNet中使用JQuery boxy插件的确认框
2015/05/20 Javascript
JavaScript的jQuery库中ready方法的学习教程
2015/08/14 Javascript
easyui datebox 时间限制,datebox开始时间限制结束时间,datebox截止日期比起始日期大的实现代码
2017/01/12 Javascript
支持移动端原生js轮播图
2017/02/16 Javascript
微信小程序的分类页面制作
2017/06/27 Javascript
深入浅出webpack之externals的使用
2017/12/04 Javascript
JavaScript实现学生在线做题计时器功能
2018/12/05 Javascript
sortable+element 实现表格行拖拽的方法示例
2019/06/07 Javascript
了解Javascript中函数作为对象的魅力
2019/06/19 Javascript
JavaScript如何处理移动端拍摄图片旋转问题
2019/11/16 Javascript
antd中table展开行默认展示,且不需要前边的加号操作
2020/11/02 Javascript
详解Python中的__new__()方法的使用
2015/04/09 Python
Python脚本处理空格的方法
2016/08/08 Python
python使用mysql的两种使用方式
2018/03/07 Python
python中subprocess批量执行linux命令
2018/04/27 Python
python调用Matplotlib绘制分布点图
2019/10/18 Python
浅谈Python描述数据结构之KMP篇
2020/09/06 Python
财务分析个人的自荐书范文
2013/11/24 职场文书
致短跑运动员广播稿
2014/01/09 职场文书
幼儿园社区活动总结
2014/07/07 职场文书
工商管理本科生求职信
2014/07/13 职场文书
党员民主评议个人总结
2014/10/20 职场文书
2014年安全生产工作总结
2014/11/13 职场文书
给老婆的保证书怎么写
2015/05/08 职场文书
毕业论文答辩稿范文
2015/06/23 职场文书
2015秋季运动会通讯稿
2015/07/18 职场文书
2016春季幼儿园小班开学寄语
2015/12/03 职场文书