一、使用idea+maven配置Spring MVC环境
二、创建登录页面login.html
<form class="m-t" role="form" ng-app="myApp" ng-controller="regCtrl">
<div class="form-group">
<input type="email" class="form-control"
name="username" id="username"
placeholder="请输入用户名"
ng-model="username"
required="">
</div>
<div class="form-group">
<input type="password" name="password"
id="password" class="form-control"
placeholder="请输入密码"
ng-model="password"
required="">
</div>
<button ng-submit="regis()" id="send" class="btn btn-primary block full-width m-b">登 录</button>
三、创建js文件并引用到html文件中
angular.module("myApp",[])
.controller("loginCtrl",function ($scope,$http) {
$scope.userData={}
$scope.login = function(){
$http({
method:"post",
url:"/user/login",
params:{
"username":$scope.userData.username,
"password":$scope.userData.password
}
}).success(function(data){
if(data.success){
//登录成功执行的代码
}else{
document.getElementById("showError").innerHTML="用户名或密码错误";
}
}).error(function() {
window.location="http://localhost:8080/static/template/500.html"
});
}
})
四、编写UserController
package com.grandinsight.business.controller;
import com.grandinsight.business.model.User;
import com.grandinsight.business.service.IUserService;
import com.grandinsight.framework.controller.SupperController;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.http.HttpRequest;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;
import javax.servlet.http.HttpServletRequest;
@Controller
@RequestMapping("/user")
public class UserController extends SupperController {
@Autowired
public IUserService userService;
@RequestMapping(value = "/login")
@ResponseBody
public String login(String username,String password)s{
boolean result =false;
User user1 = userService.getUserByName(username);
if(password.equals(user1.getPassword())){
result = true;
}
return "index" ;
}
五、编写Service,DAO层的代码