MVP-Muster mit Javascript-Framework?

Question

Hat jemand das MVP-Modell mit JavaScript-Frameworks implementieren können? Ich habe Probleme herauszufinden, wie man den Moderator hat -> Inversion von Server-Code zu Javascript. Ich habe einige Ideen, aber irgendwie hackish und würde gerne sehen, was andere tun.

Answer 1

Überprüfen Sie PureMVC aus. Sie haben auch Anschluss an JavaScript.

Answer 2

Ein weiterer, für jQuery Leute: http://javascriptmvc.com/

Nur ein Hinweis, dass Ext JS unterstützt auch die MV (x) Muster seit Version 4.0, die ich als Ex-Ext Person erwähnen würde. Wie die meisten Frameworks nennen sie auch "MVC" (wie die meisten anderen in der JS-Welt, siehe TodoMVC, im Gegensatz zu TodoMVP). Aus praktischer Sicht sind die Werkzeuge in Ext vorhanden, um den C/P-Teil des Musters so zu implementieren, wie es Ihren Anforderungen am besten entspricht. Muster sind nützlich, aber wie die meisten anderen Dinge können Sie Ihr Denken einschränken, wenn Sie dogmatisch behandelt werden.

Answer 3

scheint Googles GWT MVP verwenden:

Google GWT

Answer 4

Check out Winkel Projekt http://angularjs.org/ und fühlen sich frei, jede mögliche Frage zu Mailing-Gruppe zu stellen.

Es wurde entwickelt, um gut mit jQuery zusammen zu arbeiten. Sehr nützlich für das Schreiben von TESTABLE MVC JS-Anwendungen.

Answer 5

Werfen Sie einen Blick auf knockout.js, die ein MVVM-Framework für Ihre Webseiten ist. Es bietet ein wirklich schönes und leicht erweiterbares Framework für die lose Kopplung eines Modells und einer Ansicht.

Answer 6

Das Hauptziel bei MVP ist die Entkopplung verschiedener Aspekte im Code. Normalerweise in JavaScript gibt drei wichtige solche Aspekte sind:

1. Ereignis
2. DOM-Manipulation
3. Server Kommunikation Handling (AJAX-Aufrufe)

Für jede dieser Bedenken gibt es einen entsprechenden Begriff von MVP:

1. Ereignisbehandlung = Moderator
2. DOM-Manipulation = Ansicht
3. AJAX-Aufrufe = Modell

Da in der Tat ist es nicht immer einfach ist, die drei Aspekte zu implementieren, kann ein Ereignis BUS sich als nützlich. Dieser Bus sollte ein Singleton sein und alle Ereignisse, die in verschiedenen Kontexten angesprochen werden, sollten im Bus veröffentlicht werden. Der Präsentator muss sich bei seinen Ereignissen registrieren und entsprechend reagieren, wenn Ereignisse eintreten.

Hier ist, wie es funktionieren würde:

Das erste, was die Seite zu laden, ist passiert. Hören Sie dies mit dem normalen Event-Modell oder jQuery oder was auch immer ist bequem. Erstelle das Model, die View und den Presenter. Der Presenter muss die View- und Model-Instanzen halten, da er sie verwenden wird.

var model = new Model(); 
var view = new View(); 
var presenter = new Presenter(model, view); 

Denken Sie daran, dass Presenter der Ereignishandler ist so der Bus über sie und Ereignisse entlang der Route, um es für die Handhabung wissen sollten:

bus.registerHandler(presenter); 

Das erste Ereignis ist die „init“, was bedeutet, die Seite hat geladen und sind die MVP alle Objekte gesetzt:

bus.init(); // call this yourself 

das ist etwas in dem Moderator, wie eine Funktion auslösen würde. Ich bevorzuge die Namenskonvention on, in diesem Beispiel presenter.onInit(). Daraus ergibt sich eine Chance UI Zuhörer zu installieren:

// in the Presenter 
onInit: function() { 
    view.addSubmitListener(); 
    view.addWhateverListener(); 
    ... 
} 

// in the View (using jQuery) 
addSubmitListener: function() { 
    $("#submitButton").click(function() { 
    var formData = ... 
    bus.submit(formData); // publish an event to the bus 
    }); 
} 

Wenn die Schaltfläche Senden die bus.submit geklickt wird (Formdata) aufgerufen wird und diese leitet sie an den Handler - presenter.onSubmit (Formdata):

// in the Presenter 
onSubmit: function(formData) { 
    model.postForm(formData, function(data) { 
    // handle the response 
    view.updateSomething(data); 
    }); 
} 

Und so weiter ... Der ganze Trick ist die Bindung des Busses an den Presenter und dann bist du in der Schleife.

HTH

Answer 7

Ich weiß, diese Frage ist alt, aber ich denke, es ist hier erwähnenswert ist. Meine Stimme geht an Backbone.js. Sogar die Docs sagen, es ist MVC, ich würde sagen, es ist MVP.

• VIEW = html-Vorlage (jQuery.template)
• MODEL = Backbone.Model
• VORFÜHRER = Backbone.View (Schicht zwischen Ihrer Sicht-tempate und wie die Daten, um es gebunden ist, und mehr lichtet Sie tun kann) und, was am besten Sie verwenden in kann Methode Paar Ansichten (hTML Vorlagen) oder Schalter machen die ...

zu verwenden und was ist am besten Sie noch Controller haben

=
• CONTROLLER Backbone.Controller

Alternative könnte sein, wie @JoshRivers erwähnt, knockoutJS aber meine persönliche Meinung ist, dass View-Template mit Bindung Sachen überwältigt ist.

Und letzte Anmerkung. Thing ist View as V von MVC oder MVP ist etwas, das aus Ihrer Vorlage erstellt werden kann, ohne es zu programmieren, gute HTML-Vorlage Parser zu machen und Sie sind gut zu gehen :) Glauben Sie mir, Konvention ist dein Freund.

Answer 8

Wir sprechen über MVP hier Leute! Nicht MVC! Meiner Meinung nach ist die Branche noch nicht bereit für MVP. Jeder versucht MVC zu erfassen.

Answer 9

Werfen Sie einen Blick auf Riot.js - eine brandneue, eigenständige 1kB (!) MVP-Microlibrary, die alles enthält, was Sie benötigen, um eine skalierbare, modulare JavaScript-App zu erstellen. Es gibt auch eine ausgewachsene Demo.

Answer 10

wurde für einige Beispiele für MVP-Frameworks gesucht und in diesen Link gestoßen, die sehr nützlich sein, einer auf dem Rahmen zu entscheiden, will arbeiten: MV* Frameworks