Bir JavaScript MVC (mikro-) çerçevesi var mı? [kapalı]

İstemci tarafı JavaScript MVC (mikro-) çerçeveleri var mı?

Oldukça karmaşık bir HTML formum var ve MVC modelinden faydalanacak.

İyi bir çözümün aşağıdakileri sağlayacağını hayal ediyorum:

• Model ve Görünüm, değerler değiştiğinde Denetleyiciyi günceller (Gözlemci modeli)
• Sayfa yüklendiğinde modeli form verilerinden doldurun
• Model değiştiğinde formu modelden doldurun

Ajax, kuyruklu yıldız, JSONP ve tüm bu cazlar aşırı derecede aşırıya kaçıyor .

Omurga harika bir hafif çerçevedir. Bir deneyin: http://backbonejs.org/

JavaScriptMVC mükemmel bir çözümdür. Her şey bir eklenti yaklaşımı sadece ihtiyacınız olan özellikleri seçmenizi sağlar. 2.0 itibariyle jQuery tabanlıdır.

Web sitenizi aşamalı olarak geliştirirken, JMVC geliştirme için sadece orta bir katman sağladığı için kullanıcıya bırakılmıştır - bu tasarım seçimini kendiniz yapmak size kalmıştır.

Ancak, güçlü olay yetkisi tabanlı denetleyicileri nedeniyle JavaScriptMVC en iyi genel amaçlı JavaScriptMVC kitaplığıdır.

Etkinlik yetkilendirmesi, etkinlik işleyicileri eklemek zorunda kalmadan kaçmanıza ve sayfanız için kurallar oluşturmanıza olanak tanır.

Son olarak, JMVC bir MVC mimarisinden çok daha fazlasıdır. Geliştirme döngüsünün tüm bölümleri aşağıdakilerle kaplıdır:

• Kod Üreteçleri
• Selenium ve Env.js entegre testi
• Dokümantasyon Motoru
• Otomatik Concat + Sıkıştır
• Hata tespiti ve raporlama

Omurga , Omurgaya benzer bir API'ye sahiptir, ancak çok daha küçüktür. Prototip palet mirasına sahiptir.

AngularJS, jQuery ile birlikte iyi çalışır ve MVC yapısı ve endişelerin sıkı bir şekilde ayrılması ile size çok yardımcı olacaktır.

Tam test ortamı ve Bağımlılık Enjeksiyonu dahil ...

Http://angularjs.org adresinden kontrol edin

Gerçekten de var: http://www.javascriptmvc.com/

Bence bu yeterli olacak!

Bence bu, kontrol etmeniz gereken bir şeye benziyor: http://knockoutjs.com/

(Silverlight / wpf programcısı olarak bu, nihayet javascript öğrenmeye başlamamı sağlayan kütüphaneydi. Benim için iyi bir seçenek gibi görünüyor!)

Popüler Backbone.js var

ember.js

Bunlar Ember'i kullanmak için bir zevk haline getiren üç özelliktir:

1. Bağlar
2. Hesaplanan özellikler
3. Otomatik güncelleme şablonları

Bağlar

İki farklı nesne arasındaki özellikleri senkronize tutmak için bağları kullanın. Yalnızca bir kez bağlayıcı olduğunu bildirirsiniz ve Ember, değişikliklerin her iki yönde de yayılmasını sağlar.

İki nesne arasında nasıl bağlayıcı oluşturacağınız aşağıda açıklanmıştır:

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"

Bağlamalar, uygulamanızı MVC (Model-View-Controller) desenini kullanarak yapılandırmanıza izin verir, ardından verilerin her zaman katmandan katmana doğru akacağını bilerek rahatlayın.

Hesaplanan Özellikler

Hesaplanan özellikler, özellik gibi bir işlevi ele almanızı sağlar. Hesaplanan özellikler kullanışlıdır, çünkü diğer mülklerde olduğu gibi ciltlemelerle de çalışabilirler.

Şablonları Otomatik Güncelleme

Ember, anlamsal bir şablonlama kütüphanesi olan Gidon kullanır. JavaScript uygulamanızdan veri alıp DOM'a koymak için, bir etiket oluşturun ve değerin görünmesini istediğiniz yere HTML'nize yerleştirin:

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

Stapes.js

Tam açıklama: bu kütüphanenin yazarıyım :)

Gerçekten küçük bir şey arıyorsanız (1.5kb minimize / gzipped) bir göz atın ve beğenip beğenmediğinizi söyleyin.

Gereksinimleriniz gerçekten basitse, Alex Netkachov gibi kendi basit MVC'nizi yazabilirsiniz yaptığı .

Örnekleri dojo üzerine kurulmuştur (Not: eksik bir dojo.js dosyası nedeniyle benim için çalışmazlar), ancak deseni düz Javascript'te takip edebilirsiniz.

Muhtemelen ihtiyacınız olan şey için aşırı doldurulur , ancak SproutCore bir MVC çerçevesidir ve JavaScriptMVC veya TrimPath's Junction'dan daha ağır görünmemektedir .

Ne yazık ki, bunların hiçbiri aşamalı geliştirme ilkesi üzerine inşa edilmiş gibi görünmemektedir .

Popüler ActionScript MVC çerçevesi PureMVC kısa süre önce JavaScript'e taşındı. Henüz denemek için bir şansım olmadı, ama iyi olduğuna eminim.

Lütfen jquery-claypool'u da kontrol edin .

jquery-claypool, django, raylar, yay vb. ile olan tecrübelerime dayanarak jquery üzerine inşa edilmiş küçük, hızlı, toplanabilir bir mvc çerçevedir. Çok hafiftir ve hem istemci hem de sunucu ortamlarında çalışır.

temiz mvc, kategori günlüğü, filtreler (aop), kontrolörlerin tembel yaratılması, kontrolün ters çevrilmesi, konfigürasyon üzerinde konvansiyon ve daha fazla tasarım için bir yönlendirme çerçevesi sağlar.

jquery'nin zaten yaptığı hiçbir şeyi yapmaz, jquery gibi hisseder ve iyi bir çerçeve gibi çalışır: basitçe.

jquery-claypool

Umarım kontrol edersin.

Jamal gördüğüm en hafif. Ayrıca jQuery (bonus) dayanmaktadır. Kullanmadım.

http://jamal-mvc.com/

İşleri kontrol altında ve oldukça basit tutmak istiyorsanız, bir çerçeveye ihtiyacınız olmayabilir, sadece kendi mvc deseninizi uygulayabilirsiniz. Bu makaleye göz atın: 2006'da Alex Netkachov tarafından JavaScript ile Model-View-Controller (MVC) .

İşte insanlık tarafından bilinen tüm açık kaynaklı JavaScript Çerçevelerinin bir listesi.

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

Veya sadece MVC çerçeveleri

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

Açıklama: Bu web sitesinin geliştiricisiyim.

Kitty'yi deneyin . Sadece 1.4KB ve tek bağımlılığı EJS.

GÜNCELLEME 2016: Sammy.js terk edilmiş gibi görünüyor.

Sammy.js'ye bir göz atın

Siteden metin:

Sınıf ile küçük bir web çerçeve.

• KÜÇÜK Sammy'nin çekirdeği sadece 16K sıkıştırılmış ve 5.2K sıkıştırılmış ve sıkıştırılmış
• MODÜLER Sammy bir eklenti ve adaptör sistemi üzerine kurulmuştur. Yalnızca ihtiyacınız olan kodu ekleyin. Kendi kodunuzu yeniden kullanılabilir eklentilere çıkarmak da kolaydır.
• TEMİZ Tüm API, anlaşılması ve okunması kolay olacak şekilde tasarlanmıştır. Sammy iyi bir kapsülleme ve uygulama tasarımını teşvik etmeye çalışır.
• EĞLENCE Eğer eğlenceli değilse kalkınmanın gerçek noktası nedir. Sammy MATZ yaklaşımını takip etmeye çalışır. Geliştirici mutluluğu için optimize edilmiştir.

Buna mikro çerçeve demem ama ilginç görünüyor: Cappuccino Web Framework

CorMVC, anlaşılması ve başlaması kolay, jquery tabanlı ve herhangi bir sunucu teknolojisine bağlı değildir

MCV adında çok basit bir Javascript MVC çerçevesi geliştirdim . İstediğinizi tam olarak yapmaz, ancak yardımcılarla kolayca genişletilebilir. Her neyse, kesinlikle mikro (1,9kb paketlenmiş).

Jamal gibi az çok çalışıyor, ancak iki nedenden ötürü kendim almaya karar verdim:

• jQuery bağımlılığını kaldırın (her ne kadar jQuery ile birlikte kullansam da)
• yardımcılarla genişletilebilir hale getirir. Bunlar CakePHP davranışları, bileşenleri ve yardımcıları için analogdur.

Listeyi biraz daha eksiksiz yapmak için: ActiveJS

AngularJS'yi iptal ettim (tam açıklama, açısal geliştirme çabasıyla sınırlı bir şekilde ilgileniyorum) ve bu konuda çok heyecanlıyım. Dahili bir proje için bir özellik alarak yan yana karşılaştırma yaptım (üzgünüm bunu paylaşmak için imza yok) ve hem AngularJS hem de Omurgada uygulayarak. Harika bir egzersizdi ve sonunda Angular'a yöneliyorum. Çekirdek geliştiriciler soruları cevaplamak konusunda harikalar ve yerleşik veri bağlama, birim / e2e testi ve dokümantasyonu ile gerçekten güzel bir iş çıkardılar. 1.0 hala yakın gelecekte çıkacak hala beta. Beta çok kararlıdır.

Biraz paradigma değişimi var ve çoğundan oldukça farklı bir yaklaşım kullanıyorlar. En sevdiğiniz jquery eklentilerini entegre etmek biraz çaba gerektirir, ancak yapılabilir ve yapılmıştır (github'a açısal katkı).

Söyleyeceğim (ve bu çoğu js merkezli çerçeveler için bir sorun), içeriğinizi nasıl SEO dostu hale getireceğinizi araştırdığınızdan emin olun (sizin için önemliyse). Haziran ayında açısal topluluğa katıldığımdan beri, ilginin arttığını ve bazı insanların Backbone ve diğerlerine baktıklarını ancak Angular'da gördüklerini gerçekten sevdiklerini söyleyen yayınlar yaptığını fark ettim.

Maverick küçük bir JavaScript MVC çerçevesi - http://maverick.round.ee

Ben de burada boru olacak - AFrameJS jQuery, MooTools ve Prototype ile çalışır.

Başka bir tane: MooTools-MVC

Apple'ın Kakao Bağlamaları'ndan esinlenilen "Tutarlı" adlı bir anahtar / değer bağlayıcı JavaScript çerçevesi vardı. Çerçeve Apple tarafından satın alındı, ancak hala http://github.com/trek/coherentjs/tree/master adresinde eski bir kopya var .

Bu jQuery tabanlı javascript MVC çerçevesini deneyin .

Bir tane daha, hafif ve küçük: http://jqnano.oleksiy.pro/

Can.js ihtiyacınız olan her şeye sahiptir ve sadece 8 KB ağırlığındadır. JavaScriptMVC'den en iyi bitleri alır ve gözlemciler, widget'lar, bağlama, eserler ile küçük ama kickass çerçevesine damıttı. Büyük çerçevelerle ( jQuery , Dojo Toolkit , MooTools vb.) Uyumludur . Dokümantasyon mükemmel ve yazarlar duyarlı. Kesinlikle bir göz atmaya değer.