工作周报_20120716_20120720

本周的主要任务依旧是围绕着原开发平台添加一些新功能。

本周完成的功能如下：

①在用户管理中添加“清空登录用户”按钮并实现清空在线用户的session功能；

②增加用户登陆冲突检测功能；

③增加广播模块；

④增加消息弹窗提示功能，并与广播模块关联；

⑤进一步完善上周的用户管理模块，增加判断用户在线状态的功能。

技术关卡：

①获取session。servlet2.1之后便无原生的通过sessionid取得session的方法，研究了很久，迫不得已添加了针对session的监听器，用于获得session的创建和销毁等信息。

②模拟用户冲突。模拟用户各种冲突的情况，多重判断。

③添加广播模块。借鉴了一些消息模块的代码，基本完成模块功能。目前是通过在数据库中的广播表中添加用户字段来做提醒判断的，仅发送给在线用户时系统负荷不是很大，若不按照逻辑全员发送广播则系统开销较大。本功能应该有改进的余地。

④弹窗提示功能。碰巧找到了一个实现好的第三方弹窗组件——Ext.ux.Notification，大大缩短了开发时间，否则此功能可能拖延到下周。组件的发声代码与系统代码有冲突，所以当前功能只有弹窗无警示音。

读书：

DOM Scripting: Web Design with JavaScript and the Document Object Model .2nd Edition [Jeremy Keith] p160-p252.

代码：

①：根据sessionid获得session的两个类

MySessionContext.java

package com.alaahong.listener;

import javax.servlet.http.HttpSession;
import java.util.HashMap;

public class MySessionContext {
private static MySessionContext instance;
private HashMap mymap;

private MySessionContext() {
mymap = new HashMap();
}

public static MySessionContext getInstance() {
if (instance == null) {
instance = new MySessionContext();
}
return instance;
}

public synchronized void AddSession(HttpSession session) {
if (session != null) {
mymap.put(session.getId(), session);
}
}

public synchronized void DelSession(HttpSession session) {
if (session != null) {
mymap.remove(session.getId());
}
}

public synchronized HttpSession getSession(String session_id) {
if (session_id == null) return null;
return (HttpSession) mymap.get(session_id);
}

}

SessionListener.java

package bc.sf.user.listener;

import javax.servlet.http.HttpSessionListener;
import javax.servlet.http.HttpSessionEvent;
import javax.servlet.http.HttpSession;
import java.util.HashMap;
import java.util.Map;

public class SessionListener implements HttpSessionListener {
public static Map userMap = new HashMap();
private MySessionContext myc=MySessionContext.getInstance();

public void sessionCreated(HttpSessionEvent httpSessionEvent) {
myc.AddSession(httpSessionEvent.getSession());
}

public void sessionDestroyed(HttpSessionEvent httpSessionEvent) {
HttpSession session = httpSessionEvent.getSession();
myc.DelSession(session);
}
}

②：Ext.ux.Notification.js

Ext.namespace("Ext.ux");

Ext.ux.NotificationMgr = {
positions :new Ext.util.MixedCollection()
}

