Есть ли клиентский JavaScript MVC ( микро-)фреймворки?
У меня довольно сложная HTML-форма, и она выиграет от шаблона MVC.
Я предполагаю, что хорошее решение обеспечит следующее:
Ajax, комета, JSONP и все такое прочее - серьезное излишество.
Backbone — отличный легкий фреймворк. Попробуйте: http://backbonejs.org/
JavaScriptMVC — отличное решение. Это все, что подход плагина позволяет вам выбирать только те функции, которые вам нужны. Начиная с версии 2.0, он основан на jQuery.
При постепенном улучшении вашего веб-сайта это остается на усмотрение пользователя, поскольку JMVC предоставляет только средний уровень для разработки — вам решать, какой дизайн выбрать самостоятельно.
Тем не менее, JavaScriptMVC — это просто лучшая библиотека JavaScriptMVC общего назначения из-за ее мощных контроллеров на основе делегирования событий.
Делегирование событий позволяет вам не прикреплять обработчики событий и просто создавать правила для своей страницы.
Наконец, JMVC — это гораздо больше, чем просто архитектура MVC. Он охватывает все части цикла разработки:
API Spine похож на Backbone, но намного меньше. Отличается прототипическим наследованием.
AngularJS хорошо работает вместе с jQuery и очень поможет вам со структурой MVC и строгим разделением задач.
Полная среда тестирования и внедрение зависимостей включены...
Проверьте это на http://angularjs.org.
Действительно есть: http://javascriptmvc.com/
Я думаю, вам этого будет достаточно!
Я думаю, это выглядит как то, что вы должны проверить: http://knockoutjs.com/
(Как программист silverlight/wpf эта библиотека заставила меня, наконец, начать изучать javascript. Она основана на шаблоне Model-View-View-Model (MVVM), что мне сейчас кажется хорошим выбором!)
Вот три функции, которые делают Ember приятным в использовании:
Используйте привязки для синхронизации свойств между двумя разными объектами. Вы просто объявляете привязку один раз, и Ember позаботится о том, чтобы изменения распространялись в любом направлении.
Вот как вы создаете привязку между двумя объектами:
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"
Привязки позволяют создавать архитектуру приложения с использованием шаблона MVC (модель-представление-контроллер), а затем спокойно отдыхать, зная, что данные всегда будут правильно передаваться от слоя к слою.
Вычисляемые свойства позволяют обращаться с функцией как со свойством. Вычисляемые свойства полезны, поскольку они могут работать с привязками, как и любое другое свойство.
Ember использует Handlebars, библиотеку семантических шаблонов. Чтобы взять данные из вашего JavaScript-приложения и поместить их в DOM, создайте тег и поместите его в HTML-код везде, где вы хотите, чтобы отображалось значение:
<script type="text/x-handlebars">
The President of the United States is {{MyApp.president.fullName}}.
</script>
Полное раскрытие: я автор этой библиотеки :)
Если вы ищете что-то действительно маленькое (1,5 КБ в минимизированном/сжатом формате), взгляните и скажите мне, нравится ли вам это.
new). Что кажется ненужным, так это еще один each и map. Они уже есть в Underscore.js и jQuery.
- person feklee; 28.07.2012
Если ваши требования действительно просты, вы можете написать свой собственный простой MVC, например Alex Netkachov< /а> сделал.
Его примеры построены на dojo (Примечание: у меня они не работают на его странице из-за отсутствия файла dojo.js), но вы можете следовать шаблону в простом Javascript.
Это, вероятно, излишне для того, что вам нужно, но SproutCore – это среда MVC, и он выглядит не более тяжеловесным, чем JavaScriptMVC или < от TrimPath. href="http://code.google.com/p/trimpath/wiki/TrimJunction" rel="nofollow noreferrer">перекресток.
К сожалению, ни один из них не построен на принципе прогрессивного улучшения.
Популярная среда ActionScript MVC PureMVC недавно была перенесена на JavaScript. У меня еще не было возможности попробовать это, но я уверен, что это хорошо.
Также проверьте jquery-claypool.
jquery-claypool — это небольшой, быстрый, рельсовый фреймворк mvc, построенный на jquery, основанный на моем опыте работы с django, rails, spring и т. д. Он очень легкий и работает как в клиентской, так и в серверной среде.
он предоставляет структуру маршрутизации для чистого mvc, ведения журнала категорий, фильтров (aop), ленивого создания контроллеров, инверсии управления, конфигурации по соглашению и не более того по дизайну.
он не делает ничего, что уже делает jquery, он похож на jquery и работает так, как должен работать хороший фреймворк: просто.
Надеюсь, вы это проверите.
Джамал самый легкий из всех, что я видел. Он также основан на jQuery (бонус). Не использовал.
Если вы хотите держать все под контролем и достаточно просто, вам может не понадобиться фреймворк, а просто реализовать свой собственный шаблон mvc. Просто проверьте эту статью: Model-View-Controller (MVC) с JavaScript Алекс Неткачов, 2006 г.
Вот список всех фреймворков JavaScript с открытым исходным кодом, известных человечеству.
http://getopensource.info/explore/javascript/framework/
Или только фреймворки MVC
http://getopensource.info/explore/javascript/mvc/
Раскрытие информации: я разработчик этого сайта.
Попробуйте kitty. Это всего 1,4 КБ, и его единственная зависимость — EJS.
ОБНОВЛЕНИЕ 2016: Sammy.js кажется заброшенным.
Текст с сайта:
Небольшой веб-фреймворк с классом.
Я бы не назвал это микро-фреймворком, но выглядит интересно: Cappuccino Web Framework
CorMVC, простой для понимания и для начала, основанный на jquery и не зависящий от какой-либо серверной технологии.
Я разработал очень простую среду Javascript MVC под названием MCV. Он не делает именно то, что вы просите, но его легко расширить с помощью помощников. Во всяком случае, это точно микро (упаковано 1,9кб).
Он работает более-менее как Jamal, но я решил накатить свой собственный по двум причинам:
Я проголосовал за AngularJS (полное раскрытие, я ограниченно участвую в разработке Angular) и очень рад этому. Я провел параллельное сравнение, взяв одну функцию для внутреннего проекта (извините, у меня нет подписи, чтобы поделиться ею) и внедрив ее как в AngularJS, так и в Backbone. Это было отличное упражнение, и, в конце концов, я очень склоняюсь к Angular. Основные разработчики отлично отвечают на вопросы, и они проделали действительно хорошую работу со встроенной привязкой данных, модульным / e2e-тестированием и документацией. Он все еще находится в стадии бета-тестирования, и в ближайшем будущем выйдет версия 1.0. Бета очень стабильна.
Происходит небольшой сдвиг парадигмы, и они используют совершенно иной подход, чем большинство. Интеграция ваших любимых плагинов jquery требует немного усилий, но выполнима, и это было сделано (angular-contrib на github).
Я скажу (и это проблема для большинства js-ориентированных фреймворков), обязательно изучите, как сделать ваш контент оптимизированным для SEO (если это важно для вас). С тех пор, как я присоединился к сообществу Angular в июне, я заметил, что интерес к нему растет, и многие люди пишут сообщения о том, что они смотрели на Backbone и другие, но им действительно нравится то, что они видят в Angular.
Maverick — это небольшая среда JavaScript MVC — http://maverick.round.ee.
Я собираюсь добавить и здесь — AFrameJS работает с jQuery, MooTools и Prototype.
Существовал JavaScript-фреймворк для привязки ключ-значение под названием «Coherent», который был вдохновлен Cocoa Bindings от Apple. Фреймворк был куплен Apple, но на http://github.com/trek/coherentjs/tree/master.
Can.js содержит все необходимое и весит всего 8 КБ. Он взял лучшее из JavaScriptMVC и перегнал в один небольшой, но крутой фреймворк с наблюдателями, виджетами, привязкой и работами. Он совместим с основными платформами (jQuery, Инструментарий Dojo, MooTools , и т.д.). Документация отличная, авторы отзывчивые. Это определенно стоит посмотреть.
