近期的ext项目总结
来源:互联网 发布:工业制图软件 编辑:程序博客网 时间:2024/05/16 07:10
最近也终于使用ext做了一个小的web项目。第一次使用ext做项目毕竟经验不足,仅记下一些开发思路和需要注意的地方。
Ext Js 2.2+Spring 2.5,没有使用struts,hibernate
1)目录结构
a)js部分
根目录下建立/js/ext/目录,存放所有和ext相关的js文件。/js/ext/目录下可建立ext相关子目录
/js/ext/adapter/ — 存放适配器jquery,prototype,yui。。。
/js/ext/experimental/ — 存放ext一些未正式推出的组件,可参考ext开发包examples例子部分。
/js/ext/plugins/ — 存放ext扩展组件,例如ext的patch文件,ext主题,扩展组建等等。
/js/ext/resources/ — 不用说了,ext开发包中的resources目录直接拷贝。
/js/ — 目录下可以放一些最常用 的js文件。
/js/ext/ — 目录下放置ext-all.js,ext-base.js,ext-lang-zh_CN.js,ext核心文件;
b)模块部分
根目录下建立/module/文件夹,每个模块在/module/目录下新建文件夹,例如:
/module/comment/ — 评论模块
/module/stat/ — 统计模块
每个模块目录下新建js目录存放当前模块需要引用的js文件,例如/module/comment/js/comment.js
为简化开发不使用struts,直接使用jsp代替struts;每个模块下新建action.jsp替代structs接受
ext ajax请求,action.jsp不负责页面的显示。只负责service层方法调用及请求跳转。
c)权限部分
根目录下直接建一个security目录完事。
2)基本布局及权限
border布局,center区域使用TabPanel组建增加新的iframe窗口装载系统不同模块。
暂不在意iframe的效率问题,尽可能做到每个系统模块+UI部分的独立。
初始化布局时TabPanel组件中添加默认的欢迎登录页面,解决TabPanel组件添加新窗口时高度增加的bug。
权限系统设计参考spring security建议的数据库设计,项目后期可与spring security整合。
3)用户访问超时
解决两种情况下的用户访问超时。
a)普通http请求的session超时。
b)异步http请求的session超时,使用ext后大部分的界面刷新都是异步的ajax请求。
不管是那种类型的http请求总是可以由一个过滤器来捕捉。
分类:普通http请求的header参数中没有x-requested-with:XMLHttpRequest头信息,而异步的有。
其实对于常见的ajax框架,header中还有标示自己身份的header信息。
对于普通的http请求,发现session超时后直接重定向到一个超时页面,显示访问超时。
对于异步http请求,发现session超时后则向请求的response中写入特定的超时头信息,客户端ajax对象检测
头信息,发现有超时状态标志后调用显示超时信息的javascript方法,提示用户访问超时。
服务器端session超时后在过滤器中为response添加新的头信息,标记该请求超时:
if(r.getHeader("x-requested-with")!=null
&& r.getHeader("x-requested-with").equalsIgnoreCase("XMLHttpRequest")){
response.setHeader("sessionstatus","timeout");
}
使用Ext.Ajaxt对象完成异步请求的交互,Ext.Ajax是单实例对象(非常重要,全局单一Ext.Ajax实例!)。
注册Ext.Ajax的requestcomplete事件,每个ajax请求成功后首先响应该事件。在该事件的回调函数里面判断
访问请求是否超时。使用Ext.Ajax对象的好处是,只需要引入一个包含了几行超时处理代码的js文件,就可以
为当前应用增加超时处理功能,原有代码不需要做任何修改。
使用Ext.Ajaxt对象完成异步请求交互,假如checkUserSessionStatus是你的回调方法,每个页面引用:
Ext.Ajax.on('requestcomplete',checkUserSessionStatus, this);
function checkUserSessionStatus(conn,response,options){
//Ext重新封装了response对象
if(typeof response.getResponseHeader.sessionstatus != 'undefined'){
//发现请求超时,退出处理代码...
}
}
可以利用的几个特性:
a)所有的ajax请求均带有x-requested-with:XMLHttpRequest头信息
b)Ext.Ajax是单实例对象(非常重要,全局单一Ext.Ajax实例!)
c)注册Ext.Ajax的requestcomplete事件,每个ajax请求成功后首先响应该事件(概念类似spring的aop拦截)。
对于其他的ajax框架,解决用户访问请求超时这个问题的思路是类似的。
在这里推荐一个很实用的Js方法:
function getRootWin(){
var win = window;
while (win != win.parent){
win = win.parent;
}
return win;
}
通过该方法,可以在一个任意深度的iframe中调用父iframe中的方法。具体到这里就是无论哪一个iframe中的用户访
问请求超时,都可以通过该方法调用最外层iframe中的退出方法,这样便为用户提供了一个统一的访问超时退出的UI
呈现。
4)系统异常处理
将实际业务代码中的各种异常封装成IOException, ServletException异常,指定过滤器捕获。其余处理思路同
用户访问超时处理。
5)添加jquery支持
使用jquery顺手的且希望在Ext项目中同时使用某些jquery插件的时候,添加jquery支持。
页面head中直接添加:
- 近期的ext项目总结
- 近期的ext项目总结
- 近期项目的总结
- 近期的一个项目的错误总结
- 近期web项目总结
- 近期web项目总结
- 近期项目管理总结
- 近期项目总结
- 近期javaWEB项目总结
- phpcms 近期项目总结
- 关于近期完成的实习项目的总结
- 近期项目总结之随机数
- 近期项目总结-未完待续
- 近期javaWEB项目总结 1
- 近期的项目
- 近期的一些项目
- 近期做项目对ContentPrivoder的使用进行一个总结
- 近期开发项目中遇到的问题,并总结
- 设定Windows自动更新?
- 开启Windows防火墙~~~
- AgileEAS.NET平台开发案例-药店系统-需求分析
- 如何才算掌握Java(J2SE篇)
- CppUnit简要
- 近期的ext项目总结
- CppUnit简要
- AgileEAS.NET平台开发实例-开发环境配置
- swift - 基于TCL的自动化测试框架
- AgileEAS.NET平台开发实例-药店系统-数据库还原
- uCos2 初识
- AgileEAS.NET平台开发实例-药店系统-数据库设计
- eclipse安装subclipse插件的javaHL问题
- AgileEAS.NET平台开发实例-药店系统-系统架构设计