Как написать модульное приложение JavaScript?

Question

Я планирую переписать существующее приложение Silverlight, используя HTML, JavaScript и CSS. Это будет многофункциональное интернет-приложение, подключающееся к серверу только для данных (веб-сервисы на основе JSON), поэтому не будет никакой инфраструктуры представления на стороне сервера, такой как JSP или ASP.NET. Приложение состоит из около 8 экранов, большинство из них в виде вкладок. Вопрос в том ...

Как лучше написать такое приложение по модульному принципу? Я хотел бы написать отдельные экраны в виде автономных модулей, взаимодействующих друг с другом только через события. Я также хотел бы использовать какую-то инфраструктуру MVC для отделения уровня представления от модели.

Есть мысли о том, на какие рамки мне смотреть? У вас был хороший опыт их использования? Я начинаю смотреть на Backbone.js , JavaScriptMVC и SproutCore . Я что-то упустил, что стоит рассмотреть?

Заранее спасибо за ваше время.

P.S. Если вы хотите увидеть приложение, которое я пытаюсь переписать, вы можете ознакомиться с онлайн-демонстрацией здесь - это реалистичное торговое приложение, созданное для изучения и сравнения технологий.

Answer 1

У меня еще не было возможности попробовать SproutCore, но я слышу об этом много хорошего и хочу в какой-то момент разобраться.Я бы порекомендовал попробовать хотя бы Backbone и Sproutcore, чтобы увидеть, какой из этих двух вариантов лучше соответствует вашим потребностям и вашему стилю программирования.

Я много работаю с Backbone, и, как вы думаете, это будеточень легко вписывается в позвоночникЯ использую основанную на событиях архитектуру в своих магистральных приложениях и считаю, что она работает очень хорошо.он сохраняет код чистым и разделенным, и позволяет мне легко добавлять функциональность, связывая события, которые вызывают мои объекты.

Существует множество отличных обучающих программ и скринкастов для магистрали.Вот некоторые из них, которые, я надеюсь, должны дать вам некоторую необходимую вам информацию (включая мои собственные сообщения в блоге):

• http://lostechies.com/derickbailey/category/backbone/
• http://lostechies.com/derickbailey/2011/07/19/references-routing-and-the-event-aggregator-coordinating-views-in-backbone-js/ (представитьуправляемые событиями приложения в магистрали)
• http://joeybeninghove.com/2011/08/16/backbone-screencast-introduction-views/
• http://peepcode.com/products/backbone-js ($)
• http://tekpub.com/view/mvc3/6 ($ и относится к ASP.NET MVC интеграция)

снова, не просто выберите один и никогда не оглядывайтесь назад.стоит потратить ваше время, чтобы хотя бы сделать несколько простых пробных приложений в магистрали и sproutcore, если не в дополнительных платформах.

надеюсь, это поможет.

Answer 2

С Sproutcore вы можете создавать так называемые фреймворки, чтобы отделить ваше приложение. Каждый проект SC имеет каталог frameworks, вы просто добавляете каталог для своих пользовательских фреймворков и включаете их в свой файл сборки.

Для SC неплохая идея, по крайней мере, разделить ваш уровень Model на его собственную среду для слабой связи и тестирования (SC в значительной степени MVC). Возможно, имеет смысл разделить ваши экраны на их собственные структуры, в зависимости от того, насколько они сложны. Одним из преимуществ этого подхода является то, что при необходимости вы можете повторно использовать свои фреймворки в других проектах.

SC также включает надежный механизм Statechart, поэтому использование пользовательских событий вполне естественно, и из-за диаграмм состояний относительно легко гарантировать, что события обрабатываются только тогда, когда приложение находится в нужном состоянии.

Answer 3

Вы пробовали фреймворк Relay?Вы пишете свои отдельные экраны как отдельные модули и используете систему событий реле, чтобы связать их вместе.

http://relay.github.com