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. excel插入一列日期 pandas_将日期和时间从Excel拉到Pandas并将其组合为时间戳
  2. libxml中用到的Xpath语法说明
  3. POJ3666序列最小差值
  4. c# mysql dbhelp,C#winfrom最简DBHelp(数据库连接操作)
  5. r语言解析html,R语言爬虫入门-rvest教程
  6. 原来R语言还有这些不为人知的用处!
  7. java、sqlserver复习
  8. 兵乓球- 经典街机游戏-python小游戏源码下载
  9. SAP License:SAP All-in-One产品特点
  10. Ruby之入门(一)
  11. 第四季-专题7-Linux内核链表
  12. grasshopper for rhino 6下载_福利篇 | Rhino常用插件功能汇总
  13. 计算机系统动态库修复,xp系统恢复dll动态链接库的修复步骤
  14. 前言【高等数学教程(单变量微积分)】
  15. 离散数学第六版第er章偶数题答案_离散数学答案第二章习题解答
  16. 最适合程序员的笔记软件
  17. 2021年全国职业院校技能大赛获奖名单(高职组网络系统管理)
  18. python皮卡丘字符打印代码_皮卡丘第二种
  19. 关于_WIN32_WINNT
  20. 我把一个人从我的微信里删除了,他怎么又进来了,确实删掉了,这是怎么回事?

热门文章

  1. Java三种循环结构的区别
  2. Project: Individual Project - Word frequency program
  3. [HDU3683 Gomoku]
  4. 限制文本框只能输入数字
  5. 计算机视觉基础:霍夫变换(Computer Vision Fundamentals: Hough Transform)
  6. 学习git: 常用命令
  7. 音乐标签编辑器 Meta 2.0.0 for Mac
  8. 在mac上制作PDF的基础教程
  9. 绝佳的录屏编辑神器,一款走遍天下
  10. 读谱对吉他手来说重要吗?试试它提升你的读谱效率