Backbone.js REST-URL mit ASP.NET MVC-3

Bin ich auf der Suche in Backbone.js in letzter Zeit und ich versuche jetzt, um es hook up mit meinem server-Seite asp.net mvc-3.

Dies ist, wenn ich vor einem Problem. ASP.NET hört zu verschiedenen Aktionen, Ex: POST /Users/Create und nicht nur POST /users/. Weil die Model.Save() Methode in backbone.js wird nicht funktionieren.

Wie sollen wir dieses problem angehen? Muss ich umschreiben das Backbone.Sync?

Warum nicht einfach POST /users/? ASP.NET MVC hört nicht auf Sie.
Gut, es ist zwar möglich, dass der standard-Weg ist die post an die gleiche url, die Sie an sind. Som wenn ich einen Benutzer anlegen, wäre ich auf /user/erstellen. Aber wie Sie sagen, das würde wahrscheinlich funktionieren, wenn Sie wollte es auch.
Dieser ist besser verarbeitet, die neuen MVC4 Web-Api. ich Würde empfehlen, andere, es zu betrachten asp.net/whitepapers/mvc4-release-notes#_Toc317096197

InformationsquelleAutor Anders | 2011-06-07

15

Ist die Antwort nicht zu überschreiben Rückgrat.sync. Selten würde dies tun wollen. Stattdessen müssen Sie nur die Vorteile des Modells bei der url-Eigenschaft, wo Sie eine Funktion zuweisen, die gibt die url, die Sie möchten. Zum Beispiel,
```
Forum = Backbone.Model.extend({

  url: function() {
    return this.isNew() ? '/Users/Create' : '/Users/' + this.get('id');
  }

});
```
wo die url für ein Modell variiert, je nachdem, ob das Modell neu ist. Wenn ich deine Frage Lesen richtig, dies ist alles, was Sie tun müssen.
- Das war eine sehr gute alternative zu re-schreiben Sachen server-Seite. Danke!
- Es ist noch etwas ein hack/workaround. Raynos hat eine entsprechende Antwort unten.
- Vereinbart. Lieber kompatibel URLs, jedoch, wenn Sie keine Kontrolle haben, dann ist die obige Ansatz ist das, was Sie mit Links sind. Als ich antwortete das ich dies wahrgenommen Inflexibilität.
InformationsquelleAutor Bill Eisenhauer
12

Haben Sie entweder zu sagen, ASP.NET MVC route korrekten REST-urls oder fix Rückgrat.synchronisieren, so dass es sendet die GET/POST-Anfragen an die richtigen URLs.

Rückgrat arbeitet mit dem REST nicht mit RESTful-URLs. Gibt es vielleicht eine OS Implementierung von Backbone.sync passt urls obwohl.

Empfehlen URLs, die mehr spielen schön mit Rückgrat:
```
GET     /forums              ->  index
GET     /forums/new          ->  new
POST    /forums              ->  create
GET     /forums/:forum       ->  show
GET     /forums/:forum/edit  ->  edit
PUT     /forums/:forum       ->  update
DELETE  /forums/:forum       ->  destroy
```
- Ich dachte immer, ASP.NET MVC-Implementierung von RESTful-URL ' s waren ziemlich solide? Gibt es jemanden, der dies getan haben, bevor? Welchen Weg sollte ich gehen, ändern Rückgrat.sync oder MVC routing?
- Das ist eine Wahl, die Sie haben, zu machen. Hängt davon ab, was URLs, die Sie wollen. (aktualisierte Antwort).
- Raynos ist richtig... die "standard" - REST ist die Verwendung von Routen, die map-Objekte/Substantive, so dass Sie Ihre "Aktionen" implizit angewendet, die über HTTP-Verben verwendet, um auf Sie zuzugreifen. /users/create dann ist keine RUHE... es wird versucht werden, die "REST-like" oder "Erholsam" aber es ist nicht so POST ist das einzige verb anwendbar. GET wird verwendet, um schnappen Sie sich ein Formular zum anlegen eines Benutzers statt abrufen eines User-Objekts SETZEN und LÖSCHEN, die keinen Sinn machen. Erstellen Sie eine REST-api, mit dem Sie arbeiten können, und verwenden Sie Rückgrat, wie es beabsichtigt war.
InformationsquelleAutor Raynos

Schrieb ich eine blog-post vor kurzem, die beschreibt, wie zu binden .NET MVC, um die Standard-Rückgrat-service-layer.

Wie die vorherigen Poster erwähnt haben, gibt es eine Reihe von Ansätze, die Sie nehmen könnte. Ich bevorzuge diese Methode, da es erfordert ein wenig Konfiguration.

Die Steuerung:

public class ZocController : Controller
{
    public ActionResult Docs()
    {
        return Json(GetDocs(), JsonRequestBehavior.AllowGet);
    }

    [ActionName("Docs")]
    [HttpPost]
    public ActionResult HandlePostDoc(Doctor doc)
    {
        doc.id = Guid.NewGuid();

        CreateDoc(doc);

        return Json(doc);
    }

    [ActionName("Docs")]
    [HttpPut]
    public ActionResult HandlePutDoc(Doctor doc)
    {
        UpdateDoc(doc);

        return new EmptyResult();
    }

    [ActionName("Docs")]
    [HttpDelete]
    public ActionResult HandleDeleteDoc(Guid id)
    {
        DeleteDoc(id);

        return new EmptyResult();
    }
}

Das Rückgrat

window.Doctor = Backbone.Model;

window.Doctors = Backbone.Collection.extend({

    model: Doctor,

    url: '/zoc/docs'

});

Das sieht wie eine sehr nette Art und Weise damit umzugehen! Sonst noch jemand Erfahrung mit dieser Methode?
ja nur mit int-id anstelle der guid. Lief in dieser Frage kämpft, versucht die Zeichenfolgen anstelle von guid. also +1 hilft mir mit, dass
Ich glaube, das ist korrekter als der Wechsel der URL, um für jeden Fall, in javascript
Ich bin damit einverstanden, thx a lot!

InformationsquelleAutor

fand ich den folgenden code in https://github.com/sgentile/BackboneContacts

    ///<reference path="backbone.js" />
ModelBase = Backbone.Model.extend({
    defaults: {
        id: null
    },
    url: function (type) {
        //expecting the following conventions on the server:
        //urlRoot should be the controller : controller/
        //create → POST   /action
        //read → GET   /action[/id]
        //update → PUT   /action/id
        //delete → DELETE   /action/id
        var fqUrl = this.urlRoot;
        switch (type) {
            case "POST":
                fqUrl += "create";
                break;
            case "PUT":
                fqUrl += "update";
                break;
            case "DELETE":
                fqUrl += "delete/" + this.get('id');
                break;
            case "GET":
                fqUrl += "read/" + this.get('id');
                break;
        }
        return fqUrl;
    }
});

var methodMap = {
    'create': 'POST',
    'update': 'PUT',
    'delete': 'DELETE',
    'read': 'GET'
};

//Helper function to get a URL from a Model or Collection as a property
//or as a function.
var getUrl = function (object) {
    if (!(object && object.url)) return null;
    return _.isFunction(object.url) ? object.url() : object.url;
};

//Throw an error when a URL is needed, and none is supplied.
var urlError = function () {
    throw new Error('A "url" property or function must be specified');
};

Backbone.sync = function (method, model, options) {
    var type = methodMap[method];

    options.url = _.isString(this.url) ? this.url : this.url(type);

    //Default JSON-request options.
    var params = _.extend({
        type: type,
        dataType: 'json'
    }, options);

    //Ensure that we have a URL.
    if (!params.url) {
        params.url = getUrl(model) || urlError();
    }

    //Ensure that we have the appropriate request data.
    if (!params.data && model && (method == 'create' || method == 'update')) {
        params.contentType = 'application/json';
        params.data = JSON.stringify(model.toJSON());
    }

    //For older servers, emulate JSON by encoding the request into an HTML-form.
    if (Backbone.emulateJSON) {
        params.contentType = 'application/x-www-form-urlencoded';
        params.data = params.data ? { model: params.data} : {};
    }

    //For older servers, emulate HTTP by mimicking the HTTP method with `_method`
    //And an `X-HTTP-Method-Override` header.
    if (Backbone.emulateHTTP) {
        if (type === 'PUT' || type === 'DELETE') {
            if (Backbone.emulateJSON) params.data._method = type;
            params.type = 'POST';
            params.beforeSend = function (xhr) {
                xhr.setRequestHeader('X-HTTP-Method-Override', type);
            };
        }
    }

    //Don't process data on a non-GET request.
    if (params.type !== 'GET' && !Backbone.emulateJSON) {
        params.processData = false;
    }

    //Make the request.
    return $.ajax(params);
};

InformationsquelleAutor nologo

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.