但其在UI方便卻有些力不從心，不僅是php，任何一種Web編程語(yǔ)言在設(shè)計(jì)UI都有類(lèi)似的問(wèn)題，宿主語(yǔ)言與HTML混和在一個(gè)文件中，大量重復(fù)的 HTML代碼，毫無(wú)任何技術(shù)含量，但又非常的費(fèi)時(shí)費(fèi)力。于是我就希望能夠?qū)χ白鲞^(guò)的php項(xiàng)目UI部分進(jìn)行總結(jié)和歸納，將其封裝為一個(gè)個(gè)小的組件（就像 Delphi中的組件一樣），在界面上呈現(xiàn)為統(tǒng)一的風(fēng)格，日后可以再針對(duì)這結(jié)組件編寫(xiě)多個(gè)CSS文件，提供“換膚”功能。

所有的組件都繼承自AbatractComponent這個(gè)類(lèi)，并實(shí)現(xiàn)其中的toString()和render()方法。AbatractComponent又有三個(gè)主要的子類(lèi)，一個(gè)是容器類(lèi)Continer，其又派生出Panel、PopPanel和GroupPanel等類(lèi)，第二個(gè)是控件類(lèi)Control，是所有可視控件類(lèi)的父類(lèi)，如Button、LinkButton等類(lèi)，第三個(gè)則是列表類(lèi)List，實(shí)現(xiàn)有列表，名-值對(duì)的UI。

AbstractComponent部分代碼：
復(fù)制代碼 代碼如下:
<?php
/**
* Component Library
*
* @author Chris Mao
* @package Component
* @description All components must be extened from the class
* and override the both methods of toString.
* @copyright Copyright (c) 2009 JueRui Soft Studio
*
**/
class AbstractComponent {

/*
* @var _style the component style's array
*
* @access protected
*
*/
protected $_style = array();
/*
* @var _attributes the component attribute's string
*
* @access protected
*
*/
protected $_attributes = array();

/**
* constructor function
*
* @access public
*
*/
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);
}
}

/**
* set the component attributes
*
* @access protected
*
* @param $name attribute name
* @param $value attribute value, option
*
* @return AbstractComponent
*/
protected function setAttr($name, $value) {
if (array_key_exists($name, $this->_attributes)) {
unset($this->_attributes[$name]);
}
$this->_attributes[$name] = $value;
return $this;
}

/**
* get the component attributes' value
*
* @access protected
*
* @param $name attribute name
*
* @return string
*/
protected function getAttr($name) {
return array_key_exists($name, $this->_attributes) ? $this->_attributes[$name] : null;
}

/**
* set the component style
*
* @access protected
*
* @param $name style name
* @param $value style value, option
*
* @return AbstractComponent
*/
protected function setStyle($name, $value) {
if (array_key_exists($name, $this->_style)) {
unset($this->_style[$name]);
}
$this->_style[$name] = $value;
return $this;
}

/**
* get the component style's value
*
* @access protected
*
* @param $name attribute name
*
* @return string
*/
protected function getStyle($name) {
return array_key_exists($name, $this->_style) ? $this->_style[$name] : null;
}

/**
* convert the component all attributes to string like name = "value"
*
* @access protected
*
* @return string
*/
protected function attributeToString() {
//$s = array_reduce(;
$s = "";
foreach($this->_attributes as $key => $value) {
$s .= " $key=/"$value/" ";
}
return $s;
}

/**
* convert the component style to string like style = "....."
*
* @access protected
*
* @return string
*/
protected function styleToString() {
if (empty($this->_style)) return "";
$s = "";
foreach($this->_style as $key => $value) {
$s .= " $key: $value; ";
}
$s = " style=/"$s/" ";
return $s;
}

/**
* set or get the component attributes
*
* @access public
*
* @param $name attribute name
* @param $value attribute value, option
*
* @return string || AbstractComponent
*/
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);
}
}

/**
* set or get the component style
*
* @access public
*
* @param $name style name
* @param $value style value, option
*
* @return string || AbstractComponent
*/
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);
}
}

/**
* return the HTML string
*
* @access public
*
* @return string
**/
public function toString() {
thorw New AbstractException("subclass must be override this method!!");
}

/**
* render the component
*
* @access public
*
* @return void
**/
public function render() {
echo $this->toString();
}
}

php技術(shù)：PHP 組件化編程技巧，轉(zhuǎn)載需保留來(lái)源！

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。