Question

我在Java（springboot）中为后端运行应用程序，并为前端运行angularJs。我在使POST / PUT方法工作时遇到了一些麻烦。 angularjs部分中的post方法没有错误，但我的java代码可能会被破坏，它无法访问数据库，告诉我一切都很好但数据没有更新。

继承了angularjs方法：

        .controller(
            'TecnicoController',
            [
                '$scope',
                '$http',
                '$routeParams',
                function($scope, $http, $routeParams) {

                        var onError = function(reason) {
                            $scope.error = "No se pudo encontrar";
                        };

                        var urlbase = "http://localhost:8080/";

                        var legajo = $routeParams.legajo;

                        console.log(legajo);

                        var onTecnicoComplete = function(response) {
                            $scope.tecnico = response.data;
                            console.log($scope.tecnico);
                        };

                        console.log($scope.tecnico);

                        $http.get(urlbase + "get/tecnico/" + legajo)
                                .then(onTecnicoComplete, onError);

                        $scope.saveTecnico = function(tecnico) {
                            console.log(tecnico);
                            return $http.post(urlbase + "set/tecnico/",        tecnico)

                        };

                    } ])

get方法就像魅力一样，在完成帖子

之后我在日志中得到了确定

继承我的Controller的JAVA代码我将上传服务serviceimpl和存储库（如果需要）。

   @RestController
   public class TecnicoController {

@Autowired
TecnicoRepository tecnicoRepository;

@Autowired
private final TecnicoService tecnicoService;

@Inject
public TecnicoController(final TecnicoService tecnicoService) {
    this.tecnicoService = tecnicoService;
}

@RequestMapping(value = "/get/tecnico/{legajo}", method = RequestMethod.GET)
@ResponseBody
public Object queryTecnico(@PathVariable Integer legajo) {
    Tecnico tecnico = tecnicoService.getTecnico(legajo);
    if (tecnico == null)
        return "No encontrado";
    return tecnico;
}

@RequestMapping(value = "/get/tecnico/", method = RequestMethod.GET)
@ResponseBody
public Object queryTecnico() {
    List<Tecnico> tecnico = tecnicoRepository.findAll();
    return tecnico;
}

@RequestMapping(value = "/set/tecnico/", method = RequestMethod.POST)
@Transactional
public Tecnico editTecnico(final Tecnico tecnico) {
    return tecnicoRepository.save(tecnico);
}

**编辑：方法运行时调试的屏幕截图：

不确定为什么它不起作用...我有点通过春季手册来看看我是否可以解决它但它让我发疯并且时间至关重要。

以下是以下的HTML：

       <form role="form">
<div class="panel-body">

    <div class="panel-body">
        <img src="/assets/doge.jpg" alt="Doge">
    </div>

    <div class="container">
        <div class="input-group">
            <span class="input-group-addon" id="tec-nombre">Nombre del
                Tecnico:</span><input type="text" class="form-control"
                data-ng-model="tecnico.nombre" aria-describedby="tec-nombre">
        </div>
        <div class="input-group">
            <span class="input-group-addon" id="tec-legajo">Legajo del
                Tecnico:</span><input type="number" class="form-control"
                data-ng-model="tecnico.legajo" aria-describedby="tec-legajo">
            <div role="alert">
                <span class="error"
                    data-ng-show="myForm.legajoTecnico.$error.required">
                    Required!</span>
            </div>
        </div>
        <div class="input-group">
            <span class="input-group-addon" id="tec-email">Email del
                Tecnico:</span><input type="email" class="form-control"
                data-ng-model="tecnico.email" aria-describedby="tec-email">
            <div role="alert">
                <span class="error"
                    data-ng-show="myForm.emailTecnico.$error.required">
                    Required!</span>
            </div>
        </div>
        <div class="input-group">
            <span class="input-group-addon" id="tec-interno">Interno del
                Tecnico:</span><input type="text" class="form-control"
                data-ng-model="tecnico.interno" aria-describedby="tec-interno">
            <div role="alert">
                <span class="error"
                    data-ng-show="myForm.nombreTecnico.$error.required">
                    Required!</span>
            </div>
        </div>
    </div>
</div>
<div class= "form-group">
<label class= "col-md-2"></label>
<div class="col-md-4">
<a href="#/" class="btn">Cancel</a>
    <button data-ng-click="saveTecnico(tecnico);" 
             class="btn btn-primary">Actualizar {{tecnico.legajo}}</button>
    <button data-ng-click="deleteCustomer(customer)"
            data-ng-show="customer._id" class="btn btn-warning">Delete</button>
</div>

Answer 1

您需要使用@RequestBody注释参数：

public Tecnico editTecnico(final @RequestBody Tecnico tecnico) {
    return tecnicoRepository.save(tecnico);
}

AngularJs POST方法到springboot api

1 个答案: