Yii2压缩PHP中模板代码的输出问题


Posted in PHP onAugust 28, 2018

在Web开发中,无论是PHP的框架还是Python的框架,都会遇到使用模板的时候,在使用模板的时候就会遇到一个问题,就是使用模板编写的代码通过查看源代码的时候,会发现代码混乱不堪,对于代码格式又嫉妒追求的我来说我因受不了,但是目前也没有找到什么好的格式化输出的办法

但是格式化输出的话,也会需要处理一个压缩的问题,最终还是选择一个方案,开发的时候为了查看代码修改代码,就不做处理,但是上线的时候还是要做下压缩的处理,就是将无用的空格或者换行之类的全部删除掉。

问题前提已经抛出,现在看看如何解决这个问题,为了防止重复早轮子网上也查了一遍,结果也找到了,但是用composer安装的时候又是各种的不兼容,于是看了下源代码,其实很简单。这里我就简答的说下如何使用

具体的逻辑我就不多说了,其实自己理解了下面的使用流程,自己改写也不是太难的事情

第一步 功能开发

创建两个文件一个是components/HtmlMinify.php,代码逻辑如下

<?php
namespace app\components;
use app\helpers\HtmlMinifyHelper;
use Yii;
use yii\base\Component;
use yii\base\Event;
use yii\web\Response;
use yii\web\View;
class HtmlMinify extends Component
{
 /**
  * Minify html. Process before response send
  * @var bool
  */
 public $html = false;
 /**
  * Minify css on page, added by registerCss. Process before render page in view component
  * @var bool
  */
 public $css = false;
 /**
  * Minify css on page. Process before render page in view component
  * @var bool
  */
 public $js = false;
 /**
  * Response formats list, where enable minify html
  * @var array
  */
 public $formats = [
  Response::FORMAT_HTML,
 ];
 public function init()
 {
  /** @var $this View */
  Yii::$app->view->on(View::EVENT_END_PAGE, [$this, 'onEventEndPage']);
  Yii::$app->response->on(Response::EVENT_BEFORE_SEND, [$this, 'onEventBeforeSend']);
 }
 public function onEventEndPage(Event $event)
 {
  $view = $event->sender;
  if ($this->css && !empty($view->css)) {
   foreach ($view->css as &$css) {
    $css = HtmlMinifyHelper::css($css);
   }
  }
  if ($this->js && !empty($view->js)) {
   foreach ($view->js as &$list) {
    foreach ($list as &$js) {
     $js = HtmlMinifyHelper::js($js);
    }
   }
  }
 }
 public function onEventBeforeSend(Event $event)
 {
  $response = $event->sender;
  if ($this->html & in_array($response->format, $this->formats)) {
   if (!empty($response->data)) {
    $response->data = HtmlMinifyHelper::html($response->data);
   }
   if (!empty($response->content)) {
    $response->content = HtmlMinifyHelper::html($response->content);
   }
  }
 }
}

另外一个文件上是helpers/HtmlMinifyHelper.php,代码逻辑如下

