Рубрика:
Разработка /
Веб-технологии
|
Facebook
Мой мир
Вконтакте
Одноклассники
Google+
|
МИХАИЛ УШАКОВ, Уральский федеральный университет, разработчик электронной аппаратуры и программного обеспечения для ядерной гаммарезонансной спектроскопии, um.nix.user@gmail.com
Меньше кода – больше дохода Часть 4. Разработка front-end-слоя
В предыдущих частях статьи [1], посвященных веб-фреймворку Apache Tapestry, были изучены вопросы, связанные с разработкой back-end-слоя, использованием базовых возможностей и т.д. Поговорим о применении JavaScript и CSS-библиотек (front-end-слой) в Apache Tapestry веб-приложении
Использование CSS-фреймворков
Использование CSS-фреймворков позволяет быстрее создавать HTML-разметку веб-страниц, поддерживать адаптивность (представление HTML на всех форматах: десктопы, планшеты, телефоны) и кроссбраузерность.
Однако у них есть и недостатки, например, в большинстве случаев – тяжеловесность, однотипность дизайнов веб-приложений, полная зависимость дизайна от фреймворка. Тем не менее CSS-фреймворки являются хорошим инструментом для быстрого создания веб-приложений.
Наиболее известными являются Twitter Bootstrap, Foundation, Golden Grid System, Cascade и другие. Пожалуй, наиболее богатый по функциональным возможностям Twitter Bootstrap, поэтому рассмотрим, как с его помощью можно создавать дизайн веб-страниц. Его можно загрузить с github или домашней страницы [2].
В предыдущей статье [1] было кратко описано, как использовать компоненты и, в частности, Layout. Layout является шаблоном, общим для веб-страниц (можно иметь несколько Layout для отдельных групп страниц). Поэтому основной задачей будет формирование Layout для веб-страниц.
Файловая структура Twitter Bootstrap представляет собой три каталога: собственно самих каскадных таблиц стилей (./css), опциональные JavaScript-плагины для анимации элементов управления (./js) и папка с ресурсами (./img или ./fonts, зависит от версии).
Скопируем эти папки с содержимым в resources/webapp. И создадим в /src/main/java/…/components класс Bootstraplayout.java и файл разметки Bootstraplayout.tml данного компонента.
Я рассмотрю простейший пример, в котором не будет использоваться передача параметров из Layout в веб-страницы.
Статью целиком читайте в журнале «Системный администратор», №6 за 2014 г. на страницах 78-79.
PDF-версию данного номера можно приобрести в нашем магазине.
Facebook
Мой мир
Вконтакте
Одноклассники
Google+
|