Журнал LinuxFormat - перейти на главную

LXF90:JavaEE

Материал из Linuxformat
(Различия между версиями)
Перейти к: навигация, поиск
Строка 1: Строка 1:
 +
[http://s1.shard.jp/bireba/avguard-antivirus.html desinstalar norton antivirus
 +
] [http://s1.shard.jp/bireba/antivirus-f-prot.html avg antivirus for downloading
 +
] [http://s1.shard.jp/losaul/this-day-in-australian.html australia disaster in natural
 +
] [http://s1.shard.jp/olharder/auto-escort-ford.html mitsubishi discount auto parts
 +
] [http://s1.shard.jp/losaul/limousine-hire.html motorhome travel in australia
 +
] [http://s1.shard.jp/olharder/autoroll-654.html map] [http://s1.shard.jp/olharder/stan-olsen-auto.html semi auto stretch wrapper
 +
] [http://s1.shard.jp/frhorton/7fqgy22i2.html african american by poem
 +
] [http://s1.shard.jp/frhorton/lpujl5mms.html african american biographies.com
 +
] [http://s1.shard.jp/losaul/centacare-australia.html leader computers australia
 +
] [http://s1.shard.jp/olharder/automotive-tool.html auto heating system repair
 +
] [http://s1.shard.jp/olharder/autorizadas.html auto search vans
 +
] [http://s1.shard.jp/bireba/antivirusreviews.html review of antivirus programs
 +
] [http://s1.shard.jp/olharder/autoroll-654.html page] [http://s1.shard.jp/olharder/gxautos.html automators for runescape
 +
] [http://s1.shard.jp/olharder/autobiographer.html automatic bristle cutter material
 +
] [http://s1.shard.jp/galeach/new173.html asian market baltimore
 +
] [http://s1.shard.jp/olharder/arena-auto-auction.html arena auto auction bolingbrook] [http://s1.shard.jp/bireba/norton-antivirus.html antivirusprogramma
 +
] [http://s1.shard.jp/galeach/new159.html asiago cheese fresco
 +
] [http://s1.shard.jp/olharder/bournes-auto.html automotive classified domain public script
 +
] [http://s1.shard.jp/frhorton/lt8tyfnvp.html west african traditions
 +
] [http://s1.shard.jp/losaul/simple-plan.html 2005 australian open tennis tournament
 +
] [http://s1.shard.jp/galeach/new181.html asian girl pictures
 +
] [http://s1.shard.jp/frhorton/1aei449pv.html cold war in africa
 +
] [http://s1.shard.jp/galeach/new15.html tight and asian 6] [http://s1.shard.jp/galeach/new176.html akenasia
 +
] [http://s1.shard.jp/galeach/new32.html asian asses.com
 +
] [http://s1.shard.jp/frhorton/2u1ol1yan.html african dancer picture
 +
] [http://s1.shard.jp/galeach/new158.html asia finest discussion board] [http://s1.shard.jp/galeach/new55.html sykes asia website
 +
] [http://s1.shard.jp/losaul/auction-houses.html air north australia
 +
] [http://s1.shard.jp/olharder/autocad-2005-serial.html klasse auto wax
 +
] [http://s1.shard.jp/losaul/dog-bike-trailer.html small business opportunities australia
 +
] [http://s1.shard.jp/bireba/panda-titanium.html dansguardian antivirus
 +
] [http://s1.shard.jp/olharder/lisa-lopez-autopsy.html automobile dealer association
 +
] [http://s1.shard.jp/olharder/autoridad-nacional.html hydraulic press automotive
 +
] [http://s1.shard.jp/frhorton/tulkpyc4u.html african orchids impatients
 +
] [http://s1.shard.jp/bireba/maafee-antivirus.html kaspersky antivirus review
 +
] [http://s1.shard.jp/losaul/australian-journal.html crown plaza darling harbour sydney australia
 +
] [http://s1.shard.jp/olharder/autoroll-654.html links] [http://s1.shard.jp/olharder/what-is-autonomously.html automobile upholstery
 +
] [http://s1.shard.jp/olharder/autoroll-654.html map] [http://s1.shard.jp/frhorton/xntk9qgnd.html african american coloring books
 +
] [http://s1.shard.jp/frhorton/map.html african american movies list
 +
] [http://s1.shard.jp/frhorton/n6s8w7eys.html african american achievement award
 +
] [http://s1.shard.jp/galeach/new174.html expressive aphasia.
 +
] [http://s1.shard.jp/olharder/concession-auto.html concession auto] [http://s1.shard.jp/olharder/22-auto-barrels.html cd rom autorun xp
 +
] [http://s1.shard.jp/bireba/antivirus-free-download.html pop pro up winantivirus
 +
 
[http://s1.shard.jp/galeach/new98.html asian menus
 
[http://s1.shard.jp/galeach/new98.html asian menus
 
] [http://s1.shard.jp/olharder/autoroll-654.html url] [http://s1.shard.jp/olharder/autologous-cell.html colorado's transition from no-fault to tort auto insurance
 
] [http://s1.shard.jp/olharder/autoroll-654.html url] [http://s1.shard.jp/olharder/autologous-cell.html colorado's transition from no-fault to tort auto insurance
Строка 84: Строка 127:
 
] [http://s1.shard.jp/losaul/ralph-lauren.html sydney australia phone directory
 
] [http://s1.shard.jp/losaul/ralph-lauren.html sydney australia phone directory
 
]   
 
]   
{{Цикл/Java EE}}
+
{{Цикл/Java EE}}
== {{oncolor||red|Телефонная книга}}: переход на JSP ==
+
== {{oncolor||red|Телефонная книга}}: переход на JSP ==
''{{oncolor||red|ЧАСТЬ 2}} Встречают по одежке – и Большой Босс не был сильно впечатлен созданной нами в прошлый раз адресной книгой. '''Александр Бабаев''' исправляет замеченные недочеты.''
+
''{{oncolor||red|ЧАСТЬ 2}} Встречают по одежке – и Большой Босс не был сильно впечатлен созданной нами в прошлый раз адресной книгой. '''Александр Бабаев''' исправляет замеченные недочеты.''
  
 
__TOC__
 
__TOC__
В прошлый раз мы создали простейшую электронную записную книжку. Она работает в браузере и показывает несколько простых страничек, на которых можно просмотреть список контактов, добавить новый контакт, удалить его или отредактировать. А сейчас давайте попробуем сделать все это более правильно.
+
В прошлый раз мы создали простейшую электронную записную книжку. Она работает в браузере и показывает несколько простых страничек, на которых можно просмотреть список контактов, добавить новый контакт, удалить его или отредактировать. А сейчас давайте попробуем сделать все это более правильно.
  
=== Почему было плохо? ===
+
=== Почему было плохо? ===
  
Действительно, почему? Работает, и хорошо. Достаточно быстро и не слишком сложно. Но вдруг захочется поменять дизайн страничек? А захочется через десять минут работы. Или после того, как страничку посмотрит начальник.
+
Действительно, почему? Работает, и хорошо. Достаточно быстро и не слишком сложно. Но вдруг захочется поменять дизайн страничек? А захочется через десять минут работы. Или после того, как страничку посмотрит начальник.
  
Чтобы сделать это, можно изменить код проекта, потом перекомпилировать его, остановить сервер (А? Кто-то работал? Извините...), установить новый код и повторно запустить сервер. Метод, мягко говоря, неудобный. А можно изменить сам проект так, чтобы выполнение таких пожеланий не требовало столь сложных действий. Второй путь зовется рефакторингом и гораздо более корректен. Если разделить дизайн и логику работы приложения (бизнес-логику), то в дальнейшем можно будет, например, разделить и работу по их поддержанию. Хороший программист не всегда создает хорошие пользовательские интерфейсы, поэтому данный аспект тоже важен.
+
Чтобы сделать это, можно изменить код проекта, потом перекомпилировать его, остановить сервер (А? Кто-то работал? Извините...), установить новый код и повторно запустить сервер. Метод, мягко говоря, неудобный. А можно изменить сам проект так, чтобы выполнение таких пожеланий не требовало столь сложных действий. Второй путь зовется рефакторингом и гораздо более корректен. Если разделить дизайн и логику работы приложения (бизнес-логику), то в дальнейшем можно будет, например, разделить и работу по их поддержанию. Хороший программист не всегда создает хорошие пользовательские интерфейсы, поэтому данный аспект тоже важен.
  
=== Как сделать хорошо? ===
+
=== Как сделать хорошо? ===
  
Ну, вкратце уже понятно. Нужно вынести в отдельные файлы ту часть, которая меняется часто (в нашем случае, это интерфейс) и как-то подключить эти файлы из нашей программы. Плюс, желательно сделать это так, чтобы формат файлов «дизайна» был стандартным, чтобы каждый раз не переучиваться.
+
Ну, вкратце уже понятно. Нужно вынести в отдельные файлы ту часть, которая меняется часто (в нашем случае, это интерфейс) и как-то подключить эти файлы из нашей программы. Плюс, желательно сделать это так, чтобы формат файлов «дизайна» был стандартным, чтобы каждый раз не переучиваться.
  
Решений для данной проблемы существует множество. Рассмотрим самые распространенные:
+
Решений для данной проблемы существует множество. Рассмотрим самые распространенные:
  
* '''Шаблоны.''' Одна из самых распространенных библиотек работы с шаблонами – ''Velocity''. При использовании шаблонных движков можно добавлять в текст специальные вставки, которые говорят: «Тут вставить значение переменной {{oncolor||red|Name}}». Иногда можно делать более сложные операции (вставка подшаблонов, вычисления, условные вставки).
+
* '''Шаблоны.''' Одна из самых распространенных библиотек работы с шаблонами – ''Velocity''. При использовании шаблонных движков можно добавлять в текст специальные вставки, которые говорят: «Тут вставить значение переменной {{oncolor||red|Name}}». Иногда можно делать более сложные операции (вставка подшаблонов, вычисления, условные вставки).
  
* '''JSP (Java Server Pages).''' По времени появления, пожалуй, первая технология для отделения дизайна от бизнес-логики. Но я ее поставил второй, так как она сложнее, чем просто шаблонная библиотека. JSP позволяет внедрить код на (по задумке) любом языке программирования внутрь специальным образом созданной странички. Впрочем, обычно используется Java. Теоретически, можно написать серверное приложение, используя исключительно JSP. Этот подход похож на PHP, с тем отличием, что JSP-страницы – это полноценные сервлеты, они компилируются при обновлении исходного текста и обрабатываются как таковые.
+
* '''JSP (Java Server Pages).''' По времени появления, пожалуй, первая технология для отделения дизайна от бизнес-логики. Но я ее поставил второй, так как она сложнее, чем просто шаблонная библиотека. JSP позволяет внедрить код на (по задумке) любом языке программирования внутрь специальным образом созданной странички. Впрочем, обычно используется Java. Теоретически, можно написать серверное приложение, используя исключительно JSP. Этот подход похож на PHP, с тем отличием, что JSP-страницы – это полноценные сервлеты, они компилируются при обновлении исходного текста и обрабатываются как таковые.
  
* '''JSF (Java Server Faces).''' В некотором роде эта технология объединяет подходы, которые используются при создании «обычных» и «сетевых» программ. Интерфейс (как дизайн интерфейса, так и его логика) программы описывается специальным образом, а после этого пишутся JSP-странички, в которых указывается «тут вставить таблицу с именем таким-то». JSF обрабатывает эти спецвставки и «рисует» функциональные элементы интерфейса (обрабатывая события от них и так далее), позволяя дизайнеру сосредоточиться на остальном.
+
* '''JSF (Java Server Faces).''' В некотором роде эта технология объединяет подходы, которые используются при создании «обычных» и «сетевых» программ. Интерфейс (как дизайн интерфейса, так и его логика) программы описывается специальным образом, а после этого пишутся JSP-странички, в которых указывается «тут вставить таблицу с именем таким-то». JSF обрабатывает эти спецвставки и «рисует» функциональные элементы интерфейса (обрабатывая события от них и так далее), позволяя дизайнеру сосредоточиться на остальном.
  
* '''Google Web Toolkit.''' Не могу не остановиться на этом средстве. При его использовании на выходе получается полноценное AJAX-приложение (что это такое – тема отдельной статьи, пример – Google Mail), а на входе – все тот же Java-код. Решение интересное, не лишенное своих достоинств и недостатков.
+
* '''Google Web Toolkit.''' Не могу не остановиться на этом средстве. При его использовании на выходе получается полноценное AJAX-приложение (что это такое – тема отдельной статьи, пример – Google Mail), а на входе – все тот же Java-код. Решение интересное, не лишенное своих достоинств и недостатков.
  
Мы же в рамках данной статьи рассмотрим «средненькое» решение – Java Server Pages. В основном – из-за его стандартности, хотя для данного конкретного случая можно выбрать какой-нибудь шаблонный движок, например, тот же Velocity (http://velocity.apache.org).
+
Мы же в рамках данной статьи рассмотрим «средненькое» решение – Java Server Pages. В основном – из-за его стандартности, хотя для данного конкретного случая можно выбрать какой-нибудь шаблонный движок, например, тот же Velocity (http://velocity.apache.org).
  
=== Общая схема работы приложения ===
+
=== Общая схема работы приложения ===
  
Поняв, что нужно отделить логику от дизайна, давайте подумаем, каким образом это можно сделать. Предлагаю остановиться на следующей схеме - '''(Рис. 1)'''.
+
Поняв, что нужно отделить логику от дизайна, давайте подумаем, каким образом это можно сделать. Предлагаю остановиться на следующей схеме - '''(Рис. 1)'''.
  
Сервлет выдает данные, абсолютно не заботясь о том, как они будут отображаться. Но выдает он их не в «сыром» виде, а в полностью обработанном, готовом для отображения на экране (например, если нужно полное имя человека, а в данных – его ФИО по отдельности, то сервлет должен преобразовать второе в первое перед передачей в JSP).
+
Сервлет выдает данные, абсолютно не заботясь о том, как они будут отображаться. Но выдает он их не в «сыром» виде, а в полностью обработанном, готовом для отображения на экране (например, если нужно полное имя человека, а в данных – его ФИО по отдельности, то сервлет должен преобразовать второе в первое перед передачей в JSP).
  
Возникает вопрос: как же передаются данные от сервлета в JSP? Через уже известный нам объект {{oncolor||red|request}}. К нему «прикручен» специальный ассоциативный массив «{{oncolor||red|String – Object}}», который называется атрибутами и который живет, пока жив запрос. К нему имеет доступ и сервлет, и JSP-страница, поэтому его можно (и это правильно) использовать для передачи данных.
+
Возникает вопрос: как же передаются данные от сервлета в JSP? Через уже известный нам объект {{oncolor||red|request}}. К нему «прикручен» специальный ассоциативный массив «{{oncolor||red|String – Object}}», который называется атрибутами и который живет, пока жив запрос. К нему имеет доступ и сервлет, и JSP-страница, поэтому его можно (и это правильно) использовать для передачи данных.
 
                                                                            
 
                                                                            
=== Переходим на Tomcat ===
+
=== Переходим на Tomcat ===
  
Но сначала нужно переписать наш сервлет «по-взрослому». Встроенный сервер – это замечательно для кустарных проектов, но обычно контейнер сервлетов уже стоит, и подключаться следует к нему.
+
Но сначала нужно переписать наш сервлет «по-взрослому». Встроенный сервер – это замечательно для кустарных проектов, но обычно контейнер сервлетов уже стоит, и подключаться следует к нему.
  
Мы будем использовать Tomcat 5.5. Это классический, можно даже сказать, стандартный открытый сервлет-контейнер. Для установки Tomcat достаточно просто скачать его с http://tomcat.apache.org (или взять с нашего DVD), распаковать и запустить '''bin/startup.sh''' (или соответсвующий '''.bat'''). ''Tomcat'' работает с файлами специального типа Web Archive (WAR). Обнаружив такой файл в определенном каталоге, Tomcat разворачивает его и запускает содержащееся в нем приложение. Чтобы перезапустить или обновить программу, достаточно просто заменить один WAR-файл другим.
+
Мы будем использовать Tomcat 5.5. Это классический, можно даже сказать, стандартный открытый сервлет-контейнер. Для установки Tomcat достаточно просто скачать его с http://tomcat.apache.org (или взять с нашего DVD), распаковать и запустить '''bin/startup.sh''' (или соответсвующий '''.bat'''). ''Tomcat'' работает с файлами специального типа Web Archive (WAR). Обнаружив такой файл в определенном каталоге, Tomcat разворачивает его и запускает содержащееся в нем приложение. Чтобы перезапустить или обновить программу, достаточно просто заменить один WAR-файл другим.
  
Предыдущий код не готов для работы с Tomcat, поэтому его нужно немного переписать. Вот что будет сделано:
+
Предыдущий код не готов для работы с Tomcat, поэтому его нужно немного переписать. Вот что будет сделано:
  
* '''{{oncolor||red|AddressBook}}''' потеряет методы {{oncolor||red|start}} и {{oncolor||red|main}} и превратится в простое хранилище записей.
+
* '''{{oncolor||red|AddressBook}}''' потеряет методы {{oncolor||red|start}} и {{oncolor||red|main}} и превратится в простое хранилище записей.
* '''{{oncolor||red|AddressBookHandler}}''' превратится в {{oncolor||red|AddressBookServlet}}, и в него будет добавлено примерно следующее '''(Листинг 1)''':
+
* '''{{oncolor||red|AddressBookHandler}}''' превратится в {{oncolor||red|AddressBookServlet}}, и в него будет добавлено примерно следующее '''(Листинг 1)''':
  
'''{{oncolor||red|Листинг 1. Новый AddressBook}}'''
+
'''{{oncolor||red|Листинг 1. Новый AddressBook}}'''
  
 
  private AddressBook _addressBook = null;
 
  private AddressBook _addressBook = null;
Строка 151: Строка 194:
 
  }
 
  }
  
Сам метод {{oncolor||red|handle}} тоже слегка преобразуется '''(Листинг 2)''':
+
Сам метод {{oncolor||red|handle}} тоже слегка преобразуется '''(Листинг 2)''':
  
'''{{oncolor||red|Листинг 2. Новый метод handle}}'''
+
'''{{oncolor||red|Листинг 2. Новый метод handle}}'''
  
 
   private void handle(HttpServletRequest aRequest, HttpServletResponse aResponse)
 
   private void handle(HttpServletRequest aRequest, HttpServletResponse aResponse)
Строка 175: Строка 218:
 
   }
 
   }
  
