论坛首页 → 编程语言技术论坛 →

区块（Block）数据绑定技术

浏览 7205 次
锁定老帖子 主题：区块（Block）数据绑定技术
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
  • yipsilon
  • 等级: 四星会员
  • 性别:
  • 文章: 210
  • 积分: 490
  • 来自: 大连
   发表时间：2007-05-20  
PHP

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

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

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

Cmspad.php 区块实现类代码
  1. <?php  
  2. import('Block');   
  3. class Cmspad extends Block {   
  4.   
  5.     function pageHead(){   
  6.         return "   
  7.         <form name='hello' bind='Cmspad' action='' method='post'>  
  8.             <input type='text' name='formAjaxText2' value='formAjaxText2'/>  
  9.             <input type='submit' value='Submit'/>  
  10.         </form>";   
  11.     }   
  12.   
  13.     function pageBody(){   
  14.         return "This is body";   
  15.     }   
  16.   
  17.     function pageFooter(){   
  18.         return "   
  19.         <form name='methodTest' bind='Cmspad.world' action='' method='post'>  
  20.             <input type='text' name='formAjaxText1' value='formAjaxText1'/>  
  21.             <input type='submit' value='Submit'/>  
  22.         </form>";   
  23.     }   
  24.   
  25.     function formHello($response, $values){   
  26.         $response->addAlert("Hello: ".$values['formAjaxText2']);   
  27.     }   
  28.   
  29.     function formWorld($response, $values){   
  30.         $response->addAlert("World: ".$values['formAjaxText1']);   
  31.     }   
  32. }   
  33. ?>  

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

index.php前台显示页代码
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. <html>  
  3. <head>  
  4. <title>CMSPAD Block Databinding Test</title>  
  5. <?php include('cmspad_block.php') ?>  
  6. </head>  
  7. <body>  
  8. <div id="main" >  
  9.   <DIV id="head" bind="Cmspad.head"></DIV>  
  10.   <div id="body" bind="Cmspad"></div>  
  11.   <div id="foot" bind="Cmspad.footer"></div>  
  12. </div>  
  13. </body>  
  14. </html>  

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

 点击第一个按钮的效果

点击第二个按钮的效果

大家看到了，当点击第一个 Submit 按钮的时候，弹出了这个对话框，而这个对话框的内容在 区块实现代码 中可以找到，那就是 Cmspad.formHello 里的方法，第二个按钮同理。

这意味着什么，每个页面的去管只需要负责它自身范围的内容和操作即可，不需要涉及太多东西。这样再加上Smarty模板技术，美工和程序员就可以分开工作了，起码不用为代码变动而吵来吵去～:)

PS：一大早上写这个，大脑还是有些迷糊，看不懂的朋友们别介意，呵呵。此实现的完整版（包含Smarty模板引擎和其他好玩儿的特性）已加入到CMSPAD项目中，关于该项目的具体开发进度看这里：http://yipsilon.iteye.com/blog/80249
  • 描述: 点击第一个按钮的执行效果
  • 大小: 28.5 KB
  • 描述: 点击第二个按钮的执行效果
  • 大小: 29.7 KB
返回顶楼
         
  • yipsilon
  • 等级: 四星会员
  • 性别:
  • 文章: 210
  • 积分: 490
  • 来自: 大连
   发表时间：2007-05-22  
CMSPAD LITE版做好了，看看演示吧。HOHO

http://www.eclipseworld.org/beta/cmspad/index.php
返回顶楼
          回帖地址
0 请登录后投票
  • yipsilon
  • 等级: 四星会员
  • 性别:
  • 文章: 210
  • 积分: 490
  • 来自: 大连
   发表时间：2007-05-24  
新版的FORM，支持无刷新的文件上传。

在IE7、FF2、OP9下测试通过....

楼上的网址里有演示～:)
返回顶楼
          回帖地址
0 请登录后投票
  • qiezi
  • 等级: 一钻会员
  • 性别:
  • 文章: 806
  • 积分: 893
  • 来自: 上海
   发表时间：2007-05-24  
小建议。你的区块是一个一个加载的，通常这种体验并不好，一块要5秒，3块就是15秒，最好是一起请求。

另外js文件不能搞成可读的么？我怎么就没找到项目完整代码下载呢？
返回顶楼
          回帖地址
0 请登录后投票
  • yipsilon
  • 等级: 四星会员
  • 性别:
  • 文章: 210
  • 积分: 490
  • 来自: 大连
   发表时间：2007-05-25  
啊呀，建议很好嘛，偶们这就研究去，一次性区块载入技术。HOHO
返回顶楼
          回帖地址
0 请登录后投票
  • yipsilon
  • 等级: 四星会员
  • 性别:
  • 文章: 210
  • 积分: 490
  • 来自: 大连
   发表时间：2007-05-26  
To qiezi:

你说的“区块一次性载入”这个特性，已经做好并放到演示页上了。
返回顶楼
          回帖地址
0 请登录后投票
  • imjl
  • 等级: 二星会员
  • 性别:
  • 文章: 678
  • 积分: 166
  • 来自: 上海
   发表时间：2007-06-03  
引用

在PHP中只有Smarty模板生成引擎这样孤单地实现，还没发现一套可灵活使用的开发框架。


引用

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


你真的看过smarty？smarty没有block？


返回顶楼
          回帖地址
0 请登录后投票
  • yipsilon
  • 等级: 四星会员
  • 性别:
  • 文章: 210
  • 积分: 490
  • 来自: 大连
   发表时间：2007-08-20  
smarty的block不过是在PHP代码中调用一个特定参数的function。

而这里的block是指把页面内容分块，每个块儿就叫做block。
返回顶楼
          回帖地址
0 请登录后投票
论坛首页 → 编程语言技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics