Yii2压缩PHP中模板代码的输出问题
在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中模板代码的输出问题,希望对大家有所帮助
上一篇: SEO新手需要掌握哪些基本SEO技巧
推荐阅读
-
解决Python中list里的中文输出到html模板里的问题
-
Yii2压缩PHP中模板代码的输出问题
-
PHP中的输出echo、print、printf、sprintf、print_r和var_dump的示例代码
-
php中强制下载文件的代码(解决了IE下中文文件名乱码问题)
-
详解WordPress中调用评论模板和循环输出评论的PHP函数
-
请问小弟我的代码中的有关问题 ajax+php(CodeIgniter)
-
图片下载 - php中header()函数图片输出的问题
-
thinkphp3.2Php代码和标签在模板文件中的混合使用
-
图片下载 - php中header()函数图片输出的问题
-
请问小弟我的代码中的有关问题 ajax+php(CodeIgniter)