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+mysql保存和输出文件
Oct 09 PHP
用mysql_fetch_array()获取当前行数据的方法详解
Jun 05 PHP
PHP 线程安全与非线程安全版本的区别深入解析
Aug 06 PHP
php 获取SWF动画截图示例代码
Feb 10 PHP
PHP获取文件夹内文件数的方法
Mar 12 PHP
CodeIgniter使用smtp服务发送html邮件的方法
Jun 10 PHP
ThinkPHP使用getlist方法实现数据搜索功能示例
May 08 PHP
PHP实现的观察者模式实例
Jun 21 PHP
PHP实现打包下载文件的方法示例
Oct 07 PHP
PHP面向对象程序设计继承用法简单示例
Dec 28 PHP
laravel执行php artisan migrate报错的解决方法
Oct 09 PHP
PHP 扩展Memcached命令用法实例总结
Jun 04 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
完美实现GIF动画缩略图的php代码
2011/01/02 PHP
PHP+Jquery与ajax相结合实现下拉淡出瀑布流效果【无需插件】
2016/05/06 PHP
在Mac OS下搭建LNMP开发环境的步骤详解
2017/03/10 PHP
Laravel 模型关联基础教程详解
2019/09/17 PHP
JavaScript中链式调用之研习
2011/04/07 Javascript
js调用webservice中的方法实现思路及代码
2013/02/25 Javascript
JavaScript中的正则表达式简明总结
2014/04/04 Javascript
将form表单中的元素转换成对象的方法适用表单提交
2014/05/02 Javascript
为什么Node.js会这么火呢?Node.js流行的原因
2014/12/01 Javascript
jQuery链使用指南
2015/01/20 Javascript
js和jquery分别验证单选框、复选框、下拉框
2015/12/17 Javascript
深入学习JavaScript的AngularJS框架中指令的使用方法
2016/03/05 Javascript
JSONP原理及简单实现
2016/06/08 Javascript
jQuery简单实现iframe的高度根据页面内容自适应的方法
2016/08/01 Javascript
bootstrap中添加额外的图标实例代码
2017/02/15 Javascript
HTML5+JS+JQuery+ECharts实现异步加载问题
2017/12/16 jQuery
微信小程序radio组件使用详解
2018/01/31 Javascript
JS实现移动端触屏拖拽功能
2018/07/31 Javascript
详解vue 在移动端体验上的优化解决方案
2019/05/20 Javascript
微信小程序如何获取地址
2019/12/24 Javascript
vue 路由守卫(导航守卫)及其具体使用
2020/02/25 Javascript
python搭建虚拟环境的步骤详解
2016/09/27 Python
python中format()函数的简单使用教程
2018/03/14 Python
Python中logging实例讲解
2019/01/17 Python
python如何获取列表中每个元素的下标位置
2019/07/01 Python
Python计算一个点到所有点的欧式距离实现方法
2019/07/04 Python
tensorflow 初始化未初始化的变量实例
2020/02/06 Python
Python-jenkins模块之folder相关操作介绍
2020/05/12 Python
移动web模拟客户端实现多方框输入密码效果【附代码】
2016/03/25 HTML / CSS
前端canvas水印快速制作(附完整代码)
2019/09/19 HTML / CSS
安全生产网格化管理实施方案
2014/03/01 职场文书
艺术设计专业毕业生推荐信
2014/07/08 职场文书
2014年企业工会工作总结
2014/11/12 职场文书
中班下学期个人工作总结
2015/02/12 职场文书
机器人总动员观后感
2015/06/09 职场文书
高中历史教学反思
2016/02/19 职场文书