[Java][JavaScript] AngularJS + Spring JPA

[PwnT^ 68]

Mam problem z odczytaniem obiektów z jsona. Json+hal został wygenerowany przez Spring Data Rest.

Encja

@Entity
public class Discovery  {

   @Id
   @GeneratedValue(strategy = GenerationType.IDENTITY)
   private Long discoveryId;
   private String name;
   @Column(length = 1024)
   private String description;
   private String url;
   private Timestamp date;
   private int upVote;
   private int downVote;

   @ManyToOne(targetEntity = User.class)
   private User user;

   @OneToMany(mappedBy = "discovery", targetEntity = Vote.class,
           fetch = FetchType.EAGER, cascade = CascadeType.ALL)
   private List<Vote> votes = new ArrayList<>();

//Konstruktory, getery itp..

 

app.js

'use strict';

angular.module('app', ['ngRoute', 'ngResource'])
   .config(function ($routeProvider) {
       $routeProvider
           .when('/list', {
               templateUrl: 'partials/list.html',
               controller: 'ListController',
               controllerAs: 'listCtrl'
           })
           .when('/details/:id', {
               templateUrl: 'partials/details.html',
               controller: 'DetailsController',
               controllerAs: 'detailsCtrl'
           })
           .when('/new', {
               templateUrl: 'partials/new.html',
               controller: 'NewController',
               controllerAs: 'newCtrl'
           })
           .when('/login', {
               templateUrl: 'partials/login.html',
           })
           .otherwise({
               redirectTo: '/list'
           });
   })
   .constant('DISCOVERY_ENDPOINT', '/api/discoveries:id')
   .factory('Discovery', function($resource, DISCOVERY_ENDPOINT) {
       return $resource(DISCOVERY_ENDPOINT);
   })
   .service('Discoveries', function(Discovery) {
       this.getAll = function () {
           return Discovery.query();
       }
       this.get = function (index) {
           return Discovery.get({id: index});
       }
       this.add = function (discovery) {
           discovery.$save();
       }
   })
   .controller('ListController', function(Discoveries) {
       var vm = this;
       vm.discoveries = Discoveries.getAll();
   })
   .controller('DetailsController', function($routeParams, Discoveries) {
       var vm = this;
       var discoveryIndex = $routeParams.id;
       vm.discovery = Discoveries.get(discoveryIndex);
   })
   .controller('NewController', function(Discoveries, Discovery) {
       var vm = this;
       vm.discovery = new Discovery();
       vm.saveDiscovery = function() {
           vm.discovery.downVote = 0;
           vm.discovery.upVote = 0;

           Discoveries.add(vm.discovery);
           vm.discovery = new Discovery();
       }
   });

 

Nic nie działa, także zapisywanie, najpierw chciałbym chociaż odczytać obiekty.

 

fragment odpowiedzialny za wyswietlanie ( działało bez backendu )

<div ng-repeat="disc in listCtrl.discoveries">
   <div  class="container" >
       <div class="jumbotron">
           <h1 ng-bind="disc.name  "></h1>
           <p class="lead" ng-bind="disc.description"></p>
           <a class="btn btn-lg btn-primary" href="#!details/{{disc.id}}" role="button">Read »</a>
       </div>
   </div>
</div>

 

Blad z konsoli

angular.js:14700 Error: [$resource:badcfg] Error in resource configuration for action `query`. Expected response to contain an array but got an object (Request: GET /api/discoveries)
http://errors.angularjs.org/1.6.6/$resource/badcfg?p0=query&p1=array&p2=object&p3=GET&p4=%2Fapi%2Fdiscoveries
   at angular.js:116
   at $http.then.response.resource (angular-resource.js:762)
   at processQueue (angular.js:17051)
   at angular.js:17095
   at Scope.$digest (angular.js:18233)
   at Scope.$apply (angular.js:18531)
   at done (angular.js:12547)
   at completeRequest (angular.js:12785)
   at XMLHttpRequest.requestLoaded (angular.js:12702) "Possibly unhandled rejection: {}"

[Karister 1595]

Patrzyłeś, co dostajesz w JSONie z backendu? Wg err msg dostałeś object zamiast array. $resource ma pole do konfiguracji, czy ma oczekiwać array czy object.

[PwnT^ 68]

Tak, bawiłem się z biblioteka angular-spring-data-rest, ale coś nie szlo, w końcu wywalilem spring date rest, sam zdefiniowalem endpointy i mam spokój.

 

W międzyczasie natknąłem się na duzo problemow z JPA przez wiązania. Chyba z JDBC byłoby łatwiej. Takie mam odczucia

[basu 0]

Tak, bawiłem się z biblioteka angular-spring-data-rest, ale coś nie szlo, w końcu wywalilem spring date rest, sam zdefiniowalem endpointy i mam spokój.

 

W międzyczasie natknąłem się na duzo problemow z JPA przez wiązania. Chyba z JDBC byłoby łatwiej. Takie mam odczucia

 

Jakie problemy?

ORM to dość potężne narzędzie i trzeba dobrze zrozumieć jak działa by wydajnie z nim pracować.