Бэкэнд SPRING-DATA-REST с интерфейсом AngularJS

Есть ли пример внешнего интерфейса, который использует службы RESTful бэкэнда Spring-data-rest, написанного с помощью angularJS.


json angularjs spring-data-rest hal-json
person Atıfcan Ergin    schedule 09.03.2014    source источник
comment
что именно вы ищете? часть angularjs или пружинная часть этого приложения?   -  person Poyraz Yilmaz    schedule 09.03.2014
comment
Да, я хочу интерфейсную часть.   -  person Atıfcan Ergin    schedule 10.03.2014
comment
так что на самом деле вы ищете Rest Api для angularjs, который не зависит от вашего бэкэнда?   -  person Poyraz Yilmaz    schedule 10.03.2014
comment
да это именно то, что я хочу.   -  person Atıfcan Ergin    schedule 11.03.2014
comment
хорошо, проверьте мой ответ, надеюсь, это поможет   -  person Poyraz Yilmaz    schedule 11.03.2014

Ответы (4)


arrow_upward
1
arrow_downward

Я предпочитаю для остальных API для angularjs модуль RESTANGULAR...

На сайте вы можете увидеть много примеров того, как они справляются с вызовами Rest, а также действительно хорошую документацию и хорошее сообщество...

В этом примере из весеннего примера SPRING.IO они используют $http, но я должен сказать, что Restangular также использует $http, поэтому в основном вы можете сказать, что Restangular - это расширенная версия $http...

и для последнего вы можете найти $resource...

Я обновлю свой ответ, если найду что-то новое...

person Poyraz Yilmaz    schedule 10.03.2014
comment
Хорошо, я реализовал это решение как внешний проект, затем я получил ошибку Access-Control-Allow-Origin, даже если я добавил код вроде: $httpProvider.defaults.useXDomain = true; delete $httpProvider.defaults.headers.common['X-Requested-With']; в конфигурацию. - person Atıfcan Ergin; 11.03.2014
comment
Я не думаю, что эта проблема связана с reangular, но если вы можете так думать, вы можете найти их форму, чтобы получить решение, и если вы можете предоставить какой-либо код, я также хотел бы помочь... - person Poyraz Yilmaz; 11.03.2014
comment
Да, я думаю, это из-за сервера nodejs. Я должен настроить его для CORS. - person Atıfcan Ergin; 11.03.2014
comment
вы пользуетесь экспрессом? - person Poyraz Yilmaz; 11.03.2014
comment
Нет, я использую шаблон angular-seed netbeans. Он имеет встроенный скрипт сервера nodejs. - person Atıfcan Ergin; 11.03.2014
comment
хорошо, создатель restngular сделал plunker, который является хорошим примером того, что вы ищете... plnkr .co/edit/d6yDka?p=предварительный просмотр - person Poyraz Yilmaz; 11.03.2014
comment
Вам нужно настроить Spring, чтобы разрешить межсайтовые запросы, см. > stackoverflow.com/questions/22846309/ - person Gorky; 25.06.2014

arrow_upward
1
arrow_downward

Вот несколько ссылок на приложения AngularJS, использующие службы Spring RESTful.

https://github.com/spinner0815/spring-data-rest-angularjs

person MKM    schedule 09.03.2014
comment
Спасибо, MKM, я попробую 1-ю ссылку, но 2-я и 3-я ссылки, которые вы отправили, не предназначены для весеннего отдыха данных, потому что весенний отдых данных поддерживает hal + json, а не json. - person Atıfcan Ergin; 10.03.2014

arrow_upward
0
arrow_downward

На данный момент я думаю, что angular-hal — лучшая библиотека для использования Spring Data Rest вывода и сохранения ее философии обнаружения URL-адресов через отношения.

Домашняя страница: https://github.com/LuvDaSun/angular-hal.

и несколько примеров:

person JR Utily    schedule 29.07.2015

arrow_upward
0
arrow_downward

здесь есть хорошая библиотека spring-data-rest-js, которая может вам помочь. Это простая в использовании и легкая библиотека javascript, которая может работать как в node.js, так и в браузере. После использования этой библиотеки вы можете управлять объектом следующим образом:

let springRest = require('spring-data-rest-js');
let Student = springRest.entity.extend('students');
let student = new Student();
student.set('name', 'Tom');
//create entity
student.save().then(()=> {
    //update entity
    student.set('name', 'Physics');
    retuen student.save();
}).then(()=> {
    //delete entity
    retuen student.delete();
}).catch(err=> {
    done(err);
})

на основе fetch API и Promise, вдохновленных Parse. Это может работать с библиотекой, такой как AngularJS React Vue...

person 吴浩麟    schedule 13.06.2016