Post API 没有任何反应

Question

我正在使用 JHipster(Java,Spring Boot,Angular) 开发一个应用程序。 我有课程和学生实体。学生应在登录后点击注册按钮注册课程。 我写了post api并从swagger中测试了它。它工作正常。 但是当我尝试将其链接到带有 angular1 的按钮时；它会给出任何反应。

我的 Post API（我从 swagger 中测试它工作正常）

@PostMapping("/registercourse/{studentId}/{courseId}")
@Timed
public ResponseEntity<Void> registerCourse(@PathVariable Long studentId,@PathVariable Long courseId) {
    log.debug("REST request to register {} Course : {} Student : {}", courseId,studentId);
    courseRepository.registerCourse(studentId,courseId);
    return ResponseEntity.ok().headers(HeaderUtil.createEntityCreationAlert(ENTITY_NAME, courseId.toString())).build();
}

course.register.states.js

(function() {
    'use strict';
angular
    .module('mucsApp')
    .config(stateConfig);

stateConfig.$inject = ['$stateProvider'];

function stateConfig($stateProvider) {
    $stateProvider
        .state('course.register', {
            parent: 'entity',
            url: '/registercourse/:studentid/:courseid',
            data: {
                authorities: ['ROLE_USER']
            },
            controller: function($scope, $stateParams) {
                $scope.studentid = $stateParams.studentid;
                $scope.courseid = $stateParams.courseid;
                $http({
                    method: 'POST',
                    url: 'http://localhost:8080/' + $scope.studentid + '/' + $scope.courseid,
                    headers: {
                        'Content-Type': 'application/json'
                    }
                }).then(function successCallback(response) {
                    console.log("GREAT");
                }, function errorCallback(response) {
                    console.log(response)
                });
            }
        });
}})();

course.register.service.js

(function() {
    'use strict';
    angular
        .module('mucsApp')
        .factory('CourseRegister', CourseRegister);

CourseRegister.$inject = ['$resource'];

function CourseRegister ($resource) {
    var resourceUrl =  'api/registercourse/:studentid/:courseid';

    return $resource(resourceUrl, {}, {
        'query': { method: 'POST', isArray: true},
        'save': {
            method: 'POST',
            transformRequest: function (data) {
                var copy = angular.copy(data);
                return angular.toJson(copy);
            }
        }
    });
}})();

我的html按钮：

<button type="submit"
        ui-sref="course.register({studentid:vm.mystudentid , courseid:course.id})"
        class="btn btn-info btn-sm">
    <span class="glyphicon glyphicon-eye-open"></span>
    <span class="hidden-sm-down">Kaydol</span>
</button>

Answer 1

你的 Spring 控制器正在寻找这个：

@PostMapping("/registercourse/{studentId}/{courseId}")

您的$http 电话正在发布到此：

url: 'http://localhost:8080/' + $scope.studentid + '/' + $scope.courseid

您需要将呼叫更改为：

url: 'http://localhost:8080/registercourse' + $scope.studentid + '/' + $scope.courseid

此外，您的控制器实际上并未使用您的CourseRegister。如果你想使用它，你需要在你的 AngularJS 控制器中注入它。：controller: function($scope, $stateParams,CourseRegister)。

我的两分钱是，在你的情况下，你最好只使用$http。我会将 [更新] $http 调用放入您的 CourseRegister 服务中，然后使用它。 $resource 需要比我认为值得更多的修改。

更多关于 $resource 的信息是here。