Как управлять взаимодействием GUI с OO JavaScript?

Question

На моей веб-странице есть расписание, и я хочу, чтобы пользователь мог:

• нажмите на ячейку и посмотрите, какие курсы в это время
• нажмите на стрелку и измените неделя

Как мне создавать классы JavaScript?

1. Я не использую классы и взаимодействую с DOM, как мы видим в 99% кода JavaScript в мире

2. Я создаю один класс TimeTable, который будет наблюдать за событием (например, щелкнуть по ячейке), выполнить ajaxcall, изменить содержимое ячейки и т. Д. *

3. Я стараюсь сделать все идеально:

   • A) класс, который обернет все элементы HTML (изменение стиля / содержимого)

   • B) класс, который обернет мой вызов ajax

   • C) класс, который обернет мою бизнес-логику

   • D) класс, чтобы заставить все эти вещи работать вместе, наблюдать за событием от An и вызывать C или D, а затем вызывать A, чтобы изменить пользовательский интерфейс.

ИМХО, последнее решение является лучшим, это своего рода MVC (An - это View, D - это контроллер, а два других - модели). Но это кажется одним из менее простых в реализации.

Вы когда-нибудь использовали эту технику? Есть ли связанный блог / документация, чтобы помочь мне? Как вы думаете, это актуально? Есть что-то лучше?

Answer 1

Попробуйте backbonejs .Это легковесный MVC с полным контролем над системой представления и html.

Проектные решения структуры приложения разнообразны и действительно должны решать ваши собственные функции.

Answer 2

Почему бы просто не использовать jQuery FullCalendar ?

Если вместо этого вы действительно хотите написать все самостоятельно, я бы порекомендовал JavaScriptMVC .