Если, с другой стороны, регистрация прошла успешно, запрос перенаправляется на основную страницу портала. В этом случае следующим шагом является создание окон. Чтобы получить намеченный богатый пользовательский интерфейс, нам придется разработать довольно много кода DHTML, но на самом деле эта тяжелая работа уже выполнена, поскольку мы используем готовую DHTML-библиотеку JavaScript.
11.4. Реализация окон DHTML
Наш портал Ajax имеет богатый пользовательский интерфейс, позволяющий пользователю динамически размещать окна. Кроме того, пользователь может устанавливать размер окна (желательную ширину и высоту). При изменении указанных настроек мы можем с помощью Ajax реализовать взаимодействие с сервером и записать новые значения в собственной базе данных (причем пользователь даже не будет знать об этом). Чтобы разрешить подобное поведение, требуется разработать таблицу базы данных, в которой будут храниться свойства окна — высота, ширина и положение. Код серверной части сценария должен получать данные значения и соответствующим образом обновлять величины в базе данных. Написание DHTML-кода, совместимого с основными браузерами, может оказаться сложным, поэтому для реализации перетаскивания и изменения размеров окна мы используем сценарий библиотеки DHTML. Данная библиотека, JSWindow. js, представляет собой внешний файл JavaScript, содержащий код всех требуемых нам функций . (Эту библиотеку можно найти на Web-сайте данной книги.) Чтобы активизировать инфраструктуру Ajax, нам потребуется лишь незначительно изменить код данной библиотеки.
11.4.1. База данных окон портала
Нам нужна таблица базы данных, способная содержать свойства нескольких окон DHTML для каждого пользователя. Каждый пользователь может иметь несколько строк в данной таблице — по одной на каждое окно портала. Таблица применяется для извлечения последнего запомненного положения и размера окна при первом входе пользователя в систему. Когда пользователь что-то меняет, значения обновляются, чтобы при следующем посещении окна располагаться точно так же. Для создания таблицы portal_windows используется следующий SQL-код:
create table portal_windows(
id int primary key not null, user_id int not null, xPos int not null, yPos int not null,
width int not null, height int not null,
url varchar(255) not null, title varchar(255) not null
);
Рис. 11.11. Данные, введенные для пользователя с идентификатором 1
нужно отображать на экране. В связи с этим мы определяем объект PortalWindow, представляющий строку информации в базе данных, как показано в листинге 11.7.
Листинг 11.7. PortalWindow.java public class PortalWindow { private int id=-l;
private User user=null; private int xPos=0; private int yPos=0; private int width=0; private int height=0; private String url=null; private String title=null;
public PortalWindow(
int id. User user, int xPos, int yPos, int width,int height,
String url, String title
) {
this.id = id; this.user = user; this.xPos = xPos; this.yPos = yPos; this.width = width; this.height = height; this.url = url; this.title = title;
}
public int getHeight() {return height;}
public void setHeight(int height) {this.height » height;} public int getld() {return id;}
public void setld(int id) {this.id = id;} public String getTitle() {return title;}
public void setTitle(String title) {this.title = title;} public String getUrl() {return url;}
public void setUrlfString url) {this.url = url;} public User getUser() {return user;}
public void setUser(User user) {this.user = user;} public int getWidth() {return width;}
public void setWidth(int width) {this.width • width;} public int getXPos() {return xPos;}
public void setXPos(int pos) {xPos = pos;J public int getYPos() {return yPos;}
public void setYPos(int pos) {yPos = pos;}
}
Как и прежде, объект представляет собой достаточно прямолинейное отображение структуры базы данных. В реальной задаче мы, возможно, использовали бы для облечения жизни ORM-систему, например Hibernate или iBATIS, но сейчас нам требуется, чтобы все было довольно простым и платформенно-независимым. Обратите внимание на то, что мы предоставляем для этого объекта как методы установки, так и методы получения, поскольку нам нужно, чтобы объекты обновлялись динамически в ответ на события на стороне клиента. Запрошенный при регистрации URL, portalLogin,servlet, отображается в сервлет, извлекающий все окна портала для этого пользователя и возвращающий в ответ указания JavaScript. Основной сервлет показан в листинге 11.8.
Листинг11.8.СервлетSelectServlet.Java
public class SelectServlet extends HttpServlet { protected void doPost(
HttpServletRequest request, HttpServletResponse response
) throws ServletException, IOException { HttpSession session=request.getSession(); User user={User)
// О Проверить сеанс (session.getAttributef"user"));
StringBuffer jsBuf=new StringBuffer(); if (user==null){
jsBuf.append(JSUtil.logout()) ; }else{
List windows=DBUtil // 0 Определить объект
.getPortalWindows(user); // в Использовать объект JSUtil
j sBuf.append(JSUtil.initUI() );
for (Iterator iter=windows.iterator();iter.hasNext();) PortalWindow window=(PortalWindow)(iter.next()); session.setAttribute("window_"+window.getld(),window) jsBuf.append
// О Объявить окно портала
(JSUtil.initWindow(window));
}
J
Writer writer=response.getWriter(); // 0 Записать в выходной поток.
writer.write(j sBuf.toString()); writer.flush();
> } |
. |
J |
||
|
|
|
|
|
Глава 11. Улучшенный Web-портал Ajax 459
Итак, мы формируем выражение SQL О, последовательно проходим по сгенерированному этим выражением набору результатов © и во всех случаях добавляем к нашему списку объект PortalWindow ©.
Далее мы используем вспомогательный объект JSUtil, генерируем код инициализации и объявляем объекты окна на JavaScript. Соответствующие методы по сути представляют собой упражнения по конкатенации строк, поэтому мы не будем приводить здесь класс целиком. Принцип его действия демонстрируется в приведенном ниже коде.
public static String initwindow(PortalWindow window) { StringBuEfer jsBuf=new StringBuffer{)
.append("CreateWindow{new NewWin('")
.append(window.getId())
.append("',")
,append(window.getXPos())
.append(",")
.append(window.getYPos())
.append(",")
.append(window.getWidth())
.append(",")
.append(window.getHeight())
.append(",'")
.append(window.getUrK))
.append("','")
.append(window.getTitle{))
. a p p e n d ^ " ) ) ; (BBSS)n11); return j s B u f . t o S t r i n g ( ) ;
}
Метод initwindow () генерирует код JavaScript для инициализации одного окна портала. Код JavaScript успешного запроса может выглядеть приблизительно так, как показано ниже: для всех окон последовательно вызывается функция initwindow () (для улучшения читаемости код был соответствующим образом отформатирован):
document.getElementByld('login' )
.innerHTML='Welcome back!' document.getElementByld('defaultConten')
.style.display=tquotenonetquote;
CreateWindow( new NewWin(
tquoteltquote,612,115,615,260,
tquotehttp://www.j avaranch.comtquote,tquoteJavaRanchtquote
)
);
CreateWindow( new NewWin(
tquote2tquote,10,115,583,260,
tquotehttp://www.google.comtquote,tquoteGoogletquote
)
>;
CreateWindow(
new NewWin(