Средства разработки web приложений (Web frameworks)

Средства разработки web приложений (Web frameworks) Малышкин Фёдор 2 ноября 2007

Содержание

Введение

Основа архитектуры «тонких» клиентов

Средства разработки веб-приложений:

JSP

Struts

Spring

Tapestry

JSF

Сравнение

Введение

Данная презентация познакомит Вас с существующими библиотеками разработки веб-приложений на языке Java.

Будут описаны основополагающие моменты, лежащие в их основе, приведены примеры их использования, описаны их преимущества и недостатки.

Так же будут описаны классические модели реализации «тонких» клиентов, коим веб-приложение и является.

В качестве основы для всех клиентов, связанных с пользовательским вводом (не обязательно «тонких»), используется MVC (Model-View-Controller).

Эта архитектура разделяет приложение на:

Модель данных ( Model ) , занимающуюся хранением данных, обработкой данных (бизнес - логикой), а так же всем остальными «не визуальными» вещами.

Представление ( View ), занимающуюся отображением и представлением данных

Контроллер ( Controller ), занимающийся коммуникацией между данными и представлением.

В веб-приложениях данная модель называется « Model-2 » (что бы отделить от настольной реализации MVC ) и указать, на то что она является приемником « Model-1 » .

JSP (Краткая характеристика)

Положительные стороны:

?

Отрицательные стороны:

?

JSP ( Жизненный цикл )

Struts (Краткая характеристика)

Много проектов реализованных с помощью данной библиотеки, подтверждает её стабильность и надёжность

Огромное количество примеров и документации

HTML библиотека тэгов одна из лучших

Программирование «контроллера» - ActionForms – задача не из лёгких

Невозможно автономное тестирование

Ходят слухи, что проект «мёртв»

Spring ( Краткая характеристика )

Переопределение правил связки данных на форме и в приложении, правил навигации и проверки введённых значений

Прозрачная интеграция с многочисленными средствами представления данных: JSP/JSTL, Tiles, Velocity, FreeMaker, Excel, XSL, PDF.

Удобная среда для автономного тестирования

Много XML (в области конфигурирования)

Требует большого количества кода в JSP

«Слишком» гибок

Spring (Жизненный цикл GET)

Spring (Жизненный цикл POST)

«Контроллер» Spring

public class UserController implements Controller {

private final Log log = LogFactory.getLog(UserController.class);

private UserManager mgr = null;

public void setUserManager(UserManager userManager) {

this.mgr = userManager;

}

public ModelAndView handleRequest(HttpServletRequest request, HttpServletResponse response) throws Exception {

if (log.isDebugEnabled()) {

log.debug("entering 'handleRequest' method...");

}

return new ModelAndView("userList", "users", mgr.getUsers());

}

}

«Контроллер» Spring

public class UserController implements Controller {

private final Log log = LogFactory.getLog(UserController.class);

private UserManager mgr = null;

}

public ModelAndView handleRequest(HttpServletRequest request, HttpServletResponse response) throws Exception {

log.debug("entering 'handleRequest' method...");

}

return new ModelAndView("userList", "users", mgr.getUsers());

}

}

Конфигурирование Spring

<bean id="userController" class="org.appfuse.web.UserController">

<property name="userManager" ref="userManager"/>

</bean>

</bean>

<bean id="viewResolver"

class="org.springframework.web.servlet.view.InternalResourceViewResolver">

<property name="viewClass" value="org.springframework.web.servlet.view.JstlView"/>

<property name="prefix" value="/"/>

<property name="suffix" value=".jsp"/>

</bean>

</bean>

<bean id="viewResolver"

class="org.springframework.web.servlet.view.InternalResourceViewResolver">

<property name="viewClass" value="org.springframework.web.servlet.view.JstlView"/>

<property name="prefix" value="/"/>

<property name="suffix" value=".jsp"/>

</bean>

<bean id="urlMapping"

class="org.springframework.web.servlet.handler.SimpleUrlHandlerMapping">

<property name="mappings">

<value>

/users.html=userController

</value>

</property>

</bean>

JSP представление Spring

<form:form commandName="user" method="post">

<form:errors path="*" cssClass="error"/>

<form:hidden path="id" />

<table class="detail">

<tr>

<th><label for="firstName">

<fmt:message key="user.firstName"/>:</label></th>

<td>

<form:input path="firstName" id="firstName"/>

<form:errors path="firstName" cssClass="fieldError"/>

</td>

</tr>

<tr>

<th><label for="lastName" class="required">

* <fmt:message key="user.lastName"/>:</label></th>

<td>

<form:input path="lastName" id="firstName"/>

<form:errors path="lastName" cssClass="fieldError"/>

