Меньше кода, больше дохода. Часть 4. Разработка front-end-слоя::Журнал СА 6.2014
www.samag.ru
     
Поиск   
              
 www.samag.ru    Web  0 товаров , сумма 0 руб.
E-mail
Пароль  
 Запомнить меня
Регистрация | Забыли пароль?
Журнал "Системный администратор"
Журнал «БИТ»
Наука и технологии
Подписка
Где купить
Авторам
Рекламодателям
Магазин
Архив номеров
Контакты
   


  Опросы
1001 и 1 книга  
19.03.2018г.
Просмотров: 8604
Комментарии: 0
Потоковая обработка данных

 Читать далее...

19.03.2018г.
Просмотров: 6877
Комментарии: 0
Релевантный поиск с использованием Elasticsearch и Solr

 Читать далее...

19.03.2018г.
Просмотров: 7000
Комментарии: 0
Конкурентное программирование на SCALA

 Читать далее...

19.03.2018г.
Просмотров: 4551
Комментарии: 0
Машинное обучение с использованием библиотеки Н2О

 Читать далее...

12.03.2018г.
Просмотров: 5234
Комментарии: 0
Особенности киберпреступлений в России: инструменты нападения и защита информации

 Читать далее...

Друзья сайта  

 Меньше кода, больше дохода. Часть 4. Разработка front-end-слоя

Архив номеров / 2014 / Выпуск №6 (139) / Меньше кода, больше дохода. Часть 4. Разработка front-end-слоя

Рубрика: Разработка /  Веб-технологии

Михаил Ушаков МИХАИЛ УШАКОВ, Уральский федеральный университет, разработчик электронной аппаратуры и программного обеспечения для ядерной гаммарезонансной спектроскопии, 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-версию данного номера можно приобрести в нашем магазине.


Комментарии отсутствуют

Добавить комментарий

Комментарии могут оставлять только зарегистрированные пользователи

               Copyright © Системный администратор

Яндекс.Метрика
Tel.: (499) 277-12-41
Fax: (499) 277-12-45
E-mail: sa@samag.ru