微信登录

app/html/backBindOn.html

@@ -19,20 +19,21 @@
			<div class="bindtip"><img src="../images/login_bg_tishi_2_nor@3x.png" width="100%" /></div>
		    <form class="mui-input-group frmboxNew">
		    	<div class="mui-input-row frm-input">
		            <input type="text" class="mui-input-clear frmtype" placeholder="请输入账号">
		            <input type="text" class="mui-input-clear frmtype" placeholder="请输入账号" id="accountNumber">
		        </div>
				<div class="mui-input-row frm-input">
					<input type="password" class="frmtype" placeholder="请输入密码">
					<input type="password" class="frmtype" placeholder="请输入密码" id="password">
				</div>
		    </form>
		    
		    <div class="mui-content-padded frmboxNew">
				<button class="mui-btn mui-btn-block frmbtn frmactive" disabled>绑&nbsp;定</button>
				<button class="mui-btn mui-btn-block frmbtn frmactive" id="building" disabled>绑&nbsp;定</button>
			</div>
			
		</div>
		<script src="../js/public/mui.min.js"></script>
		<script src="../js/public/base.js"></script>
		<script src="../js/backBindOn.js"></script>
	</body>
</html>

app/html/backBindUn.html

@@ -19,21 +19,22 @@
			<div class="bindtip"><img src="../images/login_bg_tishi_1_nor@3x.png" width="100%" /></div>
		    <form class="mui-input-group frmboxNew">
		    	<div class="mui-input-row frm-input">
		            <input type="text" class="mui-input-clear frmtype" value="此处回填微信名">
		            <input type="text" class="mui-input-clear frmtype" value="此处回填微信名" id="weiChatName">
		        </div>
		        <div class="mui-input-row frm-input">
		            <input type="tel" class="mui-input-clear frmtype" placeholder="请输入手机号码">
		            <input type="tel" class="mui-input-clear frmtype" placeholder="请输入手机号码" id="phone">
		        </div>
		        <div class="mui-row mui-input-row frm-input">
		        	<div class="mui-col-xs-8">
		        		<input type="password" class="frmtype" placeholder="请输入验证码">
		        		<input type="number" class="frmtype" placeholder="请输入验证码" id="phoneCode">
		        	</div>
					<div class="mui-col-xs-4">
						<input type="button" class="frmtype getCode" disabled value="获取验证码">
						<input type="button" class="frmtype getCode" disabled value="获取验证码" id="getPhoneCode">
						<input type="button" class="frmtype getCode" value="" style="display: none;" id="getcodeoff">
					</div>
				</div>
				<div class="mui-input-row frm-input">
					<input id='password' type="password" class="frmtype" placeholder="请设置登录密码">
					<input type="password" class="frmtype" placeholder="请设置登录密码" id="setpassword">
				</div>
		    </form>
		    
@@ -44,15 +45,16 @@
	                    <input type="checkbox" name="checkbox" checked="true" style="display:none;">我已阅读并同意<a class="protocollink" id="protocollink">科袖用户协议</a>
	               </label>
		    	</div>
				<button class="mui-btn mui-btn-block frmbtn frmactive" disabled>绑&nbsp;定</button>
				<button class="mui-btn mui-btn-block frmbtn frmactive" id="binding" disabled>绑&nbsp;定</button>
				<p class="otherWordNew">
					<span class="mui-pull-right">已有账号?</span>
					<span class="mui-pull-right" id="alreadyAccount">已有账号?</span>
				</p>
			</div>
			
		</div>
		<script src="../js/public/mui.min.js"></script>
		<script src="../js/public/base.js"></script>
		<script src="../js/backBindUn.js"></script>
	</body>
</html>

app/js/backBindOn.js