</td>

</tr>

JSP представление Spring

<form:form commandName="user" method="post">

<form:errors path="*" cssClass="error"/>

<form:hidden path="id" />

<tr>

<th><label for="firstName">

<fmt:message key="user.firstName"/>:</label></th>

<td>

<form:input path="firstName" id="firstName"/>

<form:errors path="firstName" cssClass="fieldError"/>

</td>

</tr>

<tr>

<th><label for="lastName" class="required">

* <fmt:message key="user.lastName"/>:</label></th>

<td>

<form:input path="lastName" id="firstName"/>

<form:errors path="lastName" cssClass="fieldError"/>

</td>

</tr>

Velocity представление Spring

<form method="post" action="#springUrl('/editUser.html')">

#springFormHiddenInput("user.id" '')

<table>

<tr>

<th><label for="firstName">#springMessage("user.firstName"):</label></th>

<td>

#springFormInput("user.firstName" 'id="firstName"')

#springShowErrors("<br/>" "fieldError")

</td>

</tr>

<tr>

<th><label for="lastName">#springMessage("user.lastName"):</label></th>

<td>

#springFormInput("user.lastName" 'id="lastName"')

#springShowErrors("<br/>" "fieldError")

</td>

</tr>

Spring Web Flow

Инфраструктура позволяющая определять последовательность переходов между страницами

Определяется программно или через XML

Правила навигации активируются на основании строковых значений, возвращённых вызванными методами (подобно JSF )

Spring Web Flow

<webflow id="userFlow" start-state="setupForm">

<action-state id="setupForm">

<action bean="userFormAction"/>

<transition on="success" to="display.nameForm"/>

</action-state>

<view-state id="display.nameForm" view="flow/name">

<transition on="submit" to="display.addressForm">

<action bean="userFormAction" method="bindAndValidate"/>

</transition>

<transition on="cancel" to="finish"/>

</view-state>

<view-state id="display.addressForm" view="flow/address">

<transition on="previous" to="display.nameForm">

</transition>

<transition on="submit" to="display.otherForm">

</transition>

<transition on="cancel" to="finish"/>

</view-state>

Tapestry ( Краткая характеристика )

Очень эффективна после изучения

Шаблоны являются HTML , что очень хорошо для дизайнеров

Хорошее сообщество пользователей

Документация достаточно сложна для восприятия

Крутая кривая обучения

Мало примеров

Долгие циклы релизов – ведущие релизы 1-2 раза в год

Tapestry ( Жизненный цикл )

Класс Tapestry

public abstract class UserForm extends BasePage {

public abstract UserManager getUserManager();

public abstract void setUser(User user);

public abstract User getUser();

public void save(IRequestCycle cycle) {

log.debug("entered 'save' method");

}

getUserManager().saveUser(getUser());

UserList nextPage = (UserList) cycle.getPage("users");

nextPage.setMessage(getMessages().format("user.saved", getUser().getFullName()));

throw new PageRedirectException(nextPage);

}

Конфигурирование Tapestry

<application name="tapestry">

<page name="Home" specification-path="/pages/home.page"/>

<page name="users" specification-path="/pages/users.page"/>

<page name="userForm" specification-path="/pages/userForm.page"/>

<library id= “ contrib ” specification p ath="/org/apache/tapestry/contrib/Contrib.library"/>

</application>

Конфигурирование Tapestry

<page-specification class="org.appfuse.web.UserForm">

<bean name="delegate“ class="org.apache.tapestry.valid.ValidationDelegate"/>

<component id="form" type="Form">

<binding name="delegate" value="ognl:beans.delegate"/>

<binding name="clientValidationEnabled" value="true"/>

</component>

<property name="user"/>

<inject property="userManager" object="spring:userManager"/>

<component id="lastNameField" type="TextField">

<binding name="value" value="user.lastName"/>

<binding name="validators" value="validators:required"/>

<binding name="displayName" value="message:lastName"/>

</component>

</page-specification>

HTML представление Tapestry

<form jwcid="@Form" delegate="ognl:beans.delegate" name="userForm">

<input type="hidden" jwcid="@Hidden" value="ognl:user.id"/>

<tr>

<th>

<label for="firstName"><span key="firstName">First Name</span></label>:

</th>

<td><input jwcid="@TextField" type="text" value="ognl:user.firstName" id="firstName"/></td>

</tr>

<tr>

<th>

<label jwcid="@FieldLabel" field="ognl:components.lastNameField">Last Name</label>:

</th>

<td><input jwcid="lastNameField" type="text" id="lastName"/></td>

</tr>

<tr>

<th>

<label for="birthday"><span key="birthday">Birthday</span></label>:

</th>

<td>

