Фактическая страница входа в JSP JBuilder2005 (2)

Автор：Eve Cole Время обновления：2009-07-02 17:10:51

Через Файл->Создать...->Интернет->дважды щелкните значок JSP, появится диалоговое окно для создания мастера JSP, как показано на следующем рисунке:

Рис. 3. Создание файла login.jsp с помощью мастера.

·Веб-модуль: если в проекте имеется несколько веб-модулей, вы можете указать здесь веб-модуль, к которому добавляется JSP. Поскольку в нашем проекте есть только один веб-модуль, мастер по умолчанию установит для него значение веб-модуль.

·Имя: Введите имя файла JSP. Вы можете ввести суффикс .jsp или ввести имя пользователя напрямую без суффикса.

После того, как опция «Создать образец компонента» отмечена, JBuilder сгенерирует образец компонента и представит его в JSP. Новички могут использовать эту опцию, чтобы увидеть, как JSP ссылается на компонент, а опция «Создать страницу ошибок» автоматически создаст соответствующий JSP-файл обработки ошибок для JSP. Здесь мы их не проверяем.

Нажмите «Готово», чтобы создать файл login.jsp. Файл login.jsp появится в компиляторе на панели содержимого, как показано на следующем рисунке.

Рисунок 4. JSP-файл, созданный мастером.

Слева и справа от окна компиляции JSP есть по одному, которое можно передать.

Вертикальная панель, управляемая кнопками. Левый столбец представляет собой панель для размещения тегов JSP и тегов HTML. Вы можете перетаскивать различные теги в файл JSP, как в визуальном дизайнере пользовательского интерфейса. Как показано на рисунке выше, мы выбираем. форму из панели. HTML-теги помещаются в файл login.jsp.

Вертикальный столбец справа — это компилятор атрибутов метки, в которой находится текущий курсор в файле JSP, как показано на следующем рисунке:

Рис. 5. Настройка редактора атрибутов тега JSP

Редактор свойств является динамическим. При наведении курсора на разные метки редактор свойств отображает все настраиваемые свойства этой метки. Как показано на рисунке выше, он соответствует редактору атрибутов тега формы HTML. Мы устанавливаем для его атрибута действия значение switch.jsp и указываем использование POST для отправки данных запроса.

В файле login.jsp мы предоставляем раскрывающийся список имени пользователя, поле ввода пароля и кнопку отправки входа. Код выглядит следующим образом:

Листинг кода 4. login.jsp

1. ＜%@page contentType="text/html; charset=GBK" %＞
2. ＜html＞
3. ＜голова＞
4. ＜title＞логин＜/title＞
5. ＜/голова＞
6. ＜body bgcolor="#ffffff"＞
7. ＜Имя формы="Форма 1" метод="post" action="switch.jsp"＞
8. Имя пользователя: <select name="userId">
9. ＜выбрано значение параметра=""＞--Вход пользователя--＜/option＞
10. ＜option value="100000"＞Цзянь Цзия＜/option＞
11. ＜option value="100001"＞Бао Шуя＜/option＞
12. ＜option value="100002"＞Вертикальные зубья＜/option＞
13. ＜/выбрать＞
14. Пароль: <input name="password" type="password">
15. ＜тип ввода="submit" name="Submit" value="Login"＞
16. ＜/форма＞
17. ＜/тело＞
18. ＜/html＞

Тег формы представляет форму на веб-странице. Форма может содержать несколько компонентов. После отправки веб-формы данные этих компонентов отправляются в файл JSP, указанный атрибутом действия, через протокол HTTP для обработки. Данные формы обычно отправляются через POST. Метод отправки POST не имеет ограничений на объем данных и является более конфиденциальным.

Страница эффекта login.jsp показана ниже:

Рис. 6. Страница входа в файл login.jsp.

Практический опыт:

Код файла JSP содержит статическую и динамическую части, то есть одна часть — это код HTML, а другая часть — теги JSP и код скриптлета. JSP, как правило, представляет собой веб-страницу с динамической логикой. JBuilder очень хорошо поддерживает динамические части кода, такие как теги JSP и скриптлеты. Вы можете использовать такие инструменты, как CodeInsight и TagInsight, для быстрого и правильного написания кода, а также компилировать и отлаживать JSP. С точки зрения написания статического HTML-кода JSP и визуального дизайна, Dreamweaver явно превосходит JBuilder в статическом коде и визуальном дизайне.

Сложность вещей способствует разделению труда, а четкое разделение труда способствует профессиональному развитию. При написании JSP дело не в том, что, получив JBuilder, вам больше нечего будет делать. Хань Синьшаньбин и Сяо Хэшаньмоу, если вы сможете объединить Dreamweaver и JBuilder, использовать Dreamweaver для разработки визуальной части JSP и использовать JBuilder для разработки части динамического кода JSP, они будут дополнять друг друга и дополнять друг друга, а JSP работа по развитию станет более упорядоченной.

Изменить список пользователей на динамический

Созданный в настоящее время файл login.jsp имеет недостаток. Предположим, что при добавлении других пользователей в таблицу T_USER в фоновом режиме базы данных, поскольку раскрывающийся список имени пользователя представляет собой статический код, вновь созданный пользователь не будет отображаться на странице, поэтому необходимо добавить пользователя. Список имен изменен на динамический код, а записи таблицы базы данных T_USER используются для динамического формирования данных раскрывающегося списка.

Завершаем эту работу через класс UserList.ava и создаем в проекте UserList.java. Код такой:

