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中的strtr函数使用介绍(str_replace)
Oct 20 PHP
PHP中Header使用的HTTP协议及常用方法小结
Nov 04 PHP
php中get_defined_constants函数用法实例分析
May 12 PHP
php导出中文内容excel文件类实例
Jul 06 PHP
jQuery+PHP发布的内容进行无刷新分页(Fckeditor)
Oct 22 PHP
简单了解将WordPress中的工具栏移到底部的小技巧
Dec 31 PHP
PHP线程的内存回收问题
Jul 08 PHP
PHP入门教程之数学运算技巧总结
Sep 11 PHP
基于ThinkPHP实现的日历功能实例详解
Apr 15 PHP
PHP文字转图片功能原理与实现方法分析
Aug 31 PHP
PHP实现会员账号单唯一登录的方法分析
Mar 07 PHP
PHP实现微信退款的方法示例
Mar 26 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
一个可查询所有表的“通用”查询分页类
2006/10/09 PHP
php常用字符串处理函数实例分析
2014/11/22 PHP
PHP使用fopen与file_get_contents读取文件实例分享
2016/03/04 PHP
js 点击按钮弹出另一页,选择值后,返回到当前页
2010/05/26 Javascript
De facto standard 世界上不可思议的事实标准
2010/08/29 Javascript
Jquery下:nth-child(an+b)的使用注意
2011/05/28 Javascript
关于JS控制代码暂停的实现方法分享
2012/10/11 Javascript
javascript parseInt() 函数的进制转换注意细节
2013/01/08 Javascript
jQuery 遍历-nextUntil()方法以及prevUntil()方法的使用介绍
2013/04/26 Javascript
介绍JavaScript的一个微型模版
2015/06/24 Javascript
javascript实现点击单选按钮链接转向对应网址的方法
2015/08/12 Javascript
初步使用Node连接Mysql数据库
2016/03/03 Javascript
JS简单实现数组去重的方法示例
2017/03/27 Javascript
微信小程序 页面跳转如何实现传值
2017/04/05 Javascript
详解Angular2学习笔记之Html属性绑定
2018/01/03 Javascript
通过循环优化 JavaScript 程序
2019/06/24 Javascript
element-ui 文件上传修改文件名的方法示例
2019/11/05 Javascript
ssm+vue前后端分离框架整合实现(附源码)
2020/07/08 Javascript
js实现全选和全不选功能
2020/07/28 Javascript
js实现页面导航层级指示效果
2020/08/25 Javascript
[01:03:33]Alliance vs TNC 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/18 DOTA
python访问系统环境变量的方法
2015/04/29 Python
在python中按照特定顺序访问字典的方法详解
2018/12/14 Python
Python 判断图像是否读取成功的方法
2019/01/26 Python
用python做游戏的细节详解
2019/06/25 Python
Python Collatz序列实现过程解析
2019/10/12 Python
python在不同条件下的输入与输出
2020/02/13 Python
解决pycharm不能自动补全第三方库的函数和属性问题
2020/03/12 Python
Python调用OpenCV实现图像平滑代码实例
2020/06/19 Python
Html5 webRTC简单实现视频调用的示例代码
2020/09/23 HTML / CSS
印度排名第一的蛋糕、鲜花和礼品送货:Winni
2019/08/02 全球购物
阿迪达斯英国官方网站:adidas英国
2019/08/13 全球购物
2014教师党员自我评议总结
2014/09/19 职场文书
银行客户经理培训心得体会
2016/01/09 职场文书
各国货币符号大全
2022/02/17 杂记
JavaScript parseInt0.0000005打印5原理解析
2022/07/23 Javascript