【发布时间】:2016-06-12 17:55:34
【问题描述】:
我对 Spring 非常陌生,并试图通过网上的一些教程来学习。我创建了一个简单的 Spring MVC 登录应用程序,使用 AngularJS 作为前端并使用 JSON 将数据发布到 Spring Controller。
我的简单登录表单:
<form id="loginForm" ng-submit="login()" novalidate ng-controller="loginController" align="center">
<fieldset>
<div class="form-group col-lg-10">
<label for="username" class="control-label">Username</label>
<input class="form-control" ng-model="username" placeholder="Username" type="text">
</div>
<div class="form-group col-lg-10">
<label for="password" class="control-label">Password</label>
<input class="form-control" ng-model="password" placeholder="Password" type="password">
</div>
<div class="form-group">
<div class="col-lg-10 col-lg-offset-25">
<button type="submit" class="btn btn-primary">Login</button>
<button type="reset" class="btn btn-default">Reset</button>
</div>
</div>
</fieldset>
</form>
我的角度控制器:
function loginController($scope){
$scope.login=function(){
var data=$scope.fields;
var response = $http.post("rest/dologin",data);
alert(response);
};
};
我的 Web.xml:
<welcome-file-list>
<welcome-file>pages/login.html</welcome-file>
</welcome-file-list>
<context-param>
<param-name>contextConfigLocation</param-name>
<param-value>
/WEB-INF/spring-core.xml
</param-value>
</context-param>
<!-- Spring MVC -->
<servlet>
<servlet-name>spring-mvc</servlet-name>
<servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
<init-param>
<param-name>contextConfigLocation</param-name>
<param-value>
/WEB-INF/spring-mvc.xml
</param-value>
</init-param>
<load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>spring-mvc</servlet-name>
<url-pattern>/rest/*</url-pattern>
</servlet-mapping>
我的 Spring 控制器:
@Controller
public class LoginController {
@RequestMapping(value = "/dologin", method = RequestMethod.POST, headers = {"Content-type=application/json"})
protected @ResponseBody String validateUser(@RequestBody User user) {
System.out.println(user.getUsername() + " " + user.getPassword());
return "Sucess" + " " + user.getUsername();
}
}
我的 Dispatcher Servlet:
<beans xmlns="http://www.springframework.org/schema/beans"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xmlns:mvc="http://www.springframework.org/schema/mvc"
xsi:schemaLocation="http://www.springframework.org/schema/beans
http://www.springframework.org/schema/beans/spring-beans-4.1.xsd
http://www.springframework.org/schema/context
http://www.springframework.org/schema/context/spring-context-4.1.xsd
http://www.springframework.org/schema/mvc
http://www.springframework.org/schema/mvc/spring-mvc.xsd"
xmlns:context="http://www.springframework.org/schema/context">
<context:component-scan base-package="com.app.web.controllers" />
<mvc:annotation-driven />
</beans>
我尝试在 Angularjs 控制器中放置一个警告框,它会显示,但我的 Spring 控制器中的打印语句不打印。此外,没有显示任何错误。
更新:
我尝试将数据发布到我的 Spring 控制器,它给出了正确的响应。所以,问题出在 AngularJS 控制器上。我尝试使用firebug,发现没有调用角度控制器中的登录方法,而是加载了脚本本身。
更新2:
我把我的 AngularJS 控制器改成了这个,现在控制器被检测到了:
var loginApp = angular.module('loginApp',[]);
loginApp.controller('loginController', ['$scope','$http',function($scope,$http) {
$scope.login = function() {
var data=$scope.fields;
var response = $http.post('/test/rest/dologin',data).success(function(data){
alert(response);
});
}
这一次我在 Firebug 中收到“错误 400 错误请求”错误代码:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"/>
<title>Error 400 BAD_REQUEST</title>
</head>
<body><h2>HTTP ERROR 400</h2>
<p>Problem accessing /test/rest/dologin. Reason:
<pre> BAD_REQUEST</pre></p><hr /><i><small>Powered by Jetty://</small></i><br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
</body>
</html>
};
}]);
服务器出现以下异常:
NotReadableException: Required request body is missing
请提出我在这里做错了什么。
【问题讨论】:
标签: java angularjs json spring-mvc