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来实现样式的切换工作。

    走在一起是缘分,在一起走是幸福; 在一起走是缘分,走在一起是幸福
  • 相关阅读:
    XAML中的戏法
    提前预览Visual Studio 2010
    大道至简
    Windows Service下的MessageBox
    WPF中使用Expression Encoder SDK开发流媒体
    使用latex
    [zz]2D动画制作工具比较
    android platform_frameworks_base
    Fast and easy high resolution fractals with a pixel shader
    Bézier Surface
  • 原文地址:https://www.cnblogs.com/tarena/p/3674464.html
Copyright © 2011-2022 走看看