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服务来处理复杂的细节,而无需自己写重复和繁琐的的业务代码。

用法:

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.cnblogs.com/tongbiao/p/6934728.html

AngularJS的 $resource服务 关于CRUD操作相关推荐

  1. 用于MyBatis CRUD操作的Spring MVC 3控制器

    到目前为止,我们已经为域类" User "创建了CRUD数据库服务,并且还将MyBatis配置与Spring Configuration文件集成在一起. 接下来,我们将使用Spri ...

  2. MyBatis学习总结(二)——使用MyBatis对表执行CRUD操作

    上一篇博文MyBatis学习总结(一)--MyBatis快速入门中我们讲了如何使用Mybatis查询users表中的数据,算是对MyBatis有一个初步的入门了,今天讲解一下如何使用MyBatis对u ...

  3. java中利用框架传入相同的url实现crud操作_还在手写CRUD代码?这款开源框架助你解放双手!

    相信很多朋友在项目中使用的ORM框架都是MyBatis,如果单用MyBatis来操作数据库的话,需要手写很多单表查询的SQL实现.这时候我们往往会选择一个增强工具来实现这些单表CRUD操作,这里推荐一 ...

  4. 让AngularJS的$http 服务像jQuery.ajax()一样工作

    先比较下他们的差别 $http的post . 请求默认的content-Type=application/json . 提交的是json对象的字符串化数据, . 后端无法从post中获取, . 跨域请 ...

  5. 实战 | 利用Delta Lake使Spark SQL支持跨表CRUD操作

    转载自  实战 | 利用Delta Lake使Spark SQL支持跨表CRUD操作 供稿 | eBay ADI-Carmel Team 作者 | 金澜涛 编辑 | 顾欣怡 本文7309字,预计阅读时 ...

  6. mybatis crud_MyBatis教程– CRUD操作和映射关系–第1部分

    mybatis crud CRUD操作 MyBatis是一个SQL Mapper工具,与直接使用JDBC相比,它极大地简化了数据库编程. 步骤1:创建一个Maven项目并配置MyBatis依赖项. & ...

  7. Spring MVC + Hibernate + Maven:CRUD操作示例

    在本文中,我想研究一个Spring MVC + Hibernate + Maven用法的示例. 这套技术暗含领域领域的基础知识. 因此,我将尝试详细解释所有重要时刻. 其他没有主题的内容将提供指向更多 ...

  8. MyBatis教程– CRUD操作和映射关系–第1部分

    CRUD操作 MyBatis是一个SQL Mapper工具,与直接使用JDBC相比,它极大地简化了数据库编程. 步骤1:创建一个Maven项目并配置MyBatis依赖项. <project xm ...

  9. MyBatis学习存档(4)——进行CRUD操作

    使用MyBatis进行数据库的CRUD操作有2种方式:一种如之前所说的接口+xml,而另一种是通过对接口上的方法加注解(@Select @Insert @Delete @Update) 但是通常情况下 ...

  10. java中利用框架传入相同的url实现crud操作_Java SSM框架基础面试题

    1.Spring 在ssm中起什么作用? Spring:轻量级框架 作用:Bean工厂,用来管理Bean的生命周期和框架集成. 两大核心: 1.IOC/DI(控制反转/依赖注入) :把dao依赖注入到 ...

最新文章

  1. c语言删除偶数号节点,第十二周作业
  2. LayUi前端框架删除数据缓存问题(解决删除后刷新页面内容又会显示问题)
  3. 理解Maven中的SNAPSHOT版本和正式版本
  4. echart 饼图设置指引线_EXCEL中把饼图砍一半,美观程度瞬间提升
  5. 【算法基础】漫画:什么是 “跳表” ?
  6. Android知识点
  7. 笔记--------手动分页
  8. 【城市沙龙】LiveVideoStack Meet | 长沙:多媒体与广电
  9. Kafka Producer源码简述
  10. k8s consul 服务发现_Swoft之服务注册发现Consul服务器配置
  11. swing point 怎么让x 不变_Swing舞出我人生 Vol.02 / 我的人生分为跳舞之前和跳舞之后...
  12. 使用Chrome快速实现数据的抓取(三)——JQuery
  13. JavaScript变量的声明与使用以及命名规范(3)
  14. 机器学习为什么重要_什么是机器学习? 为什么对您的业务很重要?
  15. php代码加密工具xend,PHP代码加密工具 Xend v3.0.1
  16. web安全day19:DNS欺骗、ARP攻击及钓鱼网站制作
  17. EXCEL的各种“空”的区别:blank,““ , 0 ,以及 VBA里的各种空值:empty,null,nothing 等
  18. 信息系统安全 总结提纲
  19. 如何提升自己的网站打开速度
  20. Win10自带照片查看器卸载了怎么找回来

热门文章

  1. Egret中的三种单例写法
  2. FTP文件服务搭建与同步传输
  3. 小菜面试 String 篇 之 统计一个字符串中数字,字母,的个数
  4. 距离考研还有2天,我还活着
  5. 好的网站收藏---长期更新---长期更新---长期更新---长期更新--
  6. 客户的价值源于客户的流程
  7. Farrago for Mac(强大的现场多音频播放工具)
  8. JS 函数中arguments的使用
  9. Spring2.5整合ActiveMQ 5.2(P2P文本消息)
  10. Keras网络层之“关于Keras的层(Layer)”