工作周报_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轴定位数据为0Ext.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();});

  

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