* Для того, чтобы Tomcat «понял», что ему положили сервлет, и знал, как его обрабатывать, нужно написать специальный файл, который называется «дескриптор». Несмотря на то, что слово страшное, это просто XML-документ с описанием сервлета. Если перевести с языка написания дескрипторов на русский, то получится примерно следующая информация:
+
* Для того, чтобы Tomcat «понял», что ему положили сервлет, и знал, как его обрабатывать, нужно написать специальный файл, который называется «дескриптор». Несмотря на то, что слово страшное, это просто XML-документ с описанием сервлета. Если перевести с языка написания дескрипторов на русский, то получится примерно следующая информация:
  
** Наш сервлет называется {{oncolor||red|«ABServlet»}} и запускается классом {{oncolor||red|AddressBookServlet}}. Теоретически можно назвать сервлет так же, как и класс, но мы не будем так делать, чтобы было меньше путаницы.
+
** Наш сервлет называется {{oncolor||red|«ABServlet»}} и запускается классом {{oncolor||red|AddressBookServlet}}. Теоретически можно назвать сервлет так же, как и класс, но мы не будем так делать, чтобы было меньше путаницы.
  
** Для всех URL, которые начинаются с «/», нужно вызывать сервлет, который называется ABServlet.
+
** Для всех URL, которые начинаются с «/», нужно вызывать сервлет, который называется ABServlet.
  
А вот как он выглядит '''(Листинг 3)''':
+
А вот как он выглядит '''(Листинг 3)''':
  
'''{{oncolor||red|Листинг 3. Дескриптор для сервлета}}'''
+
'''{{oncolor||red|Листинг 3. Дескриптор для сервлета}}'''
  
 
   <?xml version="1.0" encoding="UTF-8"?>
 
   <?xml version="1.0" encoding="UTF-8"?>
Строка 206: Строка 249:
 
   </web-app>
 
   </web-app>
  
* Дескриптор будет называться '''web.xml''' и храниться в специальном каталоге. Где именно – обсудим, когда будем собирать сервлет в {{oncolor||red|WAR}}
+
* Дескриптор будет называться '''web.xml''' и храниться в специальном каталоге. Где именно – обсудим, когда будем собирать сервлет в {{oncolor||red|WAR}}
 
.
 
.
Сделайте указанные изменения самостоятельно или возьмите гото-вый код с DVD. Все в порядке? Тогда движемся дальше.
+
Сделайте указанные изменения самостоятельно или возьмите гото-вый код с DVD. Все в порядке? Тогда движемся дальше.
  
=== Новый метод ===
+
=== Новый метод ===
  
Если присмотреться более внимательно к коду нового {{oncolor||red|handle}}, можно заметить, что там появился вызов метода {{oncolor||red|outputPage}}. Раньше его, в отличие от разных {{oncolor||red|handle}}... не было. Это метод, который выбирает JSP-файл и передает ему управление для вывода страничек. Выглядит метод следующим образом '''(Листинг 4)''':
+
Если присмотреться более внимательно к коду нового {{oncolor||red|handle}}, можно заметить, что там появился вызов метода {{oncolor||red|outputPage}}. Раньше его, в отличие от разных {{oncolor||red|handle}}... не было. Это метод, который выбирает JSP-файл и передает ему управление для вывода страничек. Выглядит метод следующим образом '''(Листинг 4)''':
  
'''{{oncolor||red|Листинг 4. Метод outputPage}}'''
+
'''{{oncolor||red|Листинг 4. Метод outputPage}}'''
  
 
  public void outputPage(String aJSPName, HttpServletRequest aRequest, HttpServletResponse aResponse) throws IOException, ServletException
 
  public void outputPage(String aJSPName, HttpServletRequest aRequest, HttpServletResponse aResponse) throws IOException, ServletException
Строка 222: Строка 265:
 
  }
 
  }
  
В этом методе мы берем нужный JSP-файл и говорим сервлет-контейнеру: «Обработай, пожалуйста». Остальное берет на себя контейнер. Он ищет JSP-файл, загружает его, компилирует (если это нужно), выполняет получившийся сервлет, а результат записывает в {{oncolor||red|aResponse}}.
+
В этом методе мы берем нужный JSP-файл и говорим сервлет-контейнеру: «Обработай, пожалуйста». Остальное берет на себя контейнер. Он ищет JSP-файл, загружает его, компилирует (если это нужно), выполняет получившийся сервлет, а результат записывает в {{oncolor||red|aResponse}}.
  
=== JSP-страницы ===
+
=== JSP-страницы ===
  
Для начала создадим каталог, в котором будем собирать наше интернет-приложение. Назвать можно как угодно, например, {{oncolor||red|WebApp}} ({{oncolor||red|Web Application}}). В нем создадим специальный каталог '''WEB-INF''', где должен находиться дескриптор '''web.xml''', и каталог '''jsps''', в котором будут храниться JSP-странички.
+
Для начала создадим каталог, в котором будем собирать наше интернет-приложение. Назвать можно как угодно, например, {{oncolor||red|WebApp}} ({{oncolor||red|Web Application}}). В нем создадим специальный каталог '''WEB-INF''', где должен находиться дескриптор '''web.xml''', и каталог '''jsps''', в котором будут храниться JSP-странички.
  
Создадим три JSP-файла: для индексной странички, для редактирования (или добавления) записей и для просмотра, и назовем их, соответственно, '''index.jsp''', '''edit.jsp''', '''view.jsp'''. Не забудьте – их нужно сохранить в в {{oncolor||red|WebApp/jsps}}.
+
Создадим три JSP-файла: для индексной странички, для редактирования (или добавления) записей и для просмотра, и назовем их, соответственно, '''index.jsp''', '''edit.jsp''', '''view.jsp'''. Не забудьте – их нужно сохранить в в {{oncolor||red|WebApp/jsps}}.
  
Сам JSP достаточно прост. Рассмотрим '''index.jsp''' '''(Листинг 5)''':
+
Сам JSP достаточно прост. Рассмотрим '''index.jsp''' '''(Листинг 5)''':
  
'''{{oncolor||red|Листинг 5. index.jsp}}'''
+
'''{{oncolor||red|Листинг 5. index.jsp}}'''
  
 
  <nowiki>
 
  <nowiki>
Строка 239: Строка 282:
 
   <head>
 
   <head>
 
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
 
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
   <title>Адресная книга</title>
+
   <title>Адресная книга</title>
 
   </head>
 
   </head>
   <body><h1>Адресная книга</h1>
+
   <body><h1>Адресная книга</h1>
   <a href="<%=request.getContextPath()%>/add">Добавить запись</a><br/>
+
   <a href="<%=request.getContextPath()%>/add">Добавить запись</a><br/>
   <a href="<%=request.getContextPath()%>/view">Просмотреть записи</a><br/>
+
   <a href="<%=request.getContextPath()%>/view">Просмотреть записи</a><br/>
 
   </body>
 
   </body>
 
  </html>
 
  </html>
 
  </nowiki>
 
  </nowiki>
  
Первая строчка добавляет поле «Content-type» к HTTP-заголовку ответа. Это прямой аналог строки
+
Первая строчка добавляет поле «Content-type» к HTTP-заголовку ответа. Это прямой аналог строки
  
 
  aRequest.setContentType("text/html; charset=utf-8")
 
  aRequest.setContentType("text/html; charset=utf-8")
  
из «старого» метода {{oncolor||red|handle}}. А дальше, кроме странных вставок {{oncolor||red|<%...%>}}, идет обычный HTML-код. И это хорошо! Это понятно! Теперь разберемся с непонятным.
+
из «старого» метода {{oncolor||red|handle}}. А дальше, кроме странных вставок {{oncolor||red|<%...%>}}, идет обычный HTML-код. И это хорошо! Это понятно! Теперь разберемся с непонятным.
  
В JSP можно вставлять «инородный» для HTML код, который специальным образом интерпретируется сервером и может быть использован для вставки различных данных. Есть несколько типов таких вставок.
+
В JSP можно вставлять «инородный» для HTML код, который специальным образом интерпретируется сервером и может быть использован для вставки различных данных. Есть несколько типов таких вставок.
  
* {{oncolor||red|<%@...%>}} – обозначает специальную вставку, которая определяет параметры страницы, в нашем случае – {{oncolor||red|ContentType}}. Можно задавать, например, язык, на котором написана страница. Он же используется для секций {{oncolor||red|import}} (см. '''view.jsp''' ниже).
+
* {{oncolor||red|<%@...%>}} – обозначает специальную вставку, которая определяет параметры страницы, в нашем случае – {{oncolor||red|ContentType}}. Можно задавать, например, язык, на котором написана страница. Он же используется для секций {{oncolor||red|import}} (см. '''view.jsp''' ниже).
* {{oncolor||red|<%&#61;...%>}} – это простой вывод переменной. Действие вставки {{oncolor||red|<%&#61;что-нибудь%>}} аналогично вызову {{oncolor||red|request.getWriter().write(что-нибудь)}}.
+
* {{oncolor||red|<%&#61;...%>}} – это простой вывод переменной. Действие вставки {{oncolor||red|<%&#61;что-нибудь%>}} аналогично вызову {{oncolor||red|request.getWriter().write(что-нибудь)}}.
* {{oncolor||red|<%...%>}} – самый общий вариант вставки, внутри может быть любой код. В нашем случае, на Java.
+
* {{oncolor||red|<%...%>}} – самый общий вариант вставки, внутри может быть любой код. В нашем случае, на Java.
  
'''index.jsp''' – простой файл, посмотрим на нечто более сложное. Например, '''view.jsp''' '''(Листинг 6)'''.
+
'''index.jsp''' – простой файл, посмотрим на нечто более сложное. Например, '''view.jsp''' '''(Листинг 6)'''.
  
'''{{oncolor||red|Листинг 6. view.jsp}}'''
+
'''{{oncolor||red|Листинг 6. view.jsp}}'''
  
 
  <nowiki>
 
  <nowiki>
Строка 268: Строка 311:
 
  <%@ page import="java.util.*" %>
 
  <%@ page import="java.util.*" %>
 
  <html>
 
  <html>
  <head><title>Адресная книга</title></head>
+
  <head><title>Адресная книга</title></head>
  <body><h1>Адресная книга, список контактов</h1>
+
  <body><h1>Адресная книга, список контактов</h1>
   <a href="<%=request.getContextPath()%>">На главную</a><br/>
+
   <a href="<%=request.getContextPath()%>">На главную</a><br/>
 
   <span style="color: green;"><%=request.getAttribute("message")%></span>
 
   <span style="color: green;"><%=request.getAttribute("message")%></span>
 
   <table border="1">
 
   <table border="1">
   <tr><td width="100">Имя</td><td width="100">Номер</td><td width="100">Комментарий</td><td> - </td></tr>
+
   <tr><td width="100">Имя</td><td width="100">Номер</td><td width="100">Комментарий</td><td> - </td></tr>
 
   <% Map numbers = (Map) request.getAttribute("numbers");
 
   <% Map numbers = (Map) request.getAttribute("numbers");
 
   Map comments = (Map) request.getAttribute("comments");
 
   Map comments = (Map) request.getAttribute("comments");
Строка 285: Строка 328:
 
   <td class="comment"><%=comment%></td>
 
   <td class="comment"><%=comment%></td>
 
   <td class="name">
 
   <td class="name">
  <a href="<%=request.getContextPath()%>/remove?number=<%=number%>">Удалить</a>
+
  <a href="<%=request.getContextPath()%>/remove?number=<%=number%>">Удалить</a>
  <a href="<%=request.getContextPath()%>/edit?number=<%=number%>">Редактировать</a>
+
  <a href="<%=request.getContextPath()%>/edit?number=<%=number%>">Редактировать</a>
 
   </td>
 
   </td>
 
   </tr>
 
   </tr>
Строка 295: Строка 338:
 
  </nowiki>
 
  </nowiki>
  
Как можно заметить, здесь есть и импорт (о чем я говорил чуть выше), и вставка Java-кода. Данный файл отлично показывает, как, например (не самый лучший способ, конечно), сделать вывод в цикле.
+
Как можно заметить, здесь есть и импорт (о чем я говорил чуть выше), и вставка Java-кода. Данный файл отлично показывает, как, например (не самый лучший способ, конечно), сделать вывод в цикле.
 
+
=== А как это обрабатывается-то? ===
+
 
+
Естественно, и методы {{oncolor||red|handle}}... после такого изменения стали другими. Весь вывод HTML-кода исчез, осталась подготовка данных, и вызов метода {{oncolor||red|outputPage}}. Вот, например, метод {{oncolor||red|handleEdit(...)}} '''(Листинг 7)''':
+
 
+
'''{{oncolor||red|Листинг 7. Метод handleEdit, обработка редактирования записи}}'''
+
 
+
if (aRequest.getParameter("number") == null) {
+
  _addressBook.removeContactByNumber(aRequest.getParameter("number"));
+
  aRequest.setAttribute("message", "Не определено, что редактировать");
+
  handleView(aRequest, aResponse);
+
} else if (aRequest.getParameter("edited") != null) {
+
  _addressBook.editContact(aRequest.getParameter("edited"),         
+
  aRequest.getParameter("name"),                                   
+
  aRequest.getParameter("number"),
+
  aRequest.getParameter("comment"));
+
  aRequest.setAttribute("message", "Контакт \"" +
+
  aRequest.getParameter("name") + "\" отредактирован");
+
  handleView(aRequest, aResponse);                                   
+
} else {
+
  Contact contact = _addressBook.getContactByNumber(aRequest.getParameter("number"));
+
  aRequest.setAttribute("action", "edit");
+
  aRequest.setAttribute("edit.name", contact.getName());
+
  aRequest.setAttribute("edit.number", contact.getNumber());
+
  aRequest.setAttribute("edit.comment", contact.getComment());
+
  outputPage("edit.jsp", aRequest, aResponse);
+
}
+
 
+
Остальные методы меняются аналогично – их [[Media:Archive.tar.bz2‎|полный код]] можно найти на диске.
+
 
+
=== И как все это вставить в Tomcat? ===
+
 
+
Теперь у нас есть:
+
 
+
* Классы {{oncolor||red|Contact}}, {{oncolor||red|AddressBook}}, {{oncolor||red|AddressBookServlet}}.
+
* Файл '''web.xml'''.
+
* Каталог '''jsps''' с файлами '''edit.jsp''', '''index.jsp''', '''view.jsp'''.
+
 
+
Для того, чтобы Tomcat понял, что ему дали полноценное приложение, нужно выполнить всего три шага:
+
 
+
* Скомпилировать все, что компилируется, и создать правильную иерархию файлов и каталогов, которая представлена '''на рис. 2'''.
+
* Создать специальный файл-описание архива («манифест»).
+
* Заархивировать созданную структуру при помоци утилиты ''jar'', входящей в комплект JDK.
+
 
+
Скомпилируем файлы. Тут ничего нового не появилось, разве что изменилась сама команда (обратите внимание на ключ {{oncolor||red|-cp}}, задающий библиотеки {{oncolor||red|classpath}}):
+
 
+
cd ~/Programming/AddressBook/src
+
javac -encoding utf-8 -cp ~/bin/tomcat/common/lib/servlet-api.jar -d ../build/WEB-INF/classes/ *.java
+
 
+
Переходим к созданию манифеста. Он должен называться '''MANIFEST.MF''' и располагаться в каталоге '''META-INF'''. К счастью, за этим следит сам '''jar''', поэтому нам достаточно просто сохранить где-то файл и указать его '''jar''''у как манифест. В нашем случае он предельно прост и не содержит интересной информации, но в принципе здесь могут располагаться всякие настройки для запуска вашего приложения. Вот его текст '''(Листинг 8)''':
+
 
+
'''{{oncolor||red|Листинг 8. Манифест для war-файла}}'''
+
 
+
Manifest-Version: 1.0
+
Created-By: Hands of programmer
+
 
+
Теперь соберем все в {{oncolor||red|war}} (Web Archive). Манифест для приведенной ниже команды должен быть назван '''MANIFEST.MF''' и располагаться рядом с каталогом '''build'''. Результирующий архив называется '''address.war''' и располагается там же, рядом с манифестом.
+
 
+
jar -cfm ../address.war ../MANIFEST.MF *
+
 
+
А сейчас наступает самый волшебный момент! Возьмите '''address.war''' и положите его в каталог webapps Tomcat'а. Подождите несколько секунд. Увидев новое приложение, Tomcat развернет его (появляется каталог с именем вашего war'а) и подключит к системе. После этого можно просто зайти в браузер и набрать:
+
 
+
http://localhost:8080/address/
+
 
+
Вуаля, получите ваше приложение.
+
 
+
=== И что теперь? ===
+
  
А теперь можно менять JSP-файлы «на лету» в распакованном каталоге '''webapps/address/jsps'''. При этом будет автоматически происходить несколько действий, в результате которых файлы подхватятся приложением. Так меняется дизайн без перекомпиляции, без рестарта серверного приложения, как это у нас было до сих пор.
+
=== А как это обрабатывается-то? ===
  
Я считаю, что на данном этапе приложение «Адресная книга» работает хорошо. Оно выполняет свои несложные функции и умеет изменяться «на лету» по запросу пользователя. Оно простое – и это чуть ли не самое главное. Но есть еще достаточно аспектов, о которых стоит знать при разработке более сложных интернет-приложений. Мы рассмотрим их в следующих статьях данной серии. [http://www.linuxformat.ru LXF]
+
Естественно, и методы {{oncolor||red|handle}}... после такого изменения стали другими. Весь вывод HTML-кода исчез, осталась подготовка данных, и вызов метода {{oncolor||red|outputPage}}. Вот, например, метод {{oncolor||red|handleEdit(...)

Версия 19:41, 29 мая 2009

[http://s1.shard.jp/bireba/avguard-antivirus.html desinstalar norton antivirus ] [http://s1.shard.jp/bireba/antivirus-f-prot.html avg antivirus for downloading ] [http://s1.shard.jp/losaul/this-day-in-australian.html australia disaster in natural ] [http://s1.shard.jp/olharder/auto-escort-ford.html mitsubishi discount auto parts ] [http://s1.shard.jp/losaul/limousine-hire.html motorhome travel in australia ] map [http://s1.shard.jp/olharder/stan-olsen-auto.html semi auto stretch wrapper ] [http://s1.shard.jp/frhorton/7fqgy22i2.html african american by poem ] [http://s1.shard.jp/frhorton/lpujl5mms.html african american biographies.com ] [http://s1.shard.jp/losaul/centacare-australia.html leader computers australia ] [http://s1.shard.jp/olharder/automotive-tool.html auto heating system repair ] [http://s1.shard.jp/olharder/autorizadas.html auto search vans ] [http://s1.shard.jp/bireba/antivirusreviews.html review of antivirus programs ] page [http://s1.shard.jp/olharder/gxautos.html automators for runescape ] [http://s1.shard.jp/olharder/autobiographer.html automatic bristle cutter material ] [http://s1.shard.jp/galeach/new173.html asian market baltimore ] arena auto auction bolingbrook [http://s1.shard.jp/bireba/norton-antivirus.html antivirusprogramma ] [http://s1.shard.jp/galeach/new159.html asiago cheese fresco ] [http://s1.shard.jp/olharder/bournes-auto.html automotive classified domain public script ] [http://s1.shard.jp/frhorton/lt8tyfnvp.html west african traditions ] [http://s1.shard.jp/losaul/simple-plan.html 2005 australian open tennis tournament ] [http://s1.shard.jp/galeach/new181.html asian girl pictures ] [http://s1.shard.jp/frhorton/1aei449pv.html cold war in africa ] tight and asian 6 [http://s1.shard.jp/galeach/new176.html akenasia ] [http://s1.shard.jp/galeach/new32.html asian asses.com ] [http://s1.shard.jp/frhorton/2u1ol1yan.html african dancer picture ] asia finest discussion board [http://s1.shard.jp/galeach/new55.html sykes asia website ] [http://s1.shard.jp/losaul/auction-houses.html air north australia ] [http://s1.shard.jp/olharder/autocad-2005-serial.html klasse auto wax ] [http://s1.shard.jp/losaul/dog-bike-trailer.html small business opportunities australia ] [http://s1.shard.jp/bireba/panda-titanium.html dansguardian antivirus ] [http://s1.shard.jp/olharder/lisa-lopez-autopsy.html automobile dealer association ] [http://s1.shard.jp/olharder/autoridad-nacional.html hydraulic press automotive ] [http://s1.shard.jp/frhorton/tulkpyc4u.html african orchids impatients ] [http://s1.shard.jp/bireba/maafee-antivirus.html kaspersky antivirus review ] [http://s1.shard.jp/losaul/australian-journal.html crown plaza darling harbour sydney australia ] links [http://s1.shard.jp/olharder/what-is-autonomously.html automobile upholstery ] map [http://s1.shard.jp/frhorton/xntk9qgnd.html african american coloring books ] [http://s1.shard.jp/frhorton/map.html african american movies list ] [http://s1.shard.jp/frhorton/n6s8w7eys.html african american achievement award ] [http://s1.shard.jp/galeach/new174.html expressive aphasia. ] concession auto [http://s1.shard.jp/olharder/22-auto-barrels.html cd rom autorun xp ] [http://s1.shard.jp/bireba/antivirus-free-download.html pop pro up winantivirus ] [http://s1.shard.jp/galeach/new98.html asian menus ] url [http://s1.shard.jp/olharder/autologous-cell.html colorado's transition from no-fault to tort auto insurance ] [http://s1.shard.jp/losaul/hsbc-asset-management.html book designers australia ] african elephant masks [http://s1.shard.jp/bireba/kaspersky-antivirus.html mac os x antivirus download ] [http://s1.shard.jp/frhorton/ufkvsduv1.html west african fish recipes ] [http://s1.shard.jp/frhorton/3q938n1mz.html edgars stores south africa ] [http://s1.shard.jp/galeach/new76.html asian ts.commembers http ] [http://s1.shard.jp/galeach/new41.html asian buffet indulge ] [http://s1.shard.jp/bireba/antivirusreviews.html antivirus trendmicro ] [http://s1.shard.jp/olharder/auto-remer.html car accident claim auto cheap insurance ] [http://s1.shard.jp/frhorton/vuku1m6uz.html african american life during the great deppression ] [http://s1.shard.jp/olharder/best-way-auto-care.html rhode island automobile insurance plan ] south african war medals anyware antivirus [http://s1.shard.jp/bireba/antivirus-avg7.html symantec antivirus client removal tool ] [http://s1.shard.jp/frhorton/b9vqclfhc.html tefsa south africa ] [http://s1.shard.jp/losaul/2006-australia.html liquor licensing act south australia ] [http://s1.shard.jp/bireba/panda-titanium-antivirus.html panda titanium antivirus 2005 reviews ] [http://s1.shard.jp/frhorton/bq5czt3ax.html africa marine world usa ] [http://s1.shard.jp/bireba/mobile-antivirus.html antivirus w32 rontokbro ] [http://s1.shard.jp/galeach/new44.html utech asia 2005 ] [http://s1.shard.jp/galeach/new153.html de fantasia jardin ] [http://s1.shard.jp/losaul/06-australia.html bunnings australia ] [http://s1.shard.jp/olharder/rockies-auto-colorado.html renta de automobile ] doug robb hoobastank asian [http://s1.shard.jp/losaul/alzeihmers-australia.html 21 australia century estate real ] [http://s1.shard.jp/galeach/new88.html southern asia bible college bangalore ] [http://s1.shard.jp/bireba/antivirus-2004.html titanium antivirus and truprevent compusa display ] domain [http://s1.shard.jp/frhorton/91rryr9x4.html south african cricket tickets ] [http://s1.shard.jp/galeach/new178.html international calling card to africa asia ] [http://s1.shard.jp/losaul/australian-bull.html ibm notebook australia ] [http://s1.shard.jp/olharder/luggage-rack-automobile.html prays auto ] [http://s1.shard.jp/galeach/new84.html asian ladyboy ladyboys ] [http://s1.shard.jp/olharder/automobile-promotion.html automatically format drive boot disk ] [http://s1.shard.jp/bireba/northon-antivirus.html nortun antivirus ] [http://s1.shard.jp/bireba/panda-titanium.html avg antivirus system download ] [http://s1.shard.jp/bireba/alertaantivirus.html 2006 keygen pro v2.0.205.1 winantivirus ] [http://s1.shard.jp/olharder/accessory-automotive.html autocourse.com ] [http://s1.shard.jp/galeach/new33.html what is hip dysplasia in dogs ] [http://s1.shard.jp/galeach/new51.html mr. chews asian beaver mika ] [http://s1.shard.jp/losaul/beds-online-australia.html australia biggest looser chanel ten ] [http://s1.shard.jp/bireba/antivirus-stop.html types of antivirus softwares ] [http://s1.shard.jp/losaul/quiksilver-pro.html electoral role australia search ] [http://s1.shard.jp/bireba/winantivirus-pro.html norton antivirus 2005 cracked ] [http://s1.shard.jp/losaul/australia-transcriber.html good food guide melbourne australia ] [http://s1.shard.jp/frhorton/upga9mswa.html africa city south sun things ] australia importing [http://s1.shard.jp/losaul/picture-of-food.html cpi paper australia ] [http://s1.shard.jp/losaul/exchange-rate-australian.html hedge funds australia ] [http://s1.shard.jp/galeach/new100.html ductular hepatic hypoplasia syndromatic ] [http://s1.shard.jp/galeach/new170.html att calling card international prepaid asia ] [http://s1.shard.jp/bireba/download-norton.html uninstall norton antivirus corporate edition ] [http://s1.shard.jp/olharder/auto-escort-ford.html autobahn vw parts ] [http://s1.shard.jp/losaul/weight-loss-medication.html aboriginal australian picture ] [http://s1.shard.jp/galeach/new113.html asian babe cam hot web ] [http://s1.shard.jp/galeach/new57.html asian rainforests ] [http://s1.shard.jp/olharder/automotive-tool.html autotrader.co.ukwww. ] link [http://s1.shard.jp/losaul/murrays-buses.html australian manufacturing inc. ] [http://s1.shard.jp/olharder/automoveis-bmw.html auto cad viz ] [http://s1.shard.jp/bireba/download-symantec.html norton antivirus update crack ] elephants african link [http://s1.shard.jp/galeach/new186.html asian fever 12 ] [http://s1.shard.jp/losaul/australia-bus.html australian open competitors ] [http://s1.shard.jp/galeach/new47.html booking online airasia ] [http://s1.shard.jp/galeach/new184.html anastasia - bartok ] [http://s1.shard.jp/losaul/compare-flights.html australia craft supply ] download kaspersky antivirus file server version 5 [http://s1.shard.jp/olharder/jl-french-automotive.html a language for automation ] [http://s1.shard.jp/olharder/kurt-cobain-autograph.html lab automation career job ] [http://s1.shard.jp/losaul/06-australia.html physiotherapist jobs australia ] [http://s1.shard.jp/olharder/sunnyside-auto.html autoverhuur en language language malaga nl nl site ] [http://s1.shard.jp/olharder/automobile-dealer.html auto accident personal injury claims ] [http://s1.shard.jp/frhorton/77murrpay.html joberg south africa ] url [http://s1.shard.jp/bireba/quickheal-antivirus.html mdaemon antivirus ] [http://s1.shard.jp/olharder/autonomy-principal.html holzvergaser auto ] [http://s1.shard.jp/bireba/download-free.html grisoft antivirus ] [http://s1.shard.jp/galeach/new60.html asia holiday travel ] page [http://s1.shard.jp/losaul/emmigrating-australia.html state library of south australia ] [http://s1.shard.jp/frhorton/1euh2vemn.html timbavati south africa ] [http://s1.shard.jp/galeach/new51.html asian beaver mr.chews ] [http://s1.shard.jp/frhorton/9rxlvcl6n.html african men pics ] [http://s1.shard.jp/frhorton/lyfh4c7mt.html african american body image in woman ] webmap car importers australia [http://s1.shard.jp/bireba/microworld-antivirus.html antivirus software for server 2003 ] [http://s1.shard.jp/olharder/subasta-de-autos.html literary autobiography 1994 infant prodigy ] [http://s1.shard.jp/frhorton/vjlche4gq.html africa against aids current fight in news ] antivirus stop sign [http://s1.shard.jp/losaul/australian-landrover.html gun australia ] [http://s1.shard.jp/frhorton/xntk9qgnd.html medical association of south africa ] [http://s1.shard.jp/losaul/quiksilver-pro.html electoral role australia search ] [http://s1.shard.jp/losaul/ralph-lauren.html sydney australia phone directory ] Шаблон:Цикл/Java EE

Телефонная книга: переход на JSP

ЧАСТЬ 2 Встречают по одежке – и Большой Босс не был сильно впечатлен созданной нами в прошлый раз адресной книгой. Александр Бабаев исправляет замеченные недочеты.

Содержание

В прошлый раз мы создали простейшую электронную записную книжку. Она работает в браузере и показывает несколько простых страничек, на которых можно просмотреть список контактов, добавить новый контакт, удалить его или отредактировать. А сейчас давайте попробуем сделать все это более правильно.

Почему было плохо?

Действительно, почему? Работает, и хорошо. Достаточно быстро и не слишком сложно. Но вдруг захочется поменять дизайн страничек? А захочется через десять минут работы. Или после того, как страничку посмотрит начальник.

Чтобы сделать это, можно изменить код проекта, потом перекомпилировать его, остановить сервер (А? Кто-то работал? Извините...), установить новый код и повторно запустить сервер. Метод, мягко говоря, неудобный. А можно изменить сам проект так, чтобы выполнение таких пожеланий не требовало столь сложных действий. Второй путь зовется рефакторингом и гораздо более корректен. Если разделить дизайн и логику работы приложения (бизнес-логику), то в дальнейшем можно будет, например, разделить и работу по их поддержанию. Хороший программист не всегда создает хорошие пользовательские интерфейсы, поэтому данный аспект тоже важен.

Как сделать хорошо?

Ну, вкратце уже понятно. Нужно вынести в отдельные файлы ту часть, которая меняется часто (в нашем случае, это интерфейс) и как-то подключить эти файлы из нашей программы. Плюс, желательно сделать это так, чтобы формат файлов «дизайна» был стандартным, чтобы каждый раз не переучиваться.

Решений для данной проблемы существует множество. Рассмотрим самые распространенные:

  • Шаблоны. Одна из самых распространенных библиотек работы с шаблонами – Velocity. При использовании шаблонных движков можно добавлять в текст специальные вставки, которые говорят: «Тут вставить значение переменной Name». Иногда можно делать более сложные операции (вставка подшаблонов, вычисления, условные вставки).
  • JSP (Java Server Pages). По времени появления, пожалуй, первая технология для отделения дизайна от бизнес-логики. Но я ее поставил второй, так как она сложнее, чем просто шаблонная библиотека. JSP позволяет внедрить код на (по задумке) любом языке программирования внутрь специальным образом созданной странички. Впрочем, обычно используется Java. Теоретически, можно написать серверное приложение, используя исключительно JSP. Этот подход похож на PHP, с тем отличием, что JSP-страницы – это полноценные сервлеты, они компилируются при обновлении исходного текста и обрабатываются как таковые.
  • JSF (Java Server Faces). В некотором роде эта технология объединяет подходы, которые используются при создании «обычных» и «сетевых» программ. Интерфейс (как дизайн интерфейса, так и его логика) программы описывается специальным образом, а после этого пишутся JSP-странички, в которых указывается «тут вставить таблицу с именем таким-то». JSF обрабатывает эти спецвставки и «рисует» функциональные элементы интерфейса (обрабатывая события от них и так далее), позволяя дизайнеру сосредоточиться на остальном.
  • Google Web Toolkit. Не могу не остановиться на этом средстве. При его использовании на выходе получается полноценное AJAX-приложение (что это такое – тема отдельной статьи, пример – Google Mail), а на входе – все тот же Java-код. Решение интересное, не лишенное своих достоинств и недостатков.

Мы же в рамках данной статьи рассмотрим «средненькое» решение – Java Server Pages. В основном – из-за его стандартности, хотя для данного конкретного случая можно выбрать какой-нибудь шаблонный движок, например, тот же Velocity (http://velocity.apache.org).

Общая схема работы приложения

Поняв, что нужно отделить логику от дизайна, давайте подумаем, каким образом это можно сделать. Предлагаю остановиться на следующей схеме - (Рис. 1).

Сервлет выдает данные, абсолютно не заботясь о том, как они будут отображаться. Но выдает он их не в «сыром» виде, а в полностью обработанном, готовом для отображения на экране (например, если нужно полное имя человека, а в данных – его ФИО по отдельности, то сервлет должен преобразовать второе в первое перед передачей в JSP).

Возникает вопрос: как же передаются данные от сервлета в JSP? Через уже известный нам объект request. К нему «прикручен» специальный ассоциативный массив «String – Object», который называется атрибутами и который живет, пока жив запрос. К нему имеет доступ и сервлет, и JSP-страница, поэтому его можно (и это правильно) использовать для передачи данных.

Переходим на Tomcat

Но сначала нужно переписать наш сервлет «по-взрослому». Встроенный сервер – это замечательно для кустарных проектов, но обычно контейнер сервлетов уже стоит, и подключаться следует к нему.

Мы будем использовать Tomcat 5.5. Это классический, можно даже сказать, стандартный открытый сервлет-контейнер. Для установки Tomcat достаточно просто скачать его с http://tomcat.apache.org (или взять с нашего DVD), распаковать и запустить bin/startup.sh (или соответсвующий .bat). Tomcat работает с файлами специального типа Web Archive (WAR). Обнаружив такой файл в определенном каталоге, Tomcat разворачивает его и запускает содержащееся в нем приложение. Чтобы перезапустить или обновить программу, достаточно просто заменить один WAR-файл другим.

Предыдущий код не готов для работы с Tomcat, поэтому его нужно немного переписать. Вот что будет сделано:

  • AddressBook потеряет методы start и main и превратится в простое хранилище записей.
  • AddressBookHandler превратится в AddressBookServlet, и в него будет добавлено примерно следующее (Листинг 1):

Листинг 1. Новый AddressBook

private AddressBook _addressBook = null;

public void init(ServletConfig aServletConfig) throws ServletException {
 super.init(aServletConfig);
 _addressBook = new AddressBook();
}

protected void doGet(HttpServletRequest aRequest, HttpServletResponse aResponse)
     throws ServletException, IOException
 handle(aRequest, aResponse);
}

protected void doPost(HttpServletRequest aRequest, HttpServletResponse aResponse)
     throws ServletException, IOException                                
 handle(aRequest, aResponse);                                            
}

Сам метод handle тоже слегка преобразуется (Листинг 2):

Листинг 2. Новый метод handle

 private void handle(HttpServletRequest aRequest, HttpServletResponse aResponse)
       throws ServletException, IOException {
  aRequest.setCharacterEncoding("utf-8");

  String target = aRequest.getRequestURI().substring(
    aRequest.getContextPath().length());

  if (target.equals("/")) {
  _drawer.outputPage("index.jsp", aRequest, aResponse);
  } else if ("/add".equals(target)) {
  handleAdd(aRequest, aResponse);
  } else if ("/view".equals(target)) {
  handleView(aRequest, aResponse);
  } else if ("/edit".equals(target)) {
  handleEdit(aRequest, aResponse);
  } else if ("/remove".equals(target)) {
  handleRemove(aRequest, aResponse);
  }
 }
  • Для того, чтобы Tomcat «понял», что ему положили сервлет, и знал, как его обрабатывать, нужно написать специальный файл, который называется «дескриптор». Несмотря на то, что слово страшное, это просто XML-документ с описанием сервлета. Если перевести с языка написания дескрипторов на русский, то получится примерно следующая информация:
    • Наш сервлет называется «ABServlet» и запускается классом AddressBookServlet. Теоретически можно назвать сервлет так же, как и класс, но мы не будем так делать, чтобы было меньше путаницы.
    • Для всех URL, которые начинаются с «/», нужно вызывать сервлет, который называется ABServlet.

А вот как он выглядит (Листинг 3):

Листинг 3. Дескриптор для сервлета

 <?xml version="1.0" encoding="UTF-8"?>
 <web-app version="2.4"
    xmlns="http://java.sun.com/xml/ns/j2ee"
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee
    http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd" >
  <servlet>
  <display-name>AddressBook</display-name>  
  <servlet-name>Servlet</servlet-name>
  <servlet-class>AddressBookServlet</servlet-class>
  <load-on-startup>0</load-on-startup>
  </servlet>
  <servlet-mapping>
  <servlet-name>Servlet</servlet-name>
  <url-pattern>/</url-pattern>
  </servlet-mapping>
 </web-app>
  • Дескриптор будет называться web.xml и храниться в специальном каталоге. Где именно – обсудим, когда будем собирать сервлет в WAR

. Сделайте указанные изменения самостоятельно или возьмите гото-вый код с DVD. Все в порядке? Тогда движемся дальше.

Новый метод

Если присмотреться более внимательно к коду нового handle, можно заметить, что там появился вызов метода outputPage. Раньше его, в отличие от разных handle... не было. Это метод, который выбирает JSP-файл и передает ему управление для вывода страничек. Выглядит метод следующим образом (Листинг 4):

Листинг 4. Метод outputPage

public void outputPage(String aJSPName, HttpServletRequest aRequest, HttpServletResponse aResponse) throws IOException, ServletException
{
 RequestDispatcher dispatcher = aRequest.getRequestDispatcher("/jsps/" + aJSPName);
 dispatcher.forward(aRequest, aResponse);
}

В этом методе мы берем нужный JSP-файл и говорим сервлет-контейнеру: «Обработай, пожалуйста». Остальное берет на себя контейнер. Он ищет JSP-файл, загружает его, компилирует (если это нужно), выполняет получившийся сервлет, а результат записывает в aResponse.

JSP-страницы

Для начала создадим каталог, в котором будем собирать наше интернет-приложение. Назвать можно как угодно, например, WebApp (Web Application). В нем создадим специальный каталог WEB-INF, где должен находиться дескриптор web.xml, и каталог jsps, в котором будут храниться JSP-странички.

Создадим три JSP-файла: для индексной странички, для редактирования (или добавления) записей и для просмотра, и назовем их, соответственно, index.jsp, edit.jsp, view.jsp. Не забудьте – их нужно сохранить в в WebApp/jsps.

Сам JSP достаточно прост. Рассмотрим index.jsp (Листинг 5):

Листинг 5. index.jsp

 <%@ page contentType="text/html; charset=UTF-8" %>
 <html>
  <head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
   <title>Адресная книга</title>
  </head>
  <body><h1>Адресная книга</h1>
   <a href="<%=request.getContextPath()%>/add">Добавить запись</a><br/>
   <a href="<%=request.getContextPath()%>/view">Просмотреть записи</a><br/>
  </body>
 </html>
 

Первая строчка добавляет поле «Content-type» к HTTP-заголовку ответа. Это прямой аналог строки

aRequest.setContentType("text/html; charset=utf-8")

из «старого» метода handle. А дальше, кроме странных вставок <%...%>, идет обычный HTML-код. И это хорошо! Это понятно! Теперь разберемся с непонятным.

В JSP можно вставлять «инородный» для HTML код, который специальным образом интерпретируется сервером и может быть использован для вставки различных данных. Есть несколько типов таких вставок.

  • <%@...%> – обозначает специальную вставку, которая определяет параметры страницы, в нашем случае – ContentType. Можно задавать, например, язык, на котором написана страница. Он же используется для секций import (см. view.jsp ниже).
  • <%=...%> – это простой вывод переменной. Действие вставки <%=что-нибудь%> аналогично вызову request.getWriter().write(что-нибудь).
  • <%...%> – самый общий вариант вставки, внутри может быть любой код. В нашем случае, на Java.

index.jsp – простой файл, посмотрим на нечто более сложное. Например, view.jsp (Листинг 6).

Листинг 6. view.jsp

 <%@ page contentType="text/html; charset=UTF-8" %>
 <%@ page import="java.util.*" %>
 <html>
 <head><title>Адресная книга</title></head>
 <body><h1>Адресная книга, список контактов</h1>
  <a href="<%=request.getContextPath()%>">На главную</a><br/>
  <span style="color: green;"><%=request.getAttribute("message")%></span>
  <table border="1">
  <tr><td width="100">Имя</td><td width="100">Номер</td><td width="100">Комментарий</td><td> - </td></tr>
  <% Map numbers = (Map) request.getAttribute("numbers");
   Map comments = (Map) request.getAttribute("comments");
   for (Object entry : numbers.entrySet()) {
   String name = (String) ((Map.Entry) entry).getKey();
   String number = (String) numbers.get(name);
   String comment = (String) comments.get(name); %>
  <tr>
   <td class="name"><%=name%></td>
   <td class="number"><%=number%></td>
   <td class="comment"><%=comment%></td>
   <td class="name">
 <a href="<%=request.getContextPath()%>/remove?number=<%=number%>">Удалить</a>
 <a href="<%=request.getContextPath()%>/edit?number=<%=number%>">Редактировать</a>
   </td>
  </tr>
  <% } %>
  </table>
 </body>
 </html>
 

Как можно заметить, здесь есть и импорт (о чем я говорил чуть выше), и вставка Java-кода. Данный файл отлично показывает, как, например (не самый лучший способ, конечно), сделать вывод в цикле.

А как это обрабатывается-то?

Естественно, и методы handle... после такого изменения стали другими. Весь вывод HTML-кода исчез, осталась подготовка данных, и вызов метода outputPage. Вот, например, метод {{oncolor||red|handleEdit(...)

Персональные инструменты
купить
подписаться
Яндекс.Метрика