init

multiple-server/etc/server-data.xml

	<!-- 获取首页数据 -->
	<action name="IndexBean.getAppDatas" class="com.ai.server.multiple.bean.IndexBean" method="getAppDatas" verify="false"></action>
	<!-- 登陆初始化 -->
	<action name="LoginBean.init" class="com.ai.server.multiple.bean.LoginBean" method="init" verify="false"></action>
	<action name="LoginBean.refreshVerifyCode" class="com.ai.server.multiple.bean.LoginBean" method="refreshVerifyCode" verify="false"></action>
	<!-- 登陆 -->
	<action name="LoginBean.login" class="com.ai.server.multiple.bean.LoginBean" method="login" verify="false"></action>
	<!-- 登陆应用 -->
	<action name="LoginBean.loginApp" class="com.ai.server.multiple.bean.LoginBean" method="loginApp" verify="false"></action>
	
	<action name="LoginBean.initAppConfig" class="com.ai.server.multiple.bean.LoginBean" method="initAppConfig" verify="false"></action>
</datas>

multiple-server/etc/server-page.xml

<?xml version="1.0" encoding="UTF-8"?>
<pages>
    <!-- 工作台 -->
    <action name="Login" template="template/webapp/Login.html"></action>
    <action name="Login" template="template/webapp/Login.html" data="LoginBean.init"></action>
 	<action name="Index" template="template/webapp/Index.html" data="IndexBean.getAppDatas"></action>
 	
 	<action name="WelcomeDisplay" template="template/webapp/welcome/welcome-display.html"></action>

multiple-server/src/com/ai/server/multiple/bean/LoginBean.java

package com.ai.server.multiple.bean;
import java.awt.image.BufferedImage;
import com.ai.server.multiple.core.bean.MultipleBean;
import com.ai.server.multiple.core.config.AppConfig;
import com.ai.server.multiple.core.context.MultipleContextData;
import com.ai.server.multiple.core.session.MultipleSessionManager;
import com.ai.server.multiple.util.Constant;
import com.ai.server.multiple.util.ImageVerify;
import com.ailk.common.data.IData;
import com.ailk.common.data.impl.DataMap;
import com.ailk.mobile.util.MobileUtility;
/**
 * @author huangbo
 * 登录相关逻辑
 * @author huangbo 登录相关逻辑
 */
public class LoginBean extends MultipleBean {
	private static final String VERIFY_CODE_ERROR = "VERIFY_CODE_ERROR";
	/**
	 * 登录页面初始化
	 * 
	 * @param param
	 * @return
	 * @throws Exception
	 */
	public IData init(IData param) throws Exception {
		IData result = new DataMap();
		// 获取验证码
		String verifyCode = ImageVerify.getVerifyCode(4, 2);
		BufferedImage image = ImageVerify.getImageVerify(verifyCode);
		String imageVerifyCode = ImageVerify.getImageBase64(image);
		// 创建session
		MultipleContextData contextData = new MultipleContextData();
		String sessionId = MultipleSessionManager.getInstance().createSession(
				contextData);
		contextData.setVerifyCode(verifyCode);
		result.put("VERIFY_IMG", imageVerifyCode);
		result.put(Constant.Session.SESSION_ID, sessionId);
		return result;
	}
	/**
	 * 刷新验证码
	 * 
	 * @param prama
	 * @return
	 * @throws Exception
	 */
	public IData refreshVerifyCode(IData prama) throws Exception {
		IData result = new DataMap();
		// 获取验证码
		String verifyCode = ImageVerify.getVerifyCode(4, 2);
		BufferedImage image = ImageVerify.getImageVerify(verifyCode);
		String imageVerifyCode = ImageVerify.getImageBase64(image);
		getContextData().setVerifyCode(verifyCode);
		result.put("VERIFY_IMG", imageVerifyCode);
		return result;
	}
	/**
	 * 登陆逻辑
	 */
	@SuppressWarnings("unchecked")
	public IData login(IData param) throws Exception{
	public IData login(IData param) throws Exception {
		IData result = new DataMap();
//		// 校验验证码
//		String verifyCode = getContextData().getVerifyCode();
//		String clientVerifyCode = param.getString("VARIFY_CODE");
//		if (clientVerifyCode == null) {
//			result.put("LOGIN_STATUS", VERIFY_CODE_ERROR);
//			return result;
//		} else if (!clientVerifyCode.equalsIgnoreCase(verifyCode)) {
//			result.put("LOGIN_STATUS", VERIFY_CODE_ERROR);
//			return result;
//		}
		String account = param.getString("ACCOUNT");
		//判断账号密码校验
		if(!checkLogin(param)){
		// 判断账号密码校验
		if (!checkLogin(param)) {
			MobileUtility.error("登陆校验失败!请重新登陆");
		}
		
		MultipleContextData multipleContextData = new MultipleContextData(account);
		String sessionId = MultipleSessionManager.getInstance().createSession(multipleContextData);
		getContextData().setAccount(account);
		result.putAll(AppConfig.getConfig());// 加载应用配置信息
		return result;
	}
	
	public IData initAppConfig(IData param) throws Exception {
		IData result = new DataMap();
		result.put(Constant.Session.SESSION_ID, sessionId);
		result.putAll(AppConfig.getConfig());//加载应用配置信息
		result.putAll(AppConfig.getConfig());// 加载应用配置信息
		return result;
	}
	/**
	 * 校验账号密码
	 */
	private boolean checkLogin(IData param) {
		// TODO Auto-generated method stub
		/*需要补充实现逻辑：调用接口或者数据库校验*/
		/* 需要补充实现逻辑：调用接口或者数据库校验 */
		return true;
	}
}

multiple-server/src/com/ai/server/multiple/core/context/MultipleContextData.java

	private Map<String,String> tokenIds;
	private Map<String,Map<String,String>> accountMapping;
	
	public MultipleContextData() {
		
	}
	
	public MultipleContextData(String account) {
		// TODO Auto-generated constructor stub
		getData().put(Constant.Context.ACCOUNT, account);
		// TODO Auto-generated method stub
		return accountMapping.get(appId);
	}
	public String getVerifyCode() {
		return getData().getString("VERIFY_CODE");
	}
	
	public void setVerifyCode(String verifyCode) {
		put("VERIFY_CODE", verifyCode);
	}
}

multiple-server/src/com/ai/server/multiple/util/ImageVerify.java

package com.ai.server.multiple.util;
import java.awt.Color;
import java.awt.Font;
import java.awt.Graphics2D;
import java.awt.image.BufferedImage;
import java.io.ByteArrayOutputStream;
import java.io.IOException;
import java.util.Random;
import javax.imageio.ImageIO;
import org.apache.commons.codec.binary.Base64;
/**
 * @author huangbo
 * 图片验证码类库
 */
public class ImageVerify {
	private static Random random = new Random();
	/**得到图片背景色*/
	private static Color getBack() {
		return new Color(random.nextInt(255), random.nextInt(255), random.nextInt(255));
	}
	/**生成颜色的反色*/
	private static Color getFront(Color c) {
		return new Color(255 - c.getRed(), 255 - c.getGreen(),
				255 - c.getBlue());
	}
	