@@ -0,0 +1,157 @@
mui.plusReady(function() {
	var accountNumber=document.getElementById("accountNumber");
	var oPassword=document.getElementById("password");
	var oBuilding=document.getElementById("building");
	var ws = plus.webview.currentWebview();
	console.log(ws.openid)
	mui('.frmboxNew').on('keyup', "#accountNumber,#password", function() {
			if(accountNumber.value == "" || oPassword.value == "" ) {
				oBuilding.setAttribute("disabled","disabled");
			} else {
				if(oBuilding.getAttribute("disabled")==null) {
					return;
				}
				oBuilding.removeAttribute("disabled");
			}
		});
	/*绑定按钮*/
		oBuilding.addEventListener('tap', function() {
			userVal();
		})
		/*校验用户账号*/
		function userVal() {
			var gunf = /^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/;
			var hunPhone = /^1[3|4|5|7|8]\d{9}$/;
			if(hunPhone.test(accountNumber.value)) {
				userRegisterOk();
			} else if(gunf.test(accountNumber.value)) {
				userRegisterOk();
			} else {
				plus.nativeUI.toast("请输入正确的手机或邮箱", toastStyle)
				return;
			}
		}
		/*判断账号是否注册*/
		function userRegisterOk() {
			mui.ajax(baseUrl + '/ajax/isReg?key=' + accountNumber.value, {
				dataType: 'json', //数据格式类型
				type: 'GET', //http请求类型
				timeout: 10000, //超时设置
				success: function(data) {
					console.log(data.data)
					if(data.data == true) {
						plus.nativeUI.toast("用户不存在请注册用户", toastStyle);
						return;
					} else {
						passwordVal()
					}
				},
				error: function() {
					plus.nativeUI.toast("服务器链接超时", toastStyle);
					return;
				}
			});
		}
		/*校验登录密码*/
		function passwordVal() {
			if(oPassword.value.length < 6) {
				plus.nativeUI.toast("密码不少于6位", toastStyle);
				return;
			} else {
				loginBut();
			}
		}
		/*提交登录*/
		function loginBut() {
			mui.ajax(baseUrl + '/ajax/login', {
				data: {
					"pw": oPassword.value, 
					"lk": accountNumber.value
				},
				dataType: 'json', //数据格式类型
				type: 'POST', //http请求类型
				timeout: 10000, //超时设置
				success: function(data) {
					console.log(data.data)
					if(data.data != "null" && data.data != null) {
						var userId = data.data.id;
						plus.storage.setItem('userid', userId);
						alert(333)
						buildingWeiChat(userId);
						firstLogin();
					} else {
						plus.nativeUI.toast("帐号和密码不匹配，请检查后重试", toastStyle);
						return;
					}
				},
				error: function() {
					plus.nativeUI.toast("服务器链接超时", toastStyle);
					return;
				}
			});
		}
		function buildingWeiChat(id){
			console.log(ws.openid);
			console.log(id);
			mui.ajax(baseUrl + '/ajax/oauth/associate', {
				data: {
					oauthType:"weixin", 
					openid   :ws.openid,
					userid   :id
				},
				dataType: 'json', //数据格式类型
				type: 'POST', //http请求类型
				timeout: 10000, //超时设置
				success: function(data) {
					console.log(JSON.stringify(data));
					if(data.success) {
						alert(444);
					}else{
						if(data.code==2) {
							
						}
					}
				},
				error: function(x) {
					console.log(JSON.stringify(x));
					plus.nativeUI.toast("服务器链接超时", toastStyle);
					return;
				}
			});
		}
		/*判断用户第一次登录，是否填写了个人信息*/
		function firstLogin() {
			var professorId = plus.storage.getItem('userid');
			mui.ajax(baseUrl + "/ajax/professor/" + professorId, {
				dataType: 'json', //数据格式类型
				type: 'GET', //http请求类型
				async: false,
				timeout: 10000, //超时设置
				success: function(data) {
					console.log(JSON.stringify(data))
					if(data.success) {
						alert(555)
						if(data.data.authentication < 0){
							var productView = mui.preload({
								url: '../html/fillinfo.html',
								id: '../html/fillinfo.html',
								show: {
									aniShow: "slide-in-right"
								},
								extras: {
									userid: professorId
								}
							});
							productView.show();
						}else{
							 goHome();
						}
					}
				},
				error: function() {
					plus.nativeUI.toast("服务器链接超时", toastStyle);
					return;
				}
			});
		}
})

app/js/backBindUn.js