<input jwcid="@DatePicker" format="message:date.format" type="text ”

size="11" value="ognl:user.birthday" id="birthday"/>

</td>

</tr>

<tr>

<th>

</th>

<td> <input jwcid="@TextField" type="text" value="ognl:user.firstName" id="firstName"/> </td>

</tr>

<tr>

<th>

<label jwcid="@FieldLabel" field="ognl:components.lastNameField">Last Name</label> :

</th>

<td> <input jwcid="lastNameField" type="text" id="lastName"/> </td>

</tr>

<tr>

<th>

</th>

<td>

</td>

</tr >

<tr>

<th>

</th>

<td><input jwcid="@TextField" type="text" value="ognl:user.firstName" id="firstName"/></td>

</tr>

<tr>

<th>

<label jwcid="@FieldLabel" field="ognl:components.lastNameField">Last Name</label>:

</th>

<td><input jwcid="lastNameField" type="text" id="lastName"/></td>

</tr>

<tr>

<th>

</th>

<td>

</td>

</tr >

Улучшения в следующей версии Tapestry

Богатая поддержка аннотаций

Высокий уровень конфигурирования – базирование на IoC контейнере Hivemind

Требует меньше кода – более простая реализация классов реализующих логику страниц

Поддержка URL дружественных к пользователю

Компоненты Tacos AJAX

JSF ( Краткая характеристика )

J2EE Стандарт

Быстрая и простая разработка

Богата библиотека навигации (аналог Spring Web Flow )

Мешанина из JSP тэгов

Плохая поддержка «легковесных» вызовов ( REST )

Нет единого источника реализации

JSF ( Жизненный цикл )

Бин страницы JSF

public class UserForm {

private String id;

public User user = new User();

public UserManager mgr;

public void setId(String id) {

this.id = id;

}

public void setUser(User user) {

this.user = user;

}

}

public String edit() {

if (id != null) {

// assuming edit

setUser(mgr.getUser(id));

}

return "success";

}

Конфигурация JSF

<application>

<variable-resolver>

org.springframework.web.jsf.DelegatingVariableResolver

</variable-resolver>

<locale-config>

<default-locale>en</default-locale>

<supported-locale>en</supported-locale>

<supported-locale>es</supported-locale>

</locale-config>

<message-bundle>messages</message-bundle>

</application>

<navigation-rule>

<from-view-id>/userForm.jsp</from-view-id>

<navigation-case>

<from-outcome>cancel</from-outcome>

<to-view-id>/userList.jsp</to-view-id>

</navigation-case>

<navigation-case>

<from-outcome>success</from-outcome>

<redirect/>

</navigation-case>

</navigation-rule>

<application>

<variable-resolver>

org.springframework.web.jsf.DelegatingVariableResolver

</variable-resolver>

<locale-config>

<default-locale>en</default-locale>

<supported-locale>en</supported-locale>

<supported-locale>es</supported-locale>

</locale-config>

<message-bundle>messages</message-bundle>

</application>

<navigation-rule>

<from-view-id>/userForm.jsp</from-view-id>

<navigation-case>

<from-outcome>cancel</from-outcome>

</navigation-case>

<navigation-case>

<from-outcome>success</from-outcome>

<redirect/>

</navigation-case>

</navigation-rule>

<managed-bean>

<managed-bean-name>userForm</managed-bean-name>

<managed-bean-class>org.appfuse.web.UserForm</managed-bean-class>

<managed-bean-scope>request</managed-bean-scope>

<managed-property>

<property-name>id</property-name>

<value>#{param.id}</value>

</managed-property>

<managed-property>

<property-name>userManager</property-name>

<value>#{userManager}</value>

</managed-property>

</managed-bean>

JSP представление JSF

<f:view>

<f:loadBundle var="messages" basename="messages"/>

<h:form id="userForm">

<h:inputHidden value="#{userForm.user.id}">

<f:convertNumber/>

</h:inputHidden>

<h:panelGrid columns="3" styleClass="detail" columnClasses="label">

<h:outputLabel for="firstName" value="#{messages['user.firstName']}"/>

<h:inputText value="#{userForm.user.firstName}" id="firstName"/>

<h:message for="firstName" styleClass="errorMessage"/>

<h:outputLabel for="lastName" value="#{messages['user.lastName']}"/>

<h:inputText value="#{userForm.user.lastName}" id="lastName" required="true"/>

<h:message for="lastName" styleClass="errorMessage"/>

<h:outputLabel for="birthday" value="#{messages['user.birthday']}"/>

<t:inputCalendar monthYearRowClass="yearMonthHeader"

weekRowClass="weekHeader" id="birthday"

currentDayCellClass="currentDayCell" value="#{userForm.user.birthday}"

renderAsPopup="true" addResources="false"/>

<h:message for="birthday" styleClass="errorMessage"/>

<f:view>

<f:convertNumber/>

</h:inputHidden>

<h:inputText value="#{userForm.user.lastName}" id="lastName" required="true" />

<f:view>

<f:convertNumber/>

</h:inputHidden>

<h:inputText value="#{userForm.user.lastName}" id="lastName" required="true" />

Улучшения в следующей версии JSF (1.2)

Унифицированный EL – лучшая поддержка JSTL

Фокусировка на лёгком использовании

Расширенная поддержка AJAX

Дополнительные реализации: ADF Faces, Facelets

Сравнение . Критерии

Сортируемые / Листаемые списки – насколько просто создать список данных с листаемыми страницами и возможностями сортировки.

Возможность создания закладок – может ли пользователь создавать закладки на страницы для последующего обращения к ним?

Валидация - проверка введённых значений.

Тестируемость – возможности для автономного тестирования классов, составляющих клиента, вне контейнера.

Сравнение . Критерии

Интернационализация

Модификация «на лету» - принятие исправлений без необходимости перекомпиляции или перезапуска контейнера

Поддержка разработчиками

Производительность / Масштабируемость

«Компонетность» - возможность создания повторно-используемых, параметризуемых модулей

Возможности языка выражений

Сортируемые / Листаемые списки

JSP – никакой поддержки

Spring & Struts могут использовать библиотеки тэгов, типа “DisplayTag”

Tapestry имеет contrib:Table компонент

JSF имеет h:dataTable компонент без возможностей сортировки – необходимо писать свою собственную логику для реализации данного функционала

Возможность создания закладок

JSP, String & Strut имеют полный контроль над строкой запроса

Tapestry имеет слегка корявую поддержку создания закладок, но всё же все возможности реализованы

JSF делает POST для всего – закладки даже не рассматриваются (но при желании и это можно обойти)

Валидация

JSP – «собственные» решения, либо перенос проверки в модель данных

String & Struts используют проект Apache – Commons Validator – надёжное и зрелое решение

Tapestry – хорошая архитектура валидации – хорошие сообщения (даже без необходимости корректировки под свои нужды)

JSF – «некрасивые» сообщения об ошибках по-умолчанию (но легко исправляется)

Тестируемость

Struts – необходимо использование StrutsTestCase

JSP, Spring – легко тестируется с использованием средств генерации «заглушек» ( mock ) (EasyMock, jMock, Spring Mock…)

Tapestry – неочевидное тестирование, т.к. классы абстрактные – класс Creator помогает

JSF – самое простая архитектура для тестирования – классы – просто бины

Интернационализация

JSTL <fmt:message> позволяет делать это легко почти в любой реализации

JSP, Struts, Spring, JSF – используют один ResourceBundle на язык

Tapestry – предпочитает отдельные файлы для страниц / компонентов

JSF требует, что данные с локализацией были объявлены на каждой странице

Модификация «на лету»

JSP – самый гибкий в данном случае (конечно при корректном использовании). JSP файлы перекомпиливаются при каждом изменении, а вот классы нет.

Tapestry, Spring & Struts – всё (страницы, компоненты, библиотеки и конфигурационные файлы) (кроме классов) перечитывается при изменении.

JSF – не перечитываются конфигурационные файлы.

Поддержка разработчиками

JSP & JSF – стандарт, большое сообщество разработчиков и множество документации

Spring – большое количество примеров и документации, хорошая поддержка разработчиками библиотеки

Tapestry – мало хорошей, понятной документации. Мало примеров.

Struts – отсутствие поддержки со стороны разработчиков, но при этом много документации и примеров использования в больших проектах

Производительность / Масштабируемость

JSP – хорошие показатели, в связи с отсутствием каких-либо промежуточных уровней

Tapestry – после версии 4.0 (где было удалено широкое использование интроспекции) скорость стала сравнима с JSP

JSF – не самые лучшие показатели…

Spring & Struts – адекватные показатели.

«Компонетность»

JSP – тэг-файлы и тэги.

Tapestry – очень ориентированная на создание и использование компонетов, хорошая интеграция с JavaScript.

JSF – хорошие возможности по созданию компонентов, но создавать не так легко как в Tapestry.

Spring & Struts – лишь то же, что даёт JSP.

Возможности языка выражений

JSP, JSF, Spring, Struts – богатые возможности EL говорят сами за себя.

Tapestry – вместо EL используется OGNL , который предоставляет ещё большие возможности.

Финал

Выбирайте с умом…

Средства разработки web приложений (Web frameworks)

1 comments

Notes on slide 1

1 Group