• AngularJS的 $resource服务 关于CRUD操作


    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应该类似于下面的模式

    URLHTTP VerbRequest BodyResult
    /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/
  • 相关阅读:
    Action常见注解的运用
    发现越来越喜欢来博客园了,所以自己也注册了一个!
    jsf 繁体教程下载pdf
    poj3210
    poj3224
    poj3219
    poj3233
    poj3372
    Paper Pal:一个中英文论文及其代码大数据搜索平台
    年轻就该多尝试,教你20小时Get一项新技能
  • 原文地址:https://www.cnblogs.com/tongbiao/p/6934728.html
Copyright © 2020-2023  润新知