区块（Block）数据绑定技术

yipsilon

浏览: 246916 次
性别:
来自: 大连

最近访客更多访客>>

一个java程序员

Corey_KouRui

风窗的故事

CH.smallhow

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

项目: CMSPAD

PHP Ajax 框架 Struts XHTML

最近想出这么个点子，像开发Java一样开发PHP程序（仅架构而已），以前在Java中使用的Struts/Tiles，很不错，在PHP中只有Smarty模板生成引擎这样孤单地实现，还没发现一套可灵活使用的开发框架。于是，偶就试验了这个点子...

这个点子我取名叫“区块数据绑定技术”，关于这个技术我是这样定义的：一个页面（page）由一个或多个区块（block）组成，每个区块都有其实现类，负责区块内容的显示和操作。

下面是测试成功的样本代码，大家可以看一看，还有没有更好玩儿的特性能添加进去：

Cmspad.php 区块实现类代码

<?php
import('Block');
class Cmspad extends Block {
function pageHead(){
return "
<form name='hello' bind='Cmspad' action='' method='post'>
<input type='text' name='formAjaxText2' value='formAjaxText2'/>
<input type='submit' value='Submit'/>
</form>";
}
function pageBody(){
return "This is body";
}
function pageFooter(){
return "
<form name='methodTest' bind='Cmspad.world' action='' method='post'>
<input type='text' name='formAjaxText1' value='formAjaxText1'/>
<input type='submit' value='Submit'/>
</form>";
}
function formHello($response, $values){
$response->addAlert("Hello: ".$values['formAjaxText2']);
}
function formWorld($response, $values){
$response->addAlert("World: ".$values['formAjaxText1']);
}
}
?>

其中，pageXXX为区块内容显示函数，当前有 head、body、footer 三个显示方法；formXXX是区块内容处理函数，使用Ajax进行数据传输，当前有 hello 和 world 处理过程，这两个过程在pageHead和pageFooter中定义的表单里可以看到绑定的内容。继续往下看：

index.php前台显示页代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>CMSPAD Block Databinding Test</title>
<?php include('cmspad_block.php') ?>
</head>
<body>
<div id="main" >
<DIV id="head" bind="Cmspad.head"></DIV>
<div id="body" bind="Cmspad"></div>
<div id="foot" bind="Cmspad.footer"></div>
</div>
</body>
</html>

当前大家应该注意到了，里面的DIV中，有个bind属性，这就是区块数据绑定的关键。从这个页面可以看出，index.php页总共有三个区块，ID分别是 head、body、foot，他们绑定显示内容的方法是 Cmspad.head、Cmspad.body、Cmspad.footer 方法，转换成实际的类方法，就是 Cmspad.pageHead、Cmspad.pageBody、Cmspad.pageFooter 方法，这时，现实的效果就像如下的截图。

点击第一个按钮的效果