知识大全利用ExtJS构建客户端三层初探

Posted 2022-07-20 函数

篇首语：构成我们学习最大障碍的是已知的东西，而不是未知的东西。本文由小常识网(cha138.com)小编为大家整理，主要介绍了知识大全利用ExtJS构建客户端三层初探相关的知识，希望对你有一定的参考价值。

利用ExtJS构建客户端三层初探 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！

　　在软件架构中特别是B/S架构中很流行使用三层架构（数据层中间层表现层）来建立软件但这从来都是服务器端的专利在传统的概念中客户端的职责就只是用来对数据进行展现而已如果说客户端也搞三层确实是一样不可思议的事件

　　为什么要搞客户端三层？

　　　　ExtJS这个框架是个功能很强大的框架由于它给了开发者很大的自由度跟细粒度开发者在开发的过程中配置使用一个组件需要编写许多的代码工作量大不说效率低可重用性低却是致命的所以聪明的开发者应该积极利用ExtJS里的面向对象功能简化自己的工作定制自己的组件才能提高自己的效率所以除了在服务器端也搞三层我们也可以在客户端搞三层定制组件简化工作

　　基本知识

　　Ext ns()（或Ext namespace()函数）相信很少有人去使用这个函数这个函数用以构建一个新的命名空间概念跟C#的命名空间或Java中的包概念一样观察源代码我们可以发现实际上这个函数只是建立了一个跟命名空间一样的类而已比如 Ext ns( buzz data utility ); 就会新建一个类名称是buzz data utility 有了这个概念我们就好办了

　　实例函数与静态函数这两种函数的区别我就不讲了主要讲讲如何在JS中实现用例子说明或许会比较直观

　　　 Ext ns( test cls );　 test cls = function() 　　　 test cls staticShow = function() 　　　　　 alert( 这是静态函数 );　　　 test cls prototype instanceShow = function() 　　　　 alert( 这是实例函数 );

　　调用如下

　　 var temp = new test cls(); temp instanceShow() test cls staticShow()

　　数据访问层

　　 Ext ns( buzz data utility ); buzz data utility buildHttpStroe = function() 　　　　 return new Ext data Store( 　　　　　　　　 proxy: new Ext data HttpProxy() 　　　　 );

　　该层用于返回一个进行基本封装的Store对象

　　中间层

　　　 Ext ns( buzz user);　 buzz user = Ext data Record create([　　　　　 name: PersonName mapping: name type: string 　　　　　 name: PersonID mapping: id type: int 　 ]); //数据模型对应服务器端的数据模型　　 buzz user load = function(url loadedCallback) 　　　　　 var st = buzz data utility buildHttpStroe();　　　　　 st proxy getConnection() url = url; 　　　　 st reader = new Ext data JsonReader( root: data buzz user); 　　　　 st on( load loadedCallback); 　　　　 st load(); 　 //静态方法用以从服务器端返回数据返回类型为buzz user类型参数url是要调用数据的地址 loadedCallback是回调函数

　　中间层部分我们新建了一个buzz user类（命名空间）该类直接创建自Record对象该对象是定制的与服务器端数据模型对应的注意使用mapping进行映射而buzz user load方法是一个静态方法不需要实例化即可使用

　　表现层部分

　　　 Ext onReady(function() 　　　　　 Ext get( btn ) on( click function() 　　　　　　　　　 buzz user load( json ashx callback);　　　　　 );　 );　　 function callback(st res op) 　　　　　 for (var i = ; i < res length;　 i++) 　　　　　　　　　 alert(String format( res[i] get( PersonID ) res[i] get( PersonName ))); 　　　　

　　回调函数三个参数 st store对象 res Record数组 op 其它附加选项

cha138/Article/program/Java/Javascript/201311/25265

知识大全 利用ExtJS构建客户端三层初探

知识大全利用ExtJS构建客户端三层初探