登入页面

云笔记— 登入
实现登入页面

操作步骤
1：利用网络现有模板进行页面样式塔建https://ibaotu.com/ui/15-92365-0-92367-0-1.html?chan=bd&label=poster&plan=C4-bd&kwd=400184&unit=13716&bd_vid=7770482241241624605 链接

选择合适模板复制其相关代码到java编辑器

2：编写登入js代码 实现输入账号 和密码进行数据库验证 正确跳转 错误提示错误
js核心代码
$(function(){
$(’#reset’).click(function(){
$(’#username’).val(’’);
$(’#password’).val(’’);
})

$('#submit').click(function(){
	
	if($('#username').val()=='')
	{
		alert('请输入用户名');
		$('#username').focus();
		return ;
	}else if($('#password').val()=='')
	{
		alert('请输入登录密码');
		$('#password').focus();
		return ;
	}
	var sendData={"username":$('#username').val(),"password":$('#password').val()};
	$.ajax({
		type:"post",
		url:"user/login.do",
		data:sendData,
		datatype:"json",
		success:function(msg){
			/* var objmsg = eval('(' + msg + ')');
			console.log(objmsg.result); */
			/* alert(msg); */
			if(msg.state==1){
				//说明登录成功
				console.log(msg.data.name);
				alert("欢迎:"+msg.data.name);
			}else{
				//登录失败
				alert(msg.message);
			}
			
		},
		error:function(msg){
			alert("通信失败");
		}
		
	});
})

});