@@ -0,0 +1,236 @@
mui.plusReady(function() {
var ws = plus.webview.currentWebview();
var phone=document.getElementById("phone");
var getPhoneCode=document.getElementById("getPhoneCode");
var oPhoneCode=document.getElementById("phoneCode");
var weiChatName=document.getElementById("weiChatName");
var setpassword=document.getElementById("setpassword");
var binding=document.getElementById("binding");
var state = 0;
var phoneCode = false;
document.getElementById("weiChatName").value=ws.name;
phone.addEventListener("keyup",function(){
	if(phone.value==""){
		getPhoneCode.setAttribute("disabled","disabled");
	}else{
		if(getPhoneCode.getAttribute("disabled")==null){
			return;
		}
		getPhoneCode.removeAttribute("disabled")
	}
})
/*校验提交按钮显示状态*/
		mui('.frmboxNew').on('keyup', "#weiChatName,#phone,#phoneCode,#setpassword", function() {
			if(weiChatName.value == "" || phone.value == "" || oPhoneCode.value == "" || setpassword.value == "") {
				binding.setAttribute("disabled","disabled");
			} else {
				if(binding.getAttribute("disabled")==null) {
					return;
				}
				binding.removeAttribute("disabled");
			}
		});
		
		/*校验手机号*/
		getPhoneCode.addEventListener("tap",function(){
			phoneVal();
		})
		function phoneVal() {
			var hunPhone = /^1[3|4|5|7|8]\d{9}$/;
			if(hunPhone.test(phone.value)) {
				isReg();
			} else {
				plus.nativeUI.toast("请输入正确的手机号码", toastStyle);
				return;
			}
		}
		/*校验用户名是否注册*/
		function isReg() {
			mui.ajax(baseUrl + '/ajax/isReg?key=' + phone.value, {
				dataType: 'json', //数据格式类型
				type: 'GET', //http请求类型
				timeout: 10000, //超时设置
				success: function(data) {
					if(data.data == false) {
						plus.nativeUI.toast("该账号已存在，请直接登录", toastStyle);
						return;
					} else {
						phoneCode = true;
						if(phoneCode){
							sendAuthentication();
						}
					}
				},
				error: function() {
					plus.nativeUI.toast("服务器链接超时", toastStyle);
					return;
				}
			});
		}
		/*手机发送验证码*/
		function sendAuthentication() {
			console.log("send code")
			mui.ajax(baseUrl + '/ajax/regmobilephone', {
				data: {
					mobilePhone: phone.value
				},
				dataType: 'json', //数据格式类型
				type: 'GET', //http请求类型
				async: false,
				timeout: 10000, //超时设置
				success: function(data) {
					console.log(JSON.stringify(data))
					if(data.success) {
						state = data.data;
						console.log(state);
						doClick();
					}
				},
				error: function() {
					plus.nativeUI.toast("服务器链接超时", toastStyle);
					return;
				}
			})
		}
	/*30s后重新获取验证码*/
		function doClick() {
			var getCodeOff = document.getElementById("getcodeoff");
			getPhoneCode.style.display = "none";
			getCodeOff.style.display = "block";
			getCodeOff.value = "60s后重新获取";
			var clickTime = new Date().getTime();
			var Timer = setInterval(function() {
				var nowTime = new Date().getTime();
				var second = Math.ceil(60 - (nowTime - clickTime) / 1000);
				if(second > 0) {
					getCodeOff.value = second + "s后重新获取";
				} else {
					clearInterval(Timer);
					getPhoneCode.style.display = "block";
					getCodeOff.style.display = "none";
					getPhoneCode.value = "获取验证码";
				}
			}, 1000);
		}
		/*校验验证码*/
		function codeVal() {
			console.log(state);
			console.log(oPhoneCode.value)
			mui.ajax(baseUrl + '/ajax/validCode', {
				data: {
					"state": state,
					"vc": oPhoneCode.value
				},
				dataType: 'json', //数据格式类型
				async: false,
				type: 'POST', //http请求类型
				timeout: 10000, //超时设置
				success: function(data) {
					console.log(JSON.stringify(data));
					if(data.success) {
						if(data.data) {
							valOld();
						}else{
							plus.nativeUI.toast("验证码错误，请检查后重试", toastStyle);
							return;
						}
					}else{
						console.log(data.msg);
						if(data.msg=="验证超时"){
							plus.nativeUI.toast("验证码已过期，请重新获取", toastStyle);
							return;
						}else{
							plus.nativeUI.toast("请填写正确的手机号,验证码", toastStyle);
							return;
						}
						
					}
				},
				error: function() {
					plus.nativeUI.toast("服务器链接超时", toastStyle);
					return;
				}
			})
		}
		/*校验真实姓名和密码*/
		function valOld() {
			var nameval = /^\w{0,20}$/;
			if(nameval.test(weiChatName.value)) {
				plus.nativeUI.toast("姓名最长为10个汉字或20个英文字符", toastStyle);
				return;
			} else if(setpassword.value.length < 6){
				plus.nativeUI.toast("密码由6-24个字符组成，区分大小写", toastStyle);
				return;
			}else{
				completeReg();
			}
		}
		binding.addEventListener("tap",function(){
			codeVal();
		});
		//绑定提交
		function completeReg() {
			console.log(state)
			console.log(ws.openid);
			console.log(phoneCode.value);
			
			mui.ajax(baseUrl + '/ajax/mobileReg', {
				data: {
					state: state,
					mobilePhone: phone.value,
					validateCode: oPhoneCode.value,
					password: setpassword.value,
					name:weiChatName.value,
					oauthType :"weixin" , 
					openid : ws.openid
				},
				dataType: 'json', //数据格式类型
				type: 'post', //http请求类型
				success: function(data) {
					console.log(JSON.stringify(data))
					if(data.success) {
						var userId = data.data;
						plus.storage.setItem('userid', userId);
						plus.nativeUI.toast("已完成注册，请填写个人信息", toastStyle);
						mui.openWindow({
							url: 'fillinfo.html',
							id: 'fillinfo.html',
							extras: {
								userid: userId
							},
							show: {
								aniShow: "slide-in-right"
							}
						});
					}
				},
				error: function() {
					plus.nativeUI.toast("服务器链接超时", toastStyle);
				}
			});
		}
		/*点击已有账号跳已有账号页面*/
		document.getElementById("alreadyAccount").addEventListener("tap",function(){
			mui.openWindow({
							url: '../html/backBindOn.html',
							id: 'backBindOn.html',
							show: {
								aniShow: "slide-in-right"
							},
							extras: {
								openid:ws.openid
							}
						});
		})
		/*用户协议*/
		document.getElementById("protocollink").addEventListener('tap',function(){
			mui.openWindow({
				url: '../html/privacy.html',
				id: '../html/privacy.html',
				show: {
					aniShow: "slide-in-right"
				}
			});
		});
})

