带有 AngularJS 前端的 SPRING-DATA-REST 后端答案

【问题标题】：SPRING-DATA-REST Backend with AngularJS frontend带有 AngularJS 前端的 SPRING-DATA-REST 后端
【发布时间】：2014-04-12 16:32:21
【问题描述】：

是否有任何前端应用程序示例使用 angularJS 编写的 Spring-data-rest 后端的 RESTful 服务。

【问题讨论】：

您到底在寻找什么？此应用程序的 angularjs 部分或 spring 部分？
是的，我想要前端部分。
所以实际上您正在寻找独立于后端的 angularjs 的 Rest Api？
是的，这正是我想要的。
好的，看看我的回答希望对你有帮助

标签： json angularjs spring-data-rest hal-json

【解决方案1】：

这里有一个不错的库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 之类的 lib 一起使用...

【讨论】：

【解决方案2】：

目前，我认为angular-hal 是使用Spring Data Rest 输出并坚持其通过关系发现url 的最佳库。

首页：https://github.com/LuvDaSun/angular-hal

还有一些例子：

【讨论】：

【解决方案3】：

这里是一些使用 Spring RESTful 服务的 AngularJS 应用程序的链接

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

【讨论】：

谢谢 MKM 我会尝试第一个链接，但是您发送的第二个和第三个链接不适用于 spring data rest，因为 spring data rest 支持 hal+json 而不是 json。

【解决方案4】：

我更喜欢 angularjs 的 rest api 是 RESTANGULAR 模块...

在该站点中，您可以看到许多示例，说明他们如何处理 Rest 调用以及非常好的文档和良好的社区......

在这个来自 spring 示例 SPRING.IO 的示例中，他们使用 $http，但我应该说 Restangular 也使用 $http，所以基本上你可以说 Restangular 是 $http 的扩展版本...

最后你可以寻找$resource...

如果我能找到新的东西，我会更新我的答案...

【讨论】：

好的，我将此解决方案作为前端项目实现，然后即使我在配置中添加了类似 $httpProvider.defaults.useXDomain = true; delete $httpProvider.defaults.headers.common['X-Requested-With']; 的代码，我也会收到“Access-Control-Allow-Origin”的错误
我不认为这个问题与restangular有关，但如果你能这么想，你可以搜索他们的表格以获得解决方案，如果你能提供任何我想帮助的代码.. .
是的，我认为这是因为 nodejs 服务器。我必须为 CORS 配置它。
你用的是快递吗？
需要配置spring允许跨站请求见stackoverflow.com/questions/22846309/…