AngularJs 的CRUD 操作 是指对数据库的操作;
CRUD其实是数据库基本操作中的Create(创建)、ReadRetrieve(读取)、Update(更新)、Delete(删除)。而这里的Create(创建)
create
read
update
delete
第一:$resource服务不包含在angular.js中
. 因为不是每个Angular应用都需要CRUD操作, 如果你需要使用$resource服务你必须首先引用angular-resource.js文件.
引入-----
<script src="js/vendor/angular.js"></script>
<script src="js/vendor/angular-resource.js"></script>
这个服务可以创建一个资源对象,我们可以用它非常方便地同支持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服务来处理复杂的细节,而无需自己写重复和繁琐的的业务代码。
这样就可以使用ngResource服务。
}