AngularJS的 $resource服务关于CRUD操作

AngularJs 的CRUD 操作是指对数据库的操作；

CRUD其实是数据库基本操作中的Create(创建)、~~Read~~Retrieve(读取)、Update（更新）、Delete（删除）。而这里的Create(创建）

create

read

update

delete

第一：$resource服务不包含在angular.js中. 因为不是每个Angular应用都需要CRUD操作, 如果你需要使用$resource服务你必须首先引用angular-resource.js文件.

引入-----

这个服务可以创建一个资源对象，我们可以用它非常方便地同支持RESTful的服务端数据源进行交互，当同支持RESTful的数据模型一起工作时，它就派上用场了。

REST是Representational State Transfer（表征状态转移）的缩写，是服务器用来智能化地提供数据服务的一种方式

第二：然后你需要把ngResource注入到你的app中:

在我们的应用中需要将其当做依赖进行引用
angular.module('myApp', ['ngResource']);

$resource和RESTful API工作. 这意味着你的的URLS应该类似于下面的模式

URL	HTTP Verb	Request Body	Result
`/api/entries`	GET	empty	Returns all entries
`/api/entries`	POST	JSON String	Creates new entry
`/api/entries/:id`	GET	empty	Returns single entry
`/api/entries/:id`	PUT	JSON String	Updates existing entry
`/api/entries/:id`	DELETE	empty	Deletes existing entry

第三:为了在你的controller或者service中使用 $resource, 你需要声明一个对$resource的依赖.

如何使用？
$resource服务本身是一个创建资源对象的工厂，返回的$resource对象中包含了同后端服务器进行的交互的高层API.
var User=$resource('/api/users/:userId',{userId:'@id'});

可以把User对象理解成同RESTful的后端服务进行交互的接口。

第四:$resource默认有5个方法: get() query() save() remove() delete()

第五:

1.GET请求： get(params,successFn,errrorFn)

不定义具体的参数，get()请求通常被用来获取单个资源。

2.QUERY 请求：query向指定URL发送一个GET请求，并期望返回一个JSON格式的资源对象集合。
//发起一个请求
User.query(function(users){
//读取集合中的第一个用户
var user=users[0];
});

query()方法返回数组。

3. 1. save(params参数, payload用户信息, successFn, errorFn)
save方法向指定URL发送一个POST请求，并用数据体来生成请求体。save()方法用来在服务器上生成一个新的资源。 payload:代表请求发送的数据体

//发送一个请求 with the body {name: 'Ari'}

User.save({},{name:'Ari'},function(resp){

},function(error){

});

4. delete(params, payload, successFn, errorFn)
delete方法会向指定URL发送一个DELETE请求，并用数据体来生成请求体。它被用来在服务器上删除一个实例：

    // DELETE /api/users
    User.delete({}, {
        id: '123'
    }, function(response) {
    // 处理成功的删除响应
    }, function(response) {
    // 处理非成功的删除响应
    });

5.注意 remove(params, payload, successFn, errorFn)
remove方法和delete()方法的作用是完全相同的，它存在的意义是因为delete是JavaScript的保留字，在IE浏览器中会导致额外的问题。

// 发起一个请求：
    // DELETE /api/users
    User.remove({}, {
     id: '123'
    }, function(response) {
    // 处理成功的删除响应
    }, function(response) {
    // 处理非成功的删除响应
    });

第六:

$resource对常见的五种请求进行封装，我们还可以对$resource进行扩展，这里要扩展$resource我们需要传入第三个参数，该参数是一个对象。

$resource('/api/users',{},{  
  sendEmail:{  
    method:'',  
    url:'',  
    params:{},  
    isArray:boolean,  
    transformRequest:函数或者函数数组  
    transformResponse:函数或者函数数组  
    cache:布尔型或缓存对象  
    timeout:数值或promise对象  
    withCredentials:布尔类型  
    responseType:字符串，用来设置XMLHttpRequestResponseType属性
  }  
})

第七:

$resource服务可以将$http请求转换成save和update等简单形式。我们可以通过$resource服务来处理复杂的细节，而无需自己写重复和繁琐的的业务代码。

用法：

1.加入angular-resource.js文件。

2.将ngResource当作依赖来进行引用：

angular.module('myApp',['ngResource']);
这样就可以使用ngResource服务。

第八:$resource 是异步的

$resource 设置对象

1.method是我们需要发送的http请求，他是以下的值之一：GET，POST，DELETE，JSONP，PUT

2.url

3.params

4.isArray：如果isArray设置为true，那么这个动作对象会以数组的形式返回。

5.cache：如果cache属性被设置为true，按么AngularJs会用默认的$http缓存对GET请求进行缓存。

6.timeout：延迟发送。

7.interceptor（对象）：拦截器属性有两个可选的方法：response或responseError。这些拦截器像普通的$http拦截器一样，由$http请求对象调用。

$resource 服务

我们将$resource服务当作自定义服务的基础。创建自定义服务给我们的应用进行高度自定义的能力，可以对远程服务进行抽象，并且从控制器和视图中解耦出来。

最后，我们强烈建议在自定义的服务对象内部使用$resource。可以一定意义上保证控制器的清洁。

要创建一个封装$resource的服务，需要将$resource的服务注入到我们用来封装的服务对象中，并且像平时一样调用其方法。

如下所示：

angular.module('MyApp',['ngResource'])

.factory('UserService',[

'$resource',function($resource){

return $resource('/xx/xx/:id',{

id:'@'

},{

update:{

method:'PUT'
}

})

}

])

https://www.tongbiao.xyz/

AngularJS的 $resource服务 关于CRUD操作

AngularJS的 $resource服务关于CRUD操作