封装php类批量解析css成json格式

---

业务需求

我相信很多同学有过做一个自定义建站系统的想法，好比某空间的自定义拖拽组件，如果想要实现一个可视化建站系统，那CSS作为前端样式而言，是必须要存入到数据库中作为配置项的，所以，这里不可避免的需要对css做解析，我这里给出我的解析方法，当然还有很大的优化空间，这只是一个初版，实现了最原始的解析过程，希望大家拍砖。

实现方法

• 话不多说，先上代码，咱们先睹为快。

 /**
  * Css解析成json类
  * Author：dreamzk
  * Data: 2015.05.21.0001
  * Release：b.15.05.21.01
  */
 class CsstoJson{
     
      /**
     	* CSS批量导入功能
     	* @function ImportCss
     	* @param $data{xxx:XXX; yyy:YYY;}
     	* @Description 按照一定规则导入CSS样式结构入库
     	* @return boolean
     	*/
    	public function ImportCss($post){        
    		$data = str_replace("}","}&",$post);        # 将}替换成｝&
        	$data =explode(\'&\',$data);                  # &用于切割每个css样式表到数组
        	array_pop($data);                           # 去掉最后一个数组元素
        	$JsonData =self:: arrayToCss($data);        
        	$length =1-count($JsonData);
        	$JsonData = substr($JsonData,$length,-1);   # 截取字符串最后
        	$JsonData = "{".$JsonData."}";
        	$JsonData = json_decode($JsonData,true);    # 转换成json数组
        	return $JsonData;
   		}
   		
   	 /**
     	  * CSS数据样式化函数
     	  * @function array_to_css
     	  * @param $ArrayData  为格式话的css样式数据
     	  */
    	public function arrayToCss($ArrayData){
        	$GetData=null;
        	//遍历传送过来的数组
        	foreach($ArrayData as $key => $arraydatas ){
            	$arraydatas = str_replace("{","&{",$arraydatas);        # 替换传送过来数据中的 { ，便于之后做字符串转换
            	$arraydatas = explode(\'&\',$arraydatas);
            	$jsondata = self::strToJson($arraydatas);
            	$GetData  =$GetData.$jsondata.",";
        	}
        	return $GetData;
    	}
    		
       /**  
     	* 解析数组里面的字符串操作
     	* @function strToJson
     	* $Strdata 二维数组，里面含有
     	*/
    	public function strToJson($Strdata){
        	//替换CSS数据名称
        	$Strdata[\'0\'] = str_replace(".","",$Strdata[\'0\']);
        	$Strdata[\'1\'] = str_replace("{","",$Strdata[\'1\']);
        	$Strdata[\'1\'] = str_replace("}","",$Strdata[\'1\']);
        	$temp = null;
       	 	$StrdataChild =  explode(\';\',$Strdata[\'1\']);
       	 	array_pop($StrdataChild);
        	foreach($StrdataChild as $key => $StrdataChilds){
            	$StrdataChilds = explode(\':\',$StrdataChilds);                         # 分解每个类名下面的属性与具体数值的键值对
            	$ProName = trim($StrdataChilds[\'0\']);                                 # 去掉表单字段的空格，不然入库无法识别
            	$jsondata = """.$ProName.""".\':\'.""".$StrdataChilds[\'1\']."",";    # 把类似height：10px这样的键值对分开成想要的数据结构
            	$temp = $temp.$jsondata;                                              # 操作css的height等具体字段配置关系
        	}
        	$ClassName = trim($Strdata[\'0\']);                                         # 去掉表单字段的空格，不然入库无法识别
       		
       		#获取当前字符串的长度
        	$length =1-count($temp);
        	#截取字符串最后
        	$temp = substr($temp,$length,-1);
        	#把当前所属分类名称加入到子集中
        	$temp = """."classname".""".":".""".$ClassName.""".",".$temp;
        	return """.$Strdata[\'0\'].""".":"."{".$temp."}";
    	} 
}

    $cssdata = ".wrapper .box{border:1px #e1e1e1 solid;}.wrapper .box .title{height:31px;border-bottom:1px #e1e1e1 solid;line-height:30px;}";
    $toJson = new CsstoJson();
    $reData = $toJson->ImportCss($cssdata);
    var_dump($reData);

思路分析

---

• 我这里是已经封装成一个类了，起哄三个函数分别处理了什么事情呢？
• 个函数importCss我们把批量的css数据根据大括号的多少切割多少个数组
• 然后把切割好的数据传值到第二个函数，然后遍历数组即可对每一组数据进行处理，再根据每一个css语句都是以分好结束作为数组分隔符切割成数组
• 第三个函数既是对分割好的数组按照json键值对的方式组合好。

总结

---

• 函数的复用性还是不是很高，希望各位看官如果有更好的方法，欢迎拍砖讨论。

如果您有任何意见或建议，请联系作者