Ext.ux.Notification = Ext.extend(Ext.Window, {
initComponent: function(){
Ext.apply(this, {
iconCls: this.iconCls || 'x-icon-information',
cls: 'x-notification',
width: 200,
height: 100,
autoHeight: true,
plain: false,
draggable: false,
autoHide :  this.autoHide && true, //是否自动隐藏窗口
hideDelay: this.hideDelay || 3000 ,//如果自动隐藏，n毫秒后隐藏窗口。autoHide为true，hideDelay起作用
minimizable:true,
//			constrain:true,
bodyStyle: 'text-align:left'
});
if(this.autoHide) {
this.task = new Ext.util.DelayedTask(this.hideWin, this);
}
Ext.ux.Notification.superclass.initComponent.call(this);
},
hideWin:function(){
this.hide();
this.close();//关闭当前窗口
},
setMessage: function(msg){
this.body.update(msg);
},
setTitle: function(title, iconCls){
Ext.ux.Notification.superclass.setTitle.call(this, title, iconCls||this.iconCls);
},
onRender:function(ct, position) {
Ext.ux.Notification.superclass.onRender.call(this, ct, position);
},
minimize:function(){
if(this.minimizable){
this.hideWin();
}
},
onDestroy: function(){
Ext.ux.NotificationMgr.positions.get(this.xpos).remove(this.ypos);
Ext.ux.Notification.superclass.onDestroy.call(this);
},
cancelHiding: function(){
this.addClass('fixed');
if(this.autoHide) {
this.task.cancel();
}
},
afterShow: function(){
Ext.ux.Notification.superclass.afterShow.call(this);
Ext.fly(this.body.dom).on('click', this.cancelHiding, this);
if(this.autoHide) {
this.task.delay(this.hideDelay || 3000);
}
},
animShow: function(x,y){

this.ypos = x||0;
this.xpos = y||0;
do{
//获取当前x轴的定位数据
if(Ext.ux.NotificationMgr.positions.get(this.xpos) == null){
Ext.ux.NotificationMgr.positions.add(this.xpos,[]);
}
//获取y轴定位数据，如果定位数据为-1，说明当前定位数据可用
while(Ext.ux.NotificationMgr.positions.get(this.xpos).indexOf(this.ypos)>-1)
this.ypos++;

//this.setSize(this.width,this.height);

this.totalHeight = -20-((this.getSize().height+10)*this.ypos);
//如果当前x轴上的y轴数据是第一次显示，不检测高度（如果检测高度，会导致死循环）
if(this.ypos == 0 || Ext.getBody().getHeight() - this.height+this.totalHeight > 0){
this.totalWidth = -20-((this.getSize().width+10)*this.xpos);
Ext.ux.NotificationMgr.positions.get(this.xpos).push(this.ypos);

this.el.alignTo(document, "br-br", [ this.totalWidth,  this.totalHeight]);
this.el.slideIn('b', {
duration: 1,
callback: this.afterShow,
scope: this	});
break;
}
else{//如果y轴的高度大于当前窗口的高度，开始进入新的x轴定位数据
this.xpos++;
//			this.totalWidth = -20-((this.getSize().width+10)*this.xpos);
this.ypos=0;
}

}while(true)

},
animHide: function(){
if(typeof(Ext.ux.NotificationMgr.positions.get(this.xpos)) != 'undefined'){
Ext.ux.NotificationMgr.positions.get(this.xpos).remove(this.ypos);
if(Ext.ux.NotificationMgr.positions.get(this.xpos).length == 0){//当前x轴上的y轴定位数据为0
Ext.ux.NotificationMgr.positions.removeKey(this.xpos);
}
}
this.el.ghost("b", {
duration: 1,
remove: true
});
},

/**
* 调用方法：操作成功，显示成功的信息
* @param {} title
* @param {} msg
*/
showSuccess:function(title,msg){
this.iconCls=	'x-icon-information',
this.title = title||'success';
this.html = msg||'process successfully!';
this.show(document);
},
/**
* 调用方法：操作失败，显示失败的信息
* @param {} title
* @param {} msg
*/
showFailure:function(title,msg){
this.iconCls=	'x-icon-error',
this.title = title||'success';
this.html = msg||'process successfully!';
this.show(document);
},
/**
* 调用方法：显示操作结果的信息
* @param {} title
* @param {} msg
* @param {} success 操作是否成功
*/
showMessage:function(title,msg,success){
if(success){
this.iconCls=	'x-icon-information';
this.autoHide=true;//自动隐藏窗口
this.task = new Ext.util.DelayedTask(this.hideWin, this);
}
else{
this.iconCls=	'x-icon-error';
}
this.title = title;
this.html = msg;
this.show(document);
},
focus: Ext.emptyFn

});
Ext.EventManager.onWindowResize(function(){
Ext.ux.NotificationMgr.positions.clear();
});

下面是一些流程，只是简单示意，没有标注判断跳转等动作。