【问题标题】:AngularJs POST method to springboot apiAngularJs POST方法到spring boot api
【发布时间】:2016-02-15 05:27:29
【问题描述】:

我正在为后端运行一个 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 方法就像一个魅力,我在发布 后在日志中得到了 OK

这是我的控制器的 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);
}

**EDIT:方法运行时的调试截图:

不知道为什么它不起作用...我有点看弹簧手册,看看我是否可以修复它,但这让我抓狂,时间至关重要。

这是 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>

【问题讨论】:

  • 您遇到的错误是什么?
  • 没有错误,它只是不工作,它无法到达数据库。

标签: javascript java html angularjs spring


【解决方案1】:

你需要用@RequestBody注解参数:

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

【讨论】:

  • 先生,您刚刚赢得了互联网。谢谢。
猜你喜欢
  • 2017-11-02
  • 1970-01-01
  • 2015-12-05
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-10-13
  • 2018-06-03
  • 2018-01-24
相关资源
最近更新 更多