|
http://www.paper51.com 目 录 内容来自www.paper51.com 1 引言. 1 内容来自www.paper51.com 2 传统WEB开发模式的缺点与不足. 1 paper51.com 3 采用ExtJS框架的好处. 1 内容来自论文无忧网 www.paper51.com 4 ExtJS数据存储. 2 copyright paper51.com 4.1 Array数据结构. 2 paper51.com 4.2 JSON数据结构. 2 内容来自www.paper51.com
4.3 XML数据结构. 3 paper51.com
5 ExtJS数据交互. 4 copyright paper51.com 6 ExtJS应用实例—从本域服务器获取数据显示在grid中. 5 内容来自论文无忧网 www.paper51.com
7 总结. 7 copyright paper51.com 参考文献. 8 内容来自论文无忧网 www.paper51.com 致 谢. 9 内容来自论文无忧网 www.paper51.com
paper51.com 1 引言 内容来自论文无忧网 www.paper51.com
在WEB2.0的时代，采用AJAX技术实现客户端与服务器的数据交互很流行，它不用刷新整个页面。服务器响应请求后，把处理好的有效数据回送给浏览器，只跟新页面的一部分内容，用户没有等待的感觉，也不会出现闪屏的现象，大大提高了用户体验。于是出现了很多JS（JavaScript）类库，有的适合作为WEB前端开发辅助类库，有的则是适合用于WEB富客户端（RIA）开发的类库。传统的WEB开发使用辅助类库可以方便快捷的实现前端简单处理功能，富客户端开发类库则全部采用JS来构建客户端。ExtJS就是这样一个完全采用AJAX技术构建RIA的优秀JS类库。 http://www.paper51.com 2 传统WEB开发模式的缺点与不足 内容来自www.paper51.com
在传统的WEB开发模式下，浏览器是无状态的，用户向服务器提交请求后，浏览器下载当前页面的全部内容到本地，在浏览器中按照相应的规范显示给用户。当用户需要向服务器提交数据时，可以在表单中填写好数据，然后单击按钮提交，这时浏览器会把整个表单提交给服务器，服务器接收客户端请求后对提交过来的数据做出相应处理，把处理结果回送给浏览器，这时刷新浏览器整个页面。在这个刷新的过程中，客户会感觉到闪屏，当网速比较慢的情况下，不能快速从服务器下载全部页面内容到本地，浏览器没有内容及时呈现给用户，页面一片空白，用户这时能做的就只有等待，这给用户带来很不好的体验。 http://www.paper51.com 3 采用ExtJS框架的好处 http://www.paper51.com ExtJS是一个JavaScript库，它完全采用面向对象的思想进行架构，框架中的所有组件和工具都被定义为类或单体类，并分布在特定的命名空间中。它内置了既美观又丰富的UI组件，能实现组件间的无缝隙调用，极其适合构建跨浏览器的RIA应用。 copyright paper51.com 采用ExtJS开发的基于WEB的信息管理系统具有美观的用户界面，给用户赏心悦目的感觉。这类系统全部采用AJAX实现客户端与服务器的数据交互，用户向服务器提交请求后，服务器只向客户端回送很少的效有数据，局部跟新浏览器中内容，不需要进行跟新的部分任然随时显示在浏览器中。因为不是全部刷新页面，也就不会有闪屏的情况，每次交换的只是很少的有效数据，在网络上传输的数据量很少，节约了大量带宽，传输速度会更高，客户端也会更快得到服务器的响应结果并及时呈现给用户。 paper51.com ExtJS是与后台完全无关的前端框架，因此可以把ExtJS用在php、java、.net等各种开发语言开发的应用中。他对浏览器的兼容也做了相当好的处理，全部兼容现在主流的浏览器，这在开发WEB应用中一直都是一个很难解决的问题，而ExtJS提供了很好的解决方案，不需要程序员再为这类问题苦思冥想了。 http://www.paper51.com |