<?php
namespace app\helpers;
class HtmlMinifyHelper
{
 public static function html($input)
 {
  if (trim($input) === "") {
   return $input;
  }
  // Remove extra white-space(s) between HTML attribute(s)
  $input = preg_replace_callback('#<([^\/\s<>!]+)(?:\s+([^<>]*?)\s*|\s*)(\/?)>#s', function ($matches) {
   return '<' . $matches[1] . preg_replace('#([^\s=]+)(\=([\'"]?)(.*?)\3)?(\s+|$)#s', ' $1$2', $matches[2]) . $matches[3] . '>';
  }, str_replace("\r", "", $input));
  // Minify inline CSS declaration(s)
  if (strpos($input, ' style=') !==false){   $input=preg_replace_callback('#<([^<]+?)\s+style=([\'"])(.*?)\2(?=[\/\s>])#s',function ($matches){    return '<' . $matches[1] . ' style=' . $matches[2] . self::css($matches[3]) . $matches[2];
   }, $input);
  }
  return preg_replace(
   [
    // t = text
    // o = tag open
    // c = tag close
    // Keep important white-space(s) after self-closing HTML tag(s)
    '#<(img|input)(>| .*?>)#s',
    // Remove a line break and two or more white-space(s) between tag(s)
    '#(<!--.*?-->)|(>)(?:\n*|\s{2,})(<)|^\s*|\s*$#s',
    '#(<!--.*?-->)|(?<!\>)\s+(<\/.*?>)|(<[^\/]*?>)\s+(?!\<)#s', // t+c || o+t
    '#(<!--.*?-->)|(<[^\/]*?>)\s+(<[^\/]*?>)|(<\/.*?>)\s+(<\/.*?>)#s', // o+o || c+c
    '#(<!--.*?-->)|(<\/.*?>)\s+(\s)(?!\<)|(?<!\>)\s+(\s)(<[^\/]*?\/?>)|(<[^\/]*?\/?>)\s+(\s)(?!\<)#s', // c+t || t+o || o+t -- separated by long white-space(s)
    '#(<!--.*?-->)|(<[^\/]*?>)\s+(<\/.*?>)#s', // empty tag
    '#<(img|input)(>| .*?>)<\/\1>#s', // reset previous fix
    '#( ) (?![<\s])#', // clean up ...
    '#(?<=\>)( )(?=\<)#', // --ibid
    // Remove HTML comment(s) except IE comment(s)
    '#\s*<!--(?!\[if\s).*?-->\s*|(?<!\>)\n+(?=\<[^!])#s',
   ],
   [
    '<$1$2</$1>',
    '$1$2$3',
    '$1$2$3',
    '$1$2$3$4$5',
    '$1$2$3$4$5$6$7',
    '$1$2$3',
    '<$1$2',
    '$1 ',
    '$1',
    "",
   ],
   $input);
 }
 public static function css($input)
 {
  if (trim($input) === "") {
   return $input;
  }
  return preg_replace(
   [
    // Remove comment(s)
    '#("(?:[^"\\\]++|\\\.)*+"|\'(?:[^\'\\\\]++|\\\.)*+\')|\/\*(?!\!)(?>.*?\*\/)|^\s*|\s*$#s',
    // Remove unused white-space(s)
    '#("(?:[^"\\\]++|\\\.)*+"|\'(?:[^\'\\\\]++|\\\.)*+\'|\/\*(?>.*?\*\/))|\s*+;\s*+(})\s*+|\s*+([*$~^|]?+=|[{};,>~+]|\s*+-(?![0-9\.])|!important\b)\s*+|([[(:])\s++|\s++([])])|\s++(:)\s*+(?!(?>[^{}"\']++|"(?:[^"\\\]++|\\\.)*+"|\'(?:[^\'\\\\]++|\\\.)*+\')*+{)|^\s++|\s++\z|(\s)\s+#si',
    // Replace `0(cm|em|ex|in|mm|pc|pt|px|vh|vw|%)` with `0`
    '#(?<=[\s:])(0)(cm|em|ex|in|mm|pc|pt|px|vh|vw|%)#si',
    // Replace `:0 0 0 0` with `:0`
    '#:(0\s+0|0\s+0\s+0\s+0)(?=[;\}]|\!important)#i',
    // Replace `background-position:0` with `background-position:0 0`
    '#(background-position):0(?=[;\}])#si',
    // Replace `0.6` with `.6`, but only when preceded by `:`, `,`, `-` or a white-space
    '#(?<=[\s:,\-])0+\.(\d+)#s',
    // Minify string value
    '#(\/\*(?>.*?\*\/))|(?<!content\:)([\'"])([a-z_][a-z0-9\-_]*?)\2(?=[\s\{\}\];,])#si',
    '#(\/\*(?>.*?\*\/))|(\burl\()([\'"])([^\s]+?)\3(\))#si',
    // Minify HEX color code
    '#(?<=[\s:,\-]\#)([a-f0-6]+)\1([a-f0-6]+)\2([a-f0-6]+)\3#i',
    // Replace `(border|outline):none` with `(border|outline):0`
    '#(?<=[\{;])(border|outline):none(?=[;\}\!])#',
    // Remove empty selector(s)
    '#(\/\*(?>.*?\*\/))|(^|[\{\}])(?:[^\s\{\}]+)\{\}#s',
   ],
   [
    '$1',
    '$1$2$3$4$5$6$7',
    '$1',
    ':0',
    '$1:0 0',
    '.$1',
    '$1$3',
    '$1$2$4$5',
    '$1$2$3',
    '$1:0',
    '$1$2',
   ],
   $input);
 }
 public static function js($input)
 {
  if (trim($input) === "") {
   return $input;
  }
  return preg_replace(
   [
    // Remove comment(s)
    '#\s*("(?:[^"\\\]++|\\\.)*+"|\'(?:[^\'\\\\]++|\\\.)*+\')\s*|\s*\/\*(?!\!|@cc_on)(?>[\s\S]*?\*\/)\s*|\s*(?<![\:\=])\/\/.*(?=[\n\r]|$)|^\s*|\s*$#',
    // Remove white-space(s) outside the string and regex
    '#("(?:[^"\\\]++|\\\.)*+"|\'(?:[^\'\\\\]++|\\\.)*+\'|\/\*(?>.*?\*\/)|\/(?!\/)[^\n\r]*?\/(?=[\s.,;]|[gimuy]|$))|\s*([!%&*\(\)\-=+\[\]\{\}|;:,.<>?\/])\s*#s',
    // Remove the last semicolon
    '#;+\}#',
    // Minify object attribute(s) except JSON attribute(s). From `{'foo':'bar'}` to `{foo:'bar'}`
    '#([\{,])([\'])(\d+|[a-z_][a-z0-9_]*)\2(?=\:)#i',
    // --ibid. From `foo['bar']` to `foo.bar`
    '#([a-z0-9_\)\]])\[([\'"])([a-z_][a-z0-9_]*)\2\]#i',
   ],
   [
    '$1',
    '$1$2',
    '}',
    '$1$3',
    '$1.$3',
   ],
   $input);
 }
}

