但其在UI方便卻有些力不從心，不僅是PHP，任何一種Web程式語言在設計UI都有類似的問題，宿主語言與HTML混和在一個文件中，大量重複的HTML代碼，毫無任何技術含量，但又非常的費時費力。於是我就希望能夠對之前做過的PHP項目UI部分進行總結和歸納，將其封裝為一個個小的組件（就像Delphi中的組件一樣），在界面上呈現為統一的風格，日後可以再針對這結組件編寫多個CSS文件，提供「換膚」功能。
所有的元件都繼承自AbatractComponent這個類，並實作其中的toString()和render()方法。 AbatractComponent又有三個主要的子類，一個是容器類Continer，其又派生出Panel、PopPanel和GroupPanel等類，第二個是控件類Control，是所有可視控件類的父類，如Button、LinkButton等類，第三個則是列表類List，實作有列表，名稱-值對的UI。
AbstractComponent 部分代碼：
/**
* 元件庫
*
* @author Chris Mao
* @package 元件
* @description 所有元件必須從類別
* 擴充並重寫 toString 的兩個方法。
* @copyright 版權所有 (c) 2009 爵銳軟體工作室
*
**/
class AbstractComponent {
/*
* @var _ _style = 陣列();
/*
* @var _attributes 元件屬性的字串
*
* @access protected
*
*/
protected $_attributbutn(attri); public function __construct($options = null, $style = null) {
if (!is_null($options) && (gettype($options) != "array")) {
拋出new Exception("選項必須是數組！ )) {
$ this->_style = array_merge($this->_style, $options["style"]);
}
unset($options["style"]);
}
unset($options["style"]);
}
unset($options["style"]);
} array_merge($this->_attributes, $options);
}
if (!empty($style) && is_array($style)) {
$this->_style = array_merge($this->_style, $style);
}
}
/**
* 建構子
*
* @access public
*
*/
受保護函數setAttr($name, $value) {
if (array_key_exists($name, $this->_attributes)) {Ｓ ) ;_屬性[$名稱]);
}
$this->_attributes[$name] = $value;
回傳$this;
}
/**
* 設定元件屬性
*
* @access protected
*
* @param $name 屬性名稱
* @param $value 屬性值，選項
*
*Compreturn Abstract
**/
受保護函數getAttr($ name) {
return array_key_exists($name, $this->_attributes) ? $this->_attributes[$name] : null;
}
/**set
* 取得元件屬性值
*
* @access protected
*
* @param $name 屬性名稱
*
* @return string
*/ value) {
if (array_key_exists($name, $this->_style)) {
unset($this->_style) [$名稱]);
}
$this->_style[$name] = $value;
回傳$this；
}
/**
* 設定元件樣式
*
* @access protected
*
* @param $name 樣式名稱
* @param $value 樣式值、選項
*
* @return Abstracton*/
受保護函數getStyle($name) {
return array_key_exists($name, $this->_style) ?this $this->_style[$name] : null;
}
/**
* 取得元件樣式值
*
* @access protected
*
* @param $name 屬性名稱
*
* @return string
*/
}
/**
* 將元件所有屬性轉換為字串，如 name = "value"
*
* @access protected
*
* @return string
*/
受保護的函數attributeToString() {
//$s = array_reduce(;
$s = "";
for]$ key =>; $value) {
$s .= " $key="$value" ";
}
return $s;
/**
* 將元件樣式轉換為字串，如 style = "....."
*
* @access protected
*
* @return string
*/
受保護函數() {
/**
* 設定或取得元件屬性
*
* @access public
*
* @param $name 屬性名稱
* @param $value 屬性值，選項
**/
受保護函數() { (empty( $this->_style)) return "";
$s = "";
foreach($this->_style as $key => $value) {
$s .= " $key: $value; ";
}
$s = " style="$s" ";
return $s;
}
/**&*/
public function attr() {getſ
/**&*/
public function attr() {getſ
($unc);
if (func_num_args() == 1) {
return $this->getAttr($name);
}
else if (func_num_args() == 2) {
$value = func_get_arg(1); >setAttr($name, $value);
}
}
/**
* 設定或取得元件樣式
*
* @access public
*
* @param $name 樣式名稱
* @param $value 樣式值，選項
*
* @return string ||*/
public function style() {
$name = func_get_arg(0);
if ( {
return $this->getStyle($name);
}
else if (func_num_args() == 2) {
$value = func_get_arg(1);
return $this-name,Svalue = func_get_arg(1);
return $this-name. ;
}
}
/**
* 回傳 HTML 字串
*
* @access public
*
* @return string
**/
public function toString() {
thorw New AbstractException("子類別必須重寫此方法！！");#
} */
public function render() {
echo $this->toString();
}
}
更多相關內容請關注PHP中文網（www.php.cn）！
