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

  Опросы
  Статьи

Работа с Debian  

О Linux с любовью или Debian: через знание к любви

Конечно, одним лишь перечислением замечательных качеств любовь к Linux не возникнет. Для

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

Опрос  

Защита личных и клиентских данных: как мошенники используют ИИ и как защититься?

По данным RED Security, общее число кибератак на российские компании в 2024

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

Опрос  

Облачные инструменты для разработчиков

Эксперты ИТ-отрасли отвечают на вопросы «Системного администратора» > Как с помощью облака сделать

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

Опрос  

Рынок мобильных приложений: что будет актуальным в 2025 году?

Эксперты ИТ-отрасли отвечают на вопросы «Системного администратора» > Ваши прогнозы: чего ожидать от

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

Рынок труда  

Как успешно пройти все этапы собеседования на ИТ-должность?

По оценкам государства, дефицит ИТ-специалистов составляет от 740 тысяч до 1 миллиона

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

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

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

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

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

12.03.2018г.
Просмотров: 5267
Комментарии: 0
Глубокое обучение с точки зрения практика

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

12.03.2018г.
Просмотров: 3368
Комментарии: 0
Изучаем pandas

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

12.03.2018г.
Просмотров: 4162
Комментарии: 0
Программирование на языке Rust (Цветное издание)

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

19.12.2017г.
Просмотров: 4174
Комментарии: 0
Глубокое обучение

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

19.12.2017г.
Просмотров: 6684
Комментарии: 0
Анализ социальных медиа на Python

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

19.12.2017г.
Просмотров: 3510
Комментарии: 0
Основы блокчейна

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

19.12.2017г.
Просмотров: 3788
Комментарии: 0
Java 9. Полный обзор нововведений

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

16.02.2017г.
Просмотров: 7673
Комментарии: 0
Опоздавших не бывает, или книга о стеке

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

17.05.2016г.
Просмотров: 11035
Комментарии: 0
Теория вычислений для программистов

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

30.03.2015г.
Просмотров: 12759
Комментарии: 0
От математики к обобщенному программированию

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

18.02.2014г.
Просмотров: 14537
Комментарии: 0
Рецензия на книгу «Читаем Тьюринга»

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

13.02.2014г.
Просмотров: 9474
Комментарии: 0
Читайте, размышляйте, действуйте

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

12.02.2014г.
Просмотров: 7438
Комментарии: 0
Рисуем наши мысли

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

10.02.2014г.
Просмотров: 5720
Комментарии: 4
Страна в цифрах

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

18.12.2013г.
Просмотров: 4924
Комментарии: 0
Большие данные меняют нашу жизнь

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

18.12.2013г.
Просмотров: 3781
Комментарии: 0
Компьютерные технологии – корень зла для точки роста

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

04.12.2013г.
Просмотров: 3453
Комментарии: 0
Паутина в облаках

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

03.12.2013г.
Просмотров: 3690
Комментарии: 1
Рецензия на книгу «MongoDB в действии»

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

Друзья сайта  

 Меньше кода, больше дохода. Часть 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-45
E-mail: sa@samag.ru