第二步 功能配置

修改配置文件文件,这里修改config/web.php

components中加入如下代码

'htmlMinify' => [
 'class' => 'app\components\HtmlMinify',
 'html' => !YII_ENV_DEV, // 这里只开启了html的
],

在bootstrap中加入如下代码

'bootstrap' => ['log', 'htmlMinify'], // log是默认加的, htmlMinify是我们自己加的

到这里就结束了配置可以试着在生产环境试下

总结

以上所述是小编给大家介绍的Yii2压缩PHP中模板代码的输出问题,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

PHP 相关文章推荐
php下将XML转换为数组
Jan 01 PHP
PHP数组交集的优化代码分析
Mar 06 PHP
php实现refresh刷新页面批量导入数据的方法
Dec 23 PHP
discuz图片顺序混乱解决方案
Jul 29 PHP
PHP单例模式是什么 php实现单例模式的方法
May 14 PHP
详解php用curl调用接口方法,get和post两种方式
Jan 13 PHP
Yii2 批量插入、更新数据实例
Mar 15 PHP
PHP框架自动加载类文件原理详解
Jun 06 PHP
PHP与以太坊交互详解
Aug 24 PHP
php使用curl模拟浏览器表单上传文件或者图片的方法
Nov 10 PHP
Laravel框架验证码类用法实例分析
Sep 11 PHP
thinkphp5.1框架实现格式化mysql时间戳为日期的方式小结
Oct 10 PHP
PHP实现的XXTEA加密解密算法示例
Aug 28 #PHP
PHP两个n位的二进制整数相加问题的解决
Aug 26 #PHP
PHP连接sftp并下载文件的方法教程
Aug 26 #PHP
PHP操作Redis数据库常用方法示例
Aug 25 #PHP
PHP实现基于3DES算法加密解密字符串示例
Aug 24 #PHP
PHP与以太坊交互详解
Aug 24 #PHP
php获取微信基础接口凭证Access_token
Aug 23 #PHP
You might like
php 带逗号千位符数字的处理方法
2012/01/10 PHP
php中使用$_REQUEST需要注意的一个问题
2013/05/02 PHP
几个实用的PHP内置函数使用指南
2014/11/27 PHP
9条PHP编程小知识及易犯的小错误
2015/01/22 PHP
基于PHP生成简单的验证码
2016/06/01 PHP
PHP常用操作类之通信数据封装类的实现
2017/07/16 PHP
从JavaScript 到 JQuery (1)学习小结
2009/02/12 Javascript
基于jQuery的左右滚动实现代码
2010/12/03 Javascript
Javascript aop(面向切面编程)之around(环绕)分析
2015/05/01 Javascript
招聘网站基于jQuery实现自动刷新简历
2015/05/10 Javascript
Jquery中基本选择器用法实例详解
2015/05/18 Javascript
简介JavaScript中substring()方法的使用
2015/06/06 Javascript
原生js实现class的添加和删除简单代码
2016/07/12 Javascript
JavaScript学习笔记整理_setTimeout的应用
2016/09/19 Javascript
javascript基础知识讲解
2017/01/11 Javascript
canvas滤镜效果实现代码
2017/02/06 Javascript
Angular Renderer (渲染器)的具体使用
2018/05/03 Javascript
layui问题之自动滚动二级iframe页面到指定位置的方法
2019/09/18 Javascript
vue全局使用axios的操作
2020/09/08 Javascript
使用IronPython把Python脚本集成到.NET程序中的教程
2015/03/31 Python
在Python中使用正则表达式的方法
2015/08/13 Python
python游戏地图最短路径求解
2019/01/16 Python
详解Python函数式编程—高阶函数
2019/03/29 Python
python 设置xlabel,ylabel 坐标轴字体大小,字体类型
2019/07/23 Python
利用python在excel中画图的实现方法
2020/03/17 Python
python实现UDP协议下的文件传输
2020/03/20 Python
Python 使用双重循环打印图形菱形操作
2020/08/09 Python
CSS3的一个简单导航栏实现
2015/08/03 HTML / CSS
美国时尚在线:Showpo
2017/09/08 全球购物
建议书标准格式
2014/03/12 职场文书
美丽乡村建设实施方案
2014/03/23 职场文书
班级学雷锋活动总结
2014/06/26 职场文书
机器人瓦力观后感
2015/06/12 职场文书
维护民族团结心得体会2016
2016/01/15 职场文书
鲲鹏 CentOS 7 安装Python3.7
2022/05/11 Servers
WIN10使用IIS部署ftp服务器详细教程
2022/08/05 Servers