app/js/weChatlogin.js

@@ -0,0 +1,93 @@
mui.plusReady(function() {
	plus.oauth.getServices(function(services) {
		auths = {};
		for(var i in services) {
			var t = services[i];
			auths[t.id] = t;
		}
	}, function(e) {
		alert("获取登录服务列表失败：" + e.message + " - " + e.code);
	});
	document.getElementById("weixin").addEventListener("tap", function() {
		var s = auths["weixin"];
		if(s) {
			if(!s.authResult) {
				s.login(function(e) {
					mui.toast("登录认证成功！");
					authUserInfo(s);
				}, function(e) {
					mui.toast("登录认证失败！");
				});
			} else {
				mui.toast("已经登录认证！");
				authLogout();
			}
		} else {
			mui.toast("不支微信登录");
		}
	});
	function authLogout() {
		for(var i in auths) {
			var s = auths[i];
			if(s.authResult) {
				s.logout(function(e) {
					console.log("注销登录认证成功！");
				}, function(e) {
					console.log("注销登录认证失败！");
				});
			}
		}
	}
	function authUserInfo(s) {
		console.log(s);
		s.getUserInfo(function(e) {
			var josnStr = JSON.stringify(s.userInfo);
			var jsonObj = s.userInfo;
			console.log("获取用户信息成功：" + josnStr);
			console.log(jsonObj.openid)
			authLogout();
			console.log(jsonObj.openid)
			weChat(jsonObj.openid,jsonObj.nickname);
		}, function(e) {
			alert("获取用户信息失败：" + e.message + " - " + e.code);
		});
	}
	function weChat(weiChatId,weixinName) {
		mui.ajax(baseUrl + "/ajax/oauth/openidLogin", {
			dataType: 'json', //数据格式类型
			type: 'POST', //http请求类型
			timeout: 10000, //超时设置
			data: {
				oauthType: 'weixin',
				openid: weiChatId
			},
			success: function(data) {
				if(data.success) {
					if(data.data == null) {
						mui.openWindow({
							url: '../html/backBindUn.html',
							id: 'backBindUn.html',
							show: {
								autoShow: true,
								aniShow: "slide-in-right"
							},
							 extras:{
							 	name:weixinName,
							 	openid:weiChatId
							 }
						});
					}
				}
			},
			error: function(x) {
				console.log(JSON.stringify(x))
				plus.nativeUI.toast("服务器链接超时", toastStyle);
				return;
			}
		});
	}
})