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

  Опросы
1001 и 1 книга  
12.02.2021г.
Просмотров: 8525
Комментарии: 2
Коротко о корпусе. Как выбрать системный блок под конкретные задачи

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

11.02.2021г.
Просмотров: 8855
Комментарии: 3
Василий Севостьянов: «Как безболезненно перейти с одного продукта на другой»

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

20.12.2019г.
Просмотров: 16037
Комментарии: 0
Dr.Web: всё под контролем

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

04.12.2019г.
Просмотров: 15122
Комментарии: 13
Особенности сертификаций по этичному хакингу

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

28.05.2019г.
Просмотров: 16258
Комментарии: 6
Анализ вредоносных программ

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

Друзья сайта  

Форум системных администраторов  

sysadmins.ru

Вебинар «Укрощение SIEM-системы. Инструкция по применению для системных администраторов»

 Меньше кода, больше дохода. Часть 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