Question

我正在使用JHipster（Java，Spring Boot，Angular）开发一个应用程序。我有课程和学生实体。学生登录后应点击注册按钮注册课程。我写了后api并从swagger测试它。它的工作很精细。但是当我尝试将它链接到带有angular1的按钮时;它给出了任何反应。

My 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

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

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

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

Post API没有给出任何反应

1 个答案: