1、web.xml
<listener>
<description>SessionListener</description>
<listener-class>com.fhc.port.socket.SessionListener</listener-class>
</listener>
2、SessionListener監聽類
package com.fhc.port.socket;
import java.util.HashMap;
import java.util.Map;
import javax.servlet.http.HttpSession;
import javax.servlet.http.HttpSessionAttributeListener;
import javax.servlet.http.HttpSessionBindingEvent;
import javax.servlet.http.HttpSessionEvent;
import javax.servlet.http.HttpSessionListener;
import org.apache.commons.logging.Log;
import org.apache.commons.logging.LogFactory;
/**
* @Description: session監聽器 用戶唯一登錄,後登陸擠掉先登錄的
*/
public class SessionListener implements HttpSessionListener,
HttpSessionAttributeListener {
// log4j
private final static Log log = LogFactory.getLog(SessionListener.class);
// 保存當前登錄的所有用戶
public static Map<HttpSession, String> loginUserList = new HashMap<HttpSession, String>();
// 用這個作爲session中的key
public static String SESSION_LOGIN_NAME = "beenLoginUser";
// session創建時調用這個方法
@Override
public void sessionCreated(HttpSessionEvent arg0) {
}
// Session失效或者過期的時候調用的這個方法,
@Override
public void sessionDestroyed(HttpSessionEvent event) {
try {
loginUserList.remove(event.getSession());
} catch (Exception e) {
e.printStackTrace();
}
}
// 執行setAttribute的時候, 當這個屬性本來不存在於Session中時, 調用這個方法.
@Override
public void attributeAdded(HttpSessionBindingEvent se) {
// 如果添加的屬性是用戶名, 則加入map中
if (se.getName().equals(SESSION_LOGIN_NAME)) {
loginUserList.put(se.getSession(), se.getValue().toString());
}
}
// 當執行removeAttribute時調用的方法
@Override
public void attributeRemoved(HttpSessionBindingEvent se) {
// 如果移除的屬性是用戶名, 則從map中移除
if (se.getName().equals(SESSION_LOGIN_NAME)) {
try {
loginUserList.remove(se.getValue().toString());
} catch (Exception e) {
log.debug(e);
}
}
}
// 當執行setAttribute時 ,如果這個屬性已經存在, 覆蓋屬性的時候, 調用這個方法
@Override
public void attributeReplaced(HttpSessionBindingEvent se) {
// 如果改變的屬性是用戶名, 則跟着改變map
if (se.getName().equals(SESSION_LOGIN_NAME)) {
loginUserList.put(se.getSession(), se.getValue().toString());
}
}
}
3、login登陸控制類
//userLoin登陸函數
@RequestMapping("/userLogin")
public void userLogin(User user,
HttpServletRequest request,
HttpServletResponse response,
HttpSession session) throws UnsupportedEncodingException{
String result = "{\"result\":\"error\"}";
User loginUser = userManager.getUser(user.getUserName(),user.getPassword());
if (null != loginUser)
{
Role role = roleManager.getRole(loginUser.getRoleIndex());
if (null != role){
boolean loginUserMax = false;
loginUserMax = isLogonUser(loginUser.getUserName());
if(loginUserMax){
result = "{\"result\":\"error2\"}";
operationManager.addOperation(1, user.getUserName(), userMachineName, userRemoteIP, 0x00, "登陸失敗");
}else{
session.setAttribute("beenLoginUser",loginUser.getUserName());
}
if(!loginUserMax){
result = "{\"result\":\"success\"}";
}
}
}else{
}
PrintWriter out = null;
response.setContentType("application/json");
try {
out = response.getWriter();
out.write(result);
} catch (IOException e) {
e.printStackTrace();
}
finally{
out.close();
}
}
//寫一個判斷用戶是否已經登陸的方法,獲取在線登陸的用戶人數
public boolean isLogonUser(String userName) {
Set<HttpSession> keys = SessionListener.loginUserList.keySet();
System.out.println("已經存在的session個數:"+keys.size());
if(keys.size() == 2){//限制登陸人數
return true;
}
for (HttpSession key : keys) {
System.out.println("已經存在的session:"+key.getId());
if (SessionListener.loginUserList.get(key).equals(userName)) {
key.invalidate();
}
}
return false;
}
4、前臺js
1)login.js
var Login = function () {
return {
//main function to initiate the module
init: function () {
$('.login-form').validate({
errorElement: 'label', //default input error message container
errorClass: 'help-inline', // default input error message class
focusInvalid: false, // do not focus the last invalid input
rules: {
loginname: {
required: true
},
password: {
required: true
},
remember: {
required: false
}
},
messages: {
loginname: {
required: "用戶名爲必填項."
},
password: {
required: "密碼爲必填項."
}
},
invalidHandler: function (event, validator) { //display error alert on form submit
$('.alert-error', $('.login-form')).show();
},
highlight: function (element) { // hightlight error inputs
$(element)
.closest('.control-group').addClass('error'); // set error class to the control group
},
success: function (label) {
label.closest('.control-group').removeClass('error');
label.remove();
},
errorPlacement: function (error, element) {
error.addClass('help-small no-left-padding').insertAfter(element.closest('.input-icon'));
},
submitHandler: function (form) {
//window.location.href = "/recws/user/userLogin";
userLogin();
}
});
$('.login-form input').keypress(function (e) {
if (e.which == 13) {
if ($('.login-form').validate().form()) {
//window.location.href = "/recws/user/userLogin";
userLogin();
}
return false;
}
});
}
};
}();
function userLogin(){
var userName = $("#userName").attr("value");
var password = $("#password").attr("value");
var remember = $("#remember").attr("value");
//alert("username---login---:"userName);
//alert(password);
//alert(remember);
var user = {
userName:userName,
password:password,
remember: remember
};
$.ajax({
url : "/recws/user/userLogin",
type : "post",
data : user,
async : false,
error : function(data) {
window.location.replace("/recws/");
},
success : function(data) {
if (data.result == "error"){
alert("用戶名或密碼錯誤");
window.location.replace("/recws/");
}else if (data.result == "error2"){
alert("登陸用戶個數已經達到限制,請註銷其他用戶");
window.location.replace("/recws/");
}else{
window.location.replace("/recws/recinfo/audioSearch");
}
}
});
}
2)login.jsp
<form class="form-vertical login-form" action="/recws/user/userLogin">
<h3 class="form-title">請登錄</h3>
<div class="alert alert-error hide">
<button class="close" data-dismiss="alert"></button>
<span>請輸入用戶名密碼.</span>
</div>
<div class="control-group">
<!--ie8, ie9 does not support html5 placeholder, so we just show field title for that-->
<label class="control-label visible-ie8 visible-ie9">用戶名</label>
<div class="controls">
<div class="input-icon left">
<i class="icon-user"></i>
<input class="m-wrap placeholder-no-fix" type="text" placeholder="用戶名" name="userName" id="userName" value = ""/>
</div>
</div>
</div>
<div class="control-group">
<label class="control-label visible-ie8 visible-ie9">密碼</label>
<div class="controls">
<div class="input-icon left">
<i class="icon-lock"></i>
<input class="m-wrap placeholder-no-fix" type="password" placeholder="密碼" name="password" id="password" value = ""/>
</div>
</div>
</div>
<div class="form-actions">
<label class="checkbox">
<input type="checkbox" id="remember" name="remember"/> 記住我
</label>
<button type="submit" class="btn green pull-right" οnclick="userLogin1()">
登錄 <i class="m-icon-swapright m-icon-white"></i>
</button>
<!-- <input type="submit" class="btn green pull-right m-icon-swapright" value="登錄"/> -->
</div>
</form>