Esiste un framework MVC (micro-) JavaScript? [chiuso]

Esistono framework MVC (micro-) JavaScript sul lato client ?

Ho un modulo HTML piuttosto complicato e trarrebbe beneficio dal modello MVC.

Immagino che una buona soluzione fornirebbe quanto segue:

• Model and View aggiorna il Controller quando cambiano i valori (modello Observer)
• Popolare il modello dai dati del modulo quando la pagina viene caricata
• Popolare il modulo dal modello quando il modello cambia

Ajax, cometa, JSONP e tutto quel jazz sono davvero eccessivi.

Backbone è un ottimo framework leggero. Provalo: http://backbonejs.org/

JavaScriptMVC è un'ottima soluzione. È tutto ciò che un approccio a plugin ti consente di selezionare solo le funzionalità di cui hai bisogno. A partire da 2.0, si basa su jQuery.

Migliorando progressivamente il tuo sito Web, è lasciato all'utente poiché JMVC fornisce solo uno strato intermedio per lo sviluppo: spetta a te fare tu stesso quella scelta di design.

Tuttavia, JavaScriptMVC è semplicemente la migliore libreria JavaScriptMVC per tutti gli usi a causa dei suoi potenti controller basati su delega di eventi.

La delega degli eventi ti consente di evitare di associare i gestori di eventi e di creare semplicemente regole per la tua pagina.

Infine, JMVC è molto più di un'architettura MVC. Comprende tutte le parti del ciclo di sviluppo con:

• Generatori di codice
• Test integrati di selenio ed Env.js
• Motore di documentazione
• Concat + Compress automatico
• Rilevazione e segnalazione degli errori

Spine ha un'API simile a Backbone ma è molto più piccola. Presenta un'eredità prototipale.

AngularJS lavora bene insieme a jQuery e ti aiuterà molto con la struttura MVC e la rigorosa separazione delle preoccupazioni.

Ambiente di test completo e Iniezione delle dipendenze inclusa ...

Dai un'occhiata a http://angularjs.org

Infatti c'è: http://www.javascriptmvc.com/

Penso che lo troverai sufficiente!

Penso che questo assomigli a qualcosa che dovresti dare un'occhiata: http://knockoutjs.com/

(Come programmatore silverlight / wpf questa è stata la libreria che mi ha fatto finalmente iniziare ad imparare javascript. Si basa sul modello Model-View-View-Model (MVVM), poiché per me in questo momento sembra una buona scelta!)

C'è il popolare Backbone.js

Ember.js

Queste sono le tre funzioni che rendono Ember una gioia da usare:

1. Attacchi
2. Proprietà calcolate
3. Modelli di aggiornamento automatico

Attacchi

Utilizzare i bind per sincronizzare le proprietà tra due diversi oggetti. Basta dichiarare un'associazione una volta ed Ember si assicurerà che le modifiche vengano propagate in entrambe le direzioni.

Ecco come creare un'associazione tra due oggetti:

MyApp.president = Ember.Object.create({
  name: "Barack Obama"
});

MyApp.country = Ember.Object.create({
  // Ending a property with 'Binding' tells Ember to
  // create a binding to the presidentName property.
  presidentNameBinding: 'MyApp.president.name'
});

MyApp.country.get('presidentName');
// "Barack Obama"

I binding ti consentono di progettare la tua applicazione utilizzando il modello MVC (Model-View-Controller), quindi stai tranquillo sapendo che i dati fluiranno sempre correttamente da un livello all'altro.

Proprietà calcolate

Le proprietà calcolate consentono di trattare una funzione come una proprietà. Le proprietà calcolate sono utili perché possono lavorare con i binding, proprio come qualsiasi altra proprietà.

Modelli di aggiornamento automatico

Ember utilizza il manubrio, una libreria di modelli semantici. Per prendere i dati dalla tua applicazione JavaScript e inserirli nel DOM, crea un tag e inseriscilo nel tuo HTML, ovunque desideri che appaia il valore:

<script type="text/x-handlebars">
  The President of the United States is {{MyApp.president.fullName}}.
</script>

Stapes.js

Divulgazione completa: sono l'autore di questa biblioteca :)

Se stai cercando qualcosa di veramente piccolo (1.5kb minificato / compresso) dai un'occhiata e dimmi se ti piace.

Se le tue esigenze sono davvero semplici, potresti scrivere il tuo semplice MVC come ha fatto Alex Netkachov .

I suoi esempi sono basati su dojo (Nota: non funzionano per me sulla sua pagina a causa di un file dojo.js mancante), ma è possibile seguire il modello in Javascript semplice.

Probabilmente è eccessivo per quello che ti serve, ma SproutCore è un framework MVC e non sembra più pesante di JavaScriptMVC o TrimPath's Junction .

Sfortunatamente, nessuno di questi sembra essere basato sul principio del miglioramento progressivo .

Il popolare framework MVC di ActionScript PureMVC è stato recentemente portato su JavaScript. Non ho ancora avuto la possibilità di provarlo, ma sono sicuro che sia buono.

Per favore, controlla anche jquery-claypool .

jquery-claypool è un framework mvc piccolo, veloce e disponibile basato su jquery, basato sulla mia esperienza con django, rotaie, primavera ecc. È molto leggero e funziona sia su client che in ambienti server.

fornisce un framework di routing per mvc pulito, registrazione delle categorie, filtri (aop), creazione pigra di controller, inversione di controllo, configurazione eccessiva delle convenzioni e non molto di più in base alla progettazione.

non fa già nulla di jquery, si sente come jquery e funziona come dovrebbe fare un buon framework: semplicemente.

jquery-Claypool

Spero che tu lo controlli.

Jamal è il più leggero che abbia mai visto. Si basa anche su jQuery (bonus). Non ho usato.

http://jamal-mvc.com/

Se vuoi mantenere le cose sotto controllo e abbastanza semplici, potresti non aver bisogno di un framework, ma semplicemente implementare il tuo modello mvc. Basta controllare questo articolo: Model-View-Controller (MVC) con JavaScript di Alex Netkachov nel 2006.

Ecco un elenco di tutti i framework JavaScript open source conosciuti dall'umanità.

http://getopensource.info/explore/javascript/framework/

O solo framework MVC

http://getopensource.info/explore/javascript/mvc/

Divulgazione: sono lo sviluppatore di questo sito Web.

Prova il gattino . È solo 1,4 KB e la sua unica dipendenza è EJS.

AGGIORNAMENTO 2016: Sammy.js sembra essere abbandonato.

Dai un'occhiata a Sammy.js

Testo dal sito:

Un piccolo fotogramma web con classe.

• PICCOLO core di Sammy è solo 16K compressi e 5,2K compressi e compressi
• MODULAR Sammy è basato su un sistema di plug-in e adattatori. Includi solo il codice che ti serve. È anche facile estrarre il tuo codice in plugin riutilizzabili.
• PULITO L'intera API è stata progettata per essere di facile comprensione e lettura. Sammy cerca di incoraggiare un buon incapsulamento e il design dell'applicazione.
• DIVERTIMENTO Qual è il vero punto di sviluppo se non è divertente. Sammy cerca di seguire l'approccio MATZ. È ottimizzato per la felicità degli sviluppatori.

Non lo definirei un micro- frame, ma sembra sicuramente interessante: Cappuccino Web Framework

CorMVC, facile da capire e da cui iniziare, basato su jquery e non dipende da alcuna tecnologia server

Ho sviluppato un framework Javascript MVC molto semplice chiamato MCV . Non fa esattamente quello che chiedi, ma è facilmente estensibile con gli aiutanti. Ad ogni modo, è sicuramente micro (1,9kb imballato).

Funziona più o meno come Jamal, ma ho deciso di fare il mio per due motivi:

• rimuovere la dipendenza jQuery (anche se la uso spesso con jQuery per la maggior parte del tempo)
• rendendolo estensibile con gli aiutanti. Questi sono analoghi ai comportamenti, ai componenti e agli aiutanti di CakePHP.

Giusto per rendere l'elenco un po 'più completo: ActiveJS

Ho votato a favore di AngularJS (divulgazione completa, sono coinvolto in modo limitato con lo sforzo di sviluppo angolare) e ne sono molto entusiasta. Ho fatto un confronto side-by-side prendendo una funzionalità per un progetto interno (scusate non ho l'approvazione per condividerla) e implementandola in AngularJS e Backbone. È stato un ottimo esercizio e alla fine sono molto incline verso Angular. Gli sviluppatori principali sono entusiasti di rispondere alle domande e hanno fatto davvero un buon lavoro con database integrato, test unit / e2e e documentazione. È ancora in beta con 1.0 in uscita nel prossimo futuro. La beta è molto stabile.

C'è un po 'di cambio di paradigma e usano un approccio abbastanza diverso rispetto alla maggior parte. L'integrazione dei tuoi plugin jquery preferiti richiede un po 'di sforzo, ma è fattibile ed è stato fatto (contributo angolare su github).

Dirò (e questo è un problema per la maggior parte dei framework js-centric), assicurati di studiare come rendere i tuoi contenuti SEO-friendly (se è importante per te). Da quando mi sono unito alla comunità angolare a giugno, ho notato che l'interesse sta crescendo e un certo numero di persone sta pubblicando post dicendo di aver guardato Backbone e altri, ma che piace molto a quello che stanno vedendo in Angular.

Maverick è un piccolo framework JavaScript MVC - http://maverick.round.ee

Vado a fare pipa anche qui - AFrameJS funziona con jQuery, MooTools e Prototype.

Un altro: MooTools-MVC

C'era un framework JavaScript vincolante di valore-chiave chiamato "Coherent", che è stato ispirato dai Cocoa Bindings di Apple. Il framework è stato acquistato da Apple, ma ne esiste ancora una vecchia copia su http://github.com/trek/coherentjs/tree/master .

Prova questo framework MVC javascript basato su jQuery .

Ancora uno, leggero e minuscolo: http://jqnano.oleksiy.pro/

Can.js ha tutto ciò di cui hai bisogno e pesa solo 8 KB. Ha preso i bit migliori da JavaScriptMVC e li ha distillati in un piccolo ma potente framework con osservatori, widget, rilegatura, opere. È compatibile con i principali framework ( jQuery , Dojo Toolkit , MooTools , ecc.). La documentazione è eccellente e gli autori sono sensibili. Vale sicuramente la pena dare un'occhiata.