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