PHP 组件化编程技巧

但其在UI方便却有些力不从心，不仅是PHP，任何一种Web编程语言在设计UI都有类似的问题，宿主语言与HTML混和在一个文件中，大量重复的 HTML代码，毫无任何技术含量，但又非常的费时费力。于是我就希望能够对之前做过的PHP项目UI部分进行总结和归纳，将其封装为一个个小的组件（就像 Delphi中的组件一样），在界面上呈现为统一的风格，日后可以再针对这结组件编写多个CSS文件，提供“换肤”功能。

所有的组件都继承自AbatractComponent这个类，并实现其中的toString()和render()方法。AbatractComponent又有三个主要的子类，一个是容器类Continer，其又派生出Panel、PopPanel和GroupPanel等类，第二个是控件类Control，是所有可视控件类的父类，如Button、linkButton等类，第三个则是列表类List，实现有列表，名-值对的UI。

AbstractComponent部分代码：
复制代码 代码如下:

class AbstractComponent {


protected $_style = array();

protected $_attributes = array();


public function __construct($options = null, $style = null) {
if (!is_null($options) && (gettype($options) != "array")) {
throw new Exception("The options must be a array!!");
}
if (!empty($options) && is_array($options)) {
if (array_key_exists("style", $options)) {
if (is_array($options["style"])) {
$this->_style = array_merge($this->_style, $options["style"]);
}
unset($options["style"]);
}
$this->_attributes = array_merge($this->_attributes, $options);
}
if (!empty($style) && is_array($style)) {
$this->_style = array_merge($this->_style, $style);
}
}


protected function setAttr($name, $value) {
if (array_key_exists($name, $this->_attributes)) {
unset($this->_attributes[$name]);
}
$this->_attributes[$name] = $value;
return $this;
}


protected function getAttr($name) {
return array_key_exists($name, $this->_attributes) ? $this->_attributes[$name] : null;
}


protected function setStyle($name, $value) {
if (array_key_exists($name, $this->_style)) {
unset($this->_style[$name]);
}
$this->_style[$name] = $value;
return $this;
}


protected function getStyle($name) {
return array_key_exists($name, $this->_style) ? $this->_style[$name] : null;
}


protected function attributeToString() {
//$s = array_reduce(;
$s = "";
foreach($this->_attributes as $key => $value) {
$s .= " $key="$value" ";
}
return $s;
}


protected function styleToString() {
if (empty($this->_style)) return "";
$s = "";
foreach($this->_style as $key => $value) {
$s .= " $key: $value; ";
}
$s = " style="$s" ";
return $s;
}


public function attr() {
$name = func_get_arg(0);
if (func_num_args() == 1) {
return $this->getAttr($name);
}
else if (func_num_args() == 2) {
$value = func_get_arg(1);
return $this->setAttr($name, $value);
}
}


public function style() {
$name = func_get_arg(0);
if (func_num_args() == 1) {
return $this->getStyle($name);
}
else if (func_num_args() == 2) {
$value = func_get_arg(1);
return $this->setStyle($name, $value);
}
}


public function toString() {
thorw New AbstractException("subclass must be override this method!!");
}


public function render() {
echo $this->toString();
}
}