Структура разработки виджета пользовательского интерфейса

Question

Я собираюсь перепроектировать веб-сайт, который построен с использованием Spring MVC и javascript. Его очень простой сайт с ограниченными возможностями. Но, я вижу, что в ближайшем будущем этому сайту понадобится много виджета/артефактов пользовательского интерфейса, которые будут добавлены. Как твиттер-канал, картинка-галари, сделка дня и т. Д. И т. Д. В этом случае, глядя на будущее развитие, Я хотел бы использовать какую-то декларативную структуру дизайна UI-модуля/виджета, которая облегчит разработку будущих виджетов. Какую структуру я должен принять, которая поможет мне сделать это? В идеале я думаю - разработчики должны иметь возможность написать простой файл конфигурации (например, xml), который будет иметь элементы HTML, свойства CSS и обработчики действий (javascripts, которые будут запущены), и может включить этот виджет, используя некоторое правило Drools или в if-цикл.

Answer 1

Это старый учебник, но я до сих пор думаю, что это отличный пример на показ некоторых из основ

Demo: http://nettuts.s3.amazonaws.com/127_iNETTUTS/demo/index.html

Учебник: http://james.padolsey.com/javascript/inettuts-with-cookies/

показывает, что вы можете сделать с бит JavaScript и легкость jquery.

Answer 2

Возможно, вы захотите изучить что-то вроде Google Web Toolkit (GWT), вы используете код Java для написания компонентов, включающих HTML, CSS и обработчики событий. Вы можете использовать это как основу для написания схемы XML и перевода элементов XML в объекты Java.