	/**
	 * 图片转化成Base64编码
	 * @param filePath 文件过大可能内存溢出
	 */
	public static String getImageBase64(BufferedImage image) throws IOException {
		ByteArrayOutputStream baos = new ByteArrayOutputStream();
		ImageIO.write(image, "jpg", baos);
		byte[] jpegData = baos.toByteArray();
		return new String(Base64.encodeBase64(jpegData), "utf-8");
	}
	
	/**
	 * 生成校验图片
	 */
	public static BufferedImage getImageVerify(String code) {
		int width = 100;
		int height = 45; // 验证图片的宽度，高度
		Color back = getBack();
		Color front = getFront(back);
		BufferedImage bi = new BufferedImage(width, height, BufferedImage.TYPE_INT_BGR);
		Graphics2D g = bi.createGraphics(); // 得到画布
		g.setFont(new Font(Font.SANS_SERIF, Font.BOLD, 20)); // 设置字体
		g.setColor(back);
		g.fillRect(0, 0, width, height); // 画背景
		g.setColor(front);
		g.drawString(code, 18, 20); // 画字符
		for (int i = 0, n = random.nextInt(20); i < n; i++) {
			g.fillRect(random.nextInt(width), random.nextInt(height), 1, 1);
		} // 产生至多20个噪点
		return bi;
	}
	/**
	 * 作用：获取六位随机码
	 */
	public static String getVerifyCode(int length, int verifyCodeType) throws Exception {
		String num = "0123456789";
		String ch = "abcdefghijkmnopqrstuvwxyzABCDEFGHJKLMNOPQRSTUVWXYZ";
		String vc = "";
		if (verifyCodeType == 0)
			vc = num;
		else if (verifyCodeType == 1)
			vc = ch;
		else
			vc = num + ch;
		char[] chs = vc.toCharArray();
		String code = "";
		for (int i = 0; i < length; i++) {
			code += chs[(int) (Math.random() * vc.length())];
		}
		
		return code;
	}
}

multiple-server/web/biz/js/common/biz-mobile.js

				execute("openIpuApp", [appName,param],err);
			},openNativeApp:function(packageName,className,param,err){ //打开ipu应用
				execute("openNativeApp", [packageName,className,param],err);
			},initAppConfig:function(err){ //初始化应用
				execute("initAppConfig", [],err);
			}
		};
	})();

multiple-server/web/biz/js/index.js

	
	$("#app-menu li").each(function(index, item) {
		$(item).tap(function(item) {
			var appId = item.getAttribute("appId")
			var appId = item.getAttribute("appId");
			var appType = item.getAttribute("appType");
			var loginData = new Wade.DataMap();
			loginData.put("APP_TYPE",appType);
			loginData.put("APP_ID",appId);
			Common.callSvc("LoginBean.loginApp",loginData,function(result){
				if(appType=="I"){
					//alert("打开IPU应用"+appId);
					WadeMobile.openIpuApp(appId);
				}else if(appType=="N"){
					var param = new Wade.DataMap();
					param.put("TOKEN_ID",result.get("TOKEN_ID"));
					Mobile.openNativeApp(result.get("PACKAGE_NAME"),result.get("CLASS_NAME"),param);
				}
			});
			if(appType=="I"){
				//alert("打开IPU应用"+appId);
				WadeMobile.openIpuApp(appId);
			}else if(appType=="N"){
				var param = new Wade.DataMap();
				Mobile.openNativeApp(item.getAttribute("appId"), item.getAttribute("appId"), param);
			}
		},item);
	});
});

multiple-server/web/biz/js/login.js

require(["common","mobile","util"], function(Common,Mobile) {
require(["common","mobile","wadeMobile","util"], function(Common,Mobile,WadeMobile) {
	//刷新页面以后存放图片验证码的sessionId
	var sessionId = $("#sessionId").val();
	if(sessionId){
		Common.put("SESSION_ID", sessionId);
	}else{
		Mobile.tip("验证码丢失,重新获取图片验证码。");
	}
	
	/*登陆*/
	$("#doLogin").tap(function() {
	$("#loginBtn").tap(function() {
		var loginData = new Wade.DataMap();
		loginData.put("ACCOUNT", "IpuAccount");
		loginData.put("ACCOUNT", $("#J_username").val());
		loginData.put("PASSWORD", $("#J_pwd").val());
		loginData.put("VARIFY_CODE", $("#J_ver").val());
		Common.callSvc("LoginBean.login", loginData, function(result) {
			if(typeof(resultData) == "string" ){
				result = new Wade.DataMap(result);
			}
			
			if(result.get("LOGIN_STATUS") == "VERIFY_CODE_ERROR") {
				$("#J_ver").val("");
				$("#J_ver").focus();
				Mobile.tip("验证码错误，请重新输入！");
				return;
			}
			console.log("登陆成功:" + result);
			Common.put("SESSION_ID", result.get("SESSION_ID"));
			Common.put("ACCOUNT", sessionId);
			WadeMobile.initAppConfig();
			Mobile.openTemplate("Index", result);
		});
	});
	
	// 刷新验证码
	$("#J_ver_img").tap(function(){
		Common.callSvc("LoginBean.refreshVerifyCode", null, function(resultData){
			if(typeof(resultData) == "string" ){
				resultData = new Wade.DataMap(resultData);
			}
			$("#J_ver_img").attr("src", "data:image/png;base64, " + resultData.get("VERIFY_IMG"));
			$("#J_ver").val("");
		});
	})
});

multiple-server/web/template/webapp/Login.html

{%>template/common/Head.html%}
<script type="text/javascript" src="biz/js/login.js"></script>
<link href="biz/css/project.css" rel="stylesheet" type="text/css" />
<style>
.ui-input {
	padding: 6px 9px;
	line-height: 0.22rem;
    height: 0.4rem;
	width: 3rem;
	border: 1px solid #BBBBBB;
	font-size: 0.22rem;
    color: #777;
    background: transparent;
    font-size: 0.22rem;
}
.reg_form {
	background-color: #fff;
	font-size: 0.22rem;
	padding-top: 0.12rem;
    line-height: 1;
    overflow: hidden;
    background: #fff;
    margin-top: 1rem;
}
.reg_form .reg_table {
}
.reg_form .reg_table td {
	padding: 0 0 8px 0;
	height: 32px;
}
.reg_form .reg_table td label.des {
	text-align: right;
	display: table-cell;
    width: 1.5rem;
    padding: 0.16rem;
    line-height: 0.28rem;
}
.reg_form .reg_table .J_ver-wrap .ui-input {
	width: 2rem;
}
.J_ver_img {
	width: 1rem;
	height: 0.4rem;
}
#loginResult span {
	line-height: 0.4rem;
    height: 0.4rem;
}
</style>
</head>
<body>
<buttion id="doLogin">------------登陆-----------</buttion>
	<div id="content">
		<form class="reg_form">
			<table class="reg_table" cellpadding="0" cellspacing="0" border="0" width="100%" id="loginForm">
				<tbody>
					<tr>
						<td width="30%"><label class="des">用户名：</label></td>
						<td><input value="" type="text" id="J_username" name="J_username" class="ui-input ui-nt" maxlength="20" title="用户名"></td>
					</tr>
					<tr>
						<td><label class="des">密码：</label></td>
						<td><input value="" type="password" id="J_pwd" name="J_pwd" class="ui-input" maxlength="50" title="密码"></td>
					</tr>
					<tr>
						<td><label class="des">验证码：</label></td>
						<td class="J_ver-wrap">
							<input value="" type="text" id="J_ver" name="J_ver" class="ui-input" maxlength="4" require="true" title="验证码">
							<img src="data:image/png;base64, {%VERIFY_IMG%}" id="J_ver_img" class="J_ver_img">
						</td>
					</tr>
					<tr>
						<td>&nbsp;</td>
						<td>
							<button class="e_button-ok" id="loginBtn" onclick="javascript:return false;">登录</button>
						</td>
					</tr>
				</tbody>
			</table>
		</form>
	</div>
	
	<input type="hidden" id="sessionId" value="{%SESSION_ID%}">
</body>
</html>