zoukankan      html  css  js  c++  java
  • 认识ExtJS(04)--常见Web框架的ExtJS改造

    常见Web框架的ExtJS改造

      怎样开始改造工作?

      改造主要集中在对表现层的修改,底层的数据库访问不需要进行任何的变动。也就是说主要集中早这2个方面:一方面是表现部分即是JSP页面;另一方面是客户端与服务器的交互方式

     1、页面改造

      •页面框架改造

        传统页面布局很多时候是通过frame框架进行的,在不同的框架嵌入不同的功能页面,而在ExtJS中主要地通过各种布局类进行页面区域的划分,因此需要针对不同的宽假选择合适的ExtJS布局类。

      •页面主题内容改造

        页面中的主题内容主要包括各种数据展示方式,如:表格,表单等,在想ExtJS的改造过程中需要根据具体情况选择合适的ExtJS组件进行替换,通常情况下表格式的数据列表方式会对应ExtJS的Ext.grid.Panel组件,菜单对应ExtJS的Ext.tree.Panel组件,表单对应ExtJS的Ext.form.Panel组件等。

     2、与服务器交互方式的改造

     由于ExtJS中的数据的提交和获取都使用Ajax方式进行,因此原有的数据获取方式不能满足ExtJS的需求要进行改造,这部分对的改造主要分为2个部分,它们分别是数据获取方式改造和表单提交方式改造。

       •数据获取方式的改造

         传统Web应用中的JSP页面主要从request或者session中获取数据进行展示,而ExtJS中更多的情况是通过异步方式读取XML或者JSON来加载数据,因此需要将原有的数据转换成XML或JSON格式。

       •表单提交方式改造

         传统的表单提交方式会造成页面的刷新,而在ExtJS中表单是以异步方式进行提交的,因此不会造成页面刷新,提交结果需要通过JSON格式数据进行返回。

    =======================================================换肤的实现

      换肤对于现在的Web2.0网站来说是必不可少的功能。ExtJS提供了专门的工具方法Ext.util.CSS.swapStyleSheet来实现样式的切换工作。

    走在一起是缘分,在一起走是幸福; 在一起走是缘分,走在一起是幸福
  • 相关阅读:
    谢惠民,恽自求,易法槐,钱定边编数学分析习题课讲义16.2.3练习题参考解答[来自陶哲轩小弟]
    高考题(可作为试讲资料)
    美国数学教父拒绝10亿美元 免费分享教学视频
    梁启超死亡真相:主刀医生错把健康的肾切除
    [家里蹲大学数学杂志]第418期南开大学2013年实变函数期末考试试题参考解答
    陆启铿同志去世
    [电视剧]养父的花样年华
    [电视剧]错爱一生
    [家里蹲大学数学杂志]第413期插值不等式
    Oracle的 EXEC SQL CONTEXT学习
  • 原文地址:https://www.cnblogs.com/tarena/p/3674464.html
Copyright © 2011-2022 走看看