Листинг 5. UserList.java

1. книжный магазин;
2. импортировать java.sql.*;
3.
4. публичный класс UserList
5. {
6. //Получаем код списка пользователей раскрывающегося списка HTML
7. публичная статическая строка getUserListHTML() {
8. Соединение conn = ноль;
9. StringBuffer sBuf = новый StringBuffer();
10. попробуй {
11. conn = DBConnection.getConnection();
12. ReadedStatement pStat = conn.prepareStatement(
13. «выберите USER_ID,USER_NAME из T_USER»);
14. ResultSet rs = pStat.executeQuery();
15. пока (rs.next()) {
16. sBuf.append("<option value='" + rs.getString("USER_ID") + "'＞" +
17. rs.getString("ИМЯ_ПОЛЬЗОВАТЕЛЯ") + "＜/option＞n");
18. }
19. вернуть sBuf.toString();
20. } catch (SQLException ex) {
21. ex.printStackTrace();
22. возврат "";
23. } наконец {
24. попробовать {
25. если (conn != ноль) {
26. конн.закрыть();
27. конн = ноль;
28. }
29. } catch (SQLException ex1) {
30. }
31. }
32. }
33. }

UserList.java предоставляет только статический метод getUserListHTML(), который получает записи пользователей из таблицы T_USER во внутренней базе данных и генерирует код опции для компонента выбора HTML, как показано в строках 16–17.

После создания этого класса мы обращаемся к этому классу, чтобы настроить код login.jsp. Сначала ссылаемся на класс UserList через атрибут импорта в теге инструкции страницы, а затем настраиваем содержимое параметра выбора на значение, возвращаемое параметром. getUserListHTML(), как показано на рисунке ниже. Показать:

Рис. 7. Написание кода с помощью CodeInsight

Замените исходный статический HTML-код с помощью тегов выражений. Стоит отметить, что вы также можете использовать CodeInsight для ввода кода в JSP так же, как при написании обычных классов Java. Код измененного файла login.jsp выделен жирным шрифтом:

Листинг 6: Измененный код login.jsp

1. ＜%@page contentType="text/html; charset=GBK" import="bookstore.UserList" %＞
2. ＜html＞
3. ＜голова＞
4. ＜title＞логин＜/title＞
5. ＜/голова＞
6. ＜body bgcolor="#ffffff"＞
7. <Form name="Form 1" Method="post" action="switch.jsp">Имя пользователя:
8. ＜выберите name="userId"＞
9. ＜выбрано значение параметра=""＞--Вход пользователя--＜/option＞
10. ＜%=UserList.getUserListHTML()%＞
11. ＜/выбрать＞
12. Пароль: <input name="password" type="password">
13. ＜тип ввода="submit" name="Submit" value="Login"＞
14. ＜/форма＞
15. ＜/тело＞
16. ＜/html＞

После сохранения файла login.jsp щелкните правой кнопкой мыши метку файла login.jsp на панели содержимого и выберите «Запуск через Интернет с использованием настроек по умолчанию». JBuilder запустит сервер приложений Tomcat 5.0, запустит его на порту 8080, скомпилирует и запустит файл login.jsp. как показано на рисунке ниже. Показать:

Рис. 8. Запуск файла login.jsp в JBuilder

JBuilder автоматически переключается на страницу веб-представления, чтобы отобразить текущий эффект страницы. Однако браузер JBuilder очень слабо поддерживает веб-страницы и не поддерживает сценарии JavaScript. Поэтому после запуска login.jsp лучше всего просматривать результат работы веб-страницы через IE. Вам нужно только открыть IE и скопировать адрес доступа login.jsp в JBuilder в адресную строку IE, как показано на рисунке. рисунок ниже:

Рис. 9. Использование IE для доступа к файлу login.jsp, работающему в JBuilder.

В это время пользователи в раскрывающемся списке имени пользователя уже находятся в динамическом списке пользователей. Когда пользователи добавляются или удаляются в таблице T_USER, пользователи в раскрывающемся списке также изменяются соответствующим образом.

Перед запуском JSP лучше всего скомпилировать этот файл JSP отдельно: щелкните правой кнопкой мыши метку файла JSP на панели содержимого и выберите команду «xxx.jsp» во всплывающем меню, чтобы завершить компиляцию файла JSP и обнаружить это вовремя ошибка. При редактировании файлов JSP и файлов Java самая большая разница заключается в том, что любые ошибки в файлах программ Java будут перечислены в редакторе и на панели структуры, но для обнаружения некоторые ошибки в файлах JSP необходимо скомпилировать.

намекать:

Поскольку для компиляции файла JSP необходимо сначала преобразовать его в файл сервлета, а затем скомпилировать промежуточный файл сервлета. В случае возникновения ошибки он будет перенаправлен в файл JSP. Поэтому компиляция файла JSP требует больше времени и часто занимает много времени. дольше, чем компиляция Java-файла. В несколько раз больше времени. По умолчанию при компиляции проекта будут скомпилированы все JSP всего проекта, что занимает много времени. Поэтому лучше всего отменить настройку компиляции JSP-файлов вместе с проектом компиляции: через Project->Project Properties...->Build-> отменить опцию Проверять JSP на наличие ошибок во время сборки на странице настроек сборки. Отметьте эту опцию, когда она вам действительно нужна, и отмените ее сразу после компиляции. Эта настройка позволит вам потратить много драгоценного времени на разработку.