Patrón de MVP con marco de JavaScript?

Question

¿Alguien ha sido capaz de implementar el modelo MVP con cualquier marco de JavaScript? Tengo problemas para averiguar cómo tener el presentador -> ver inversión desde el código del servidor a javascript. Tengo algunas ideas, pero algo de hackish y me gustaría ver lo que otros están haciendo.

Answer 1

Verificar PureMVC salir. También tienen puerto a JavaScript.

Answer 2

Otra, para la gente de jQuery: http://javascriptmvc.com/

Sólo una nota que Ext JS también es compatible con el (x) patrón de MV desde la versión 4.0, que voy a mencionar como una persona ex-Ext. Al igual que la mayoría de los marcos, también lo llaman "MVC" (al igual que la mayoría de todos en el mundo de JS, consulte TodoMVC, en contraposición a TodoMVP). Sin embargo, desde un punto de vista práctico, las herramientas están ahí en Ext para implementar la parte C/P del patrón que mejor se adapte a sus necesidades. Los patrones son útiles, pero como casi todo, pueden limitar su pensamiento cuando se los trata dogmáticamente.

Answer 3

Parece googles GWT utilizar MVP:

Google GWT

Answer 4

Salida proyecto angular en http://angularjs.org/ y no dude en hacer cualquier pregunta al grupo de correo.

Está diseñado para funcionar bien junto con jQuery. Muy útil para escribir aplicaciones TESTABLE MVC JS.

Answer 5

Eche un vistazo a knockout.js que es un marco MVVM para sus páginas web. Proporciona un marco realmente hermoso y fácilmente extensible para vincular un modelo y una vista de una manera débilmente acoplada.

Answer 6

El objetivo principal con MVP es el desacoplamiento de diferentes aspectos en el código. Normalmente, en JavaScript, hay 3 principales tales aspectos:

1. Manejo de Eventos
2. manipulación DOM
3. comunicación Server (llamadas AJAX)

Para cada una de estas preocupaciones, hay un término correspondiente de MVP:

1. EventHandling = Presentador
2. DOM Manipulación = Ver
3. llamadas AJAX = Modelo

Dado que de hecho no siempre es fácil de implementar los 3 aspectos, un bus de eventos puede ser útil. Este autobús debe ser un singleton y todos los eventos, planteados en diversos contextos, deben publicarse en el autobús. El Presentador necesita registrarse en sus eventos y reaccionar en consecuencia cuando ocurren los eventos.

Aquí es cómo funcionaría:

lo primero que ocurre es la carga de la página. Escuche esto usando el modelo de evento normal o jQuery o lo que sea conveniente. Crea el modelo, la vista y el presentador. El Presentador necesita mantener las instancias de Vista y Modelo ya que él las usará.

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

Recuerde que Presenter es el controlador de eventos para que el autobús debe saber sobre él y eventos de la ruta a la misma para la manipulación:

bus.registerHandler(presenter); 

El primer evento es el "init", lo que significa que la página tiene objetos cargados y el MVP está todo listo:

bus.init(); // call this yourself 

Esto daría lugar a algo en el presentador, como una función. Prefiero la convención de nomenclatura ..., en este ejemplo presenter.onInit(). Esto le da la oportunidad de instalar los oyentes de interfaz de usuario:

// 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 
    }); 
} 

Cuando el botón Enviar se hace clic en el bus.submit (FormData) se llama y esta voluntad es la ruta al controlador - presenter.onSubmit (FormData):

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

Y así sucesivamente ... Todo el truco es atar el autobús al presentador y luego estás en el circuito.

HTH

Answer 7

Sé que esta pregunta es viejo, pero creo que vale la pena mencionar aquí. Mi voto va a Backbone.js. Incluso los documentos dicen que es MVC, diría que es MVP.

• VISTA = plantilla HTML (jQuery.template)
• Modelo = Backbone.Model
• PRESENTADOR = Backbone.View (capa entre su vista, tempate y la forma de los datos a ella ligada, y más que adelgaza puede hacer) y lo que es mejor que se puede utilizar en rendir vistas método par (plantillas hTML) o interruptor que utilizar ...

y lo que es mejor todavía tiene controlador

• CONTROLADOR = Backbone.Controller

alternativa podría ser tan @JoshRivers mencionan, knockoutJS pero mi opinión personal es que la plantilla de vista es abrumado con la materia de la unión.

Y última nota. La cosa es Ver como V, ya sea desde MVC o MVP, es algo que puede construirse desde su plantilla sin codificarlo, hacer un buen analizador de plantillas HTML y está listo para ir :) Créanme, la convención es su amiga.

Answer 8

Estamos hablando de MVP personas aquí! ¡No MVC! En mi opinión, la industria aún no está lista para MVP. Todos todavía están tratando de captar MVC.

Answer 9

Eche un vistazo a Riot.js - una nueva, autónoma MVB micribiblioteca de 1kB (!) Que tiene todo lo que necesita para construir una aplicación de JavaScript escalable y modular. También hay una demostración en toda regla.

Answer 10

estaba buscando algunos ejemplos de marcos de MVP y chocó en este enlace que podría ser muy útil para decidir sobre el marco que se quiere trabajar en: MV* Frameworks