Real Schule
Главная » 2024 » Май » 15 » Урок 37: Создание простого веб-приложения
23:47
Урок 37: Создание простого веб-приложения

Курс по программированию на Java

Урок 37: Создание простого веб-приложения

Создание веб-приложения включает в себя разработку интерфейса, обработку запросов и взаимодействие с базой данных. В этом уроке мы создадим простое веб-приложение, которое принимает данные от пользователя через веб-форму и отображает их на другой странице. Мы рассмотрим использование сервлетов и JSP (JavaServer Pages) для реализации этого приложения.

Создание сервлета для обработки данных

Первый шаг — создание сервлета, который будет обрабатывать данные, отправленные пользователем через веб-форму. Пример сервлета:

import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

@WebServlet("/submitData")
public class SubmitDataServlet extends HttpServlet {
 protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
 String name = request.getParameter("name");
 String email = request.getParameter("email");
 request.setAttribute("name", name);
 request.setAttribute("email", email);
 request.getRequestDispatcher("/displayData.jsp").forward(request, response);
 }
}

Результат выполнения

Сервлет обрабатывает POST-запрос, извлекает параметры name и email, а затем перенаправляет данные на страницу displayData.jsp.

Создание JSP-страницы для отображения данных

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

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
 <title>Display Data</title>
</head>
<body>
 <h1>Submitted Data</h1>
 <p>Name: ${name}</p>
 <p>Email: ${email}</p>
</body>
</html>

Результат выполнения

JSP-страница отображает данные, переданные сервлетом, используя JSP Expression Language (EL).

Упражнения

Упражнение 1: Создание формы для ввода данных

Создайте HTML-форму, которая позволяет пользователю ввести свое имя и адрес электронной почты. Форма должна отправлять данные на сервлет методом POST.

Решение:

<!DOCTYPE html>
<html lang="ru">
<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>Input Form</title>
</head>
<body>
 <h1>Input Form</h1>
 <form action="submitData" method="post">
 <label for="name">Name:</label>
 <input type="text" id="name" name="name"><br><br>
 <label for="email">Email:</label>
 <input type="email" id="email" name="email"><br><br>
 <input type="submit" value="Submit">
 </form>
</body>
</html>

Объяснение: HTML-форма отправляет данные на сервлет SubmitDataServlet методом POST. Параметры формы включают имя и адрес электронной почты пользователя.

Упражнение 2: Обработка данных формы и отображение результата

Используйте предыдущий пример формы и сервлета. Модифицируйте JSP-страницу, чтобы отображать сообщение приветствия, включающее имя пользователя и его адрес электронной почты.

Решение:

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
 <title>Display Data</title>
</head>
<body>
 <h1>Submitted Data</h1>
 <p>Hello, ${name}!</p>
 <p>Your email address is: ${email}</p>
</body>
</html>

Объяснение: JSP-страница использует JSP Expression Language (EL) для отображения приветствия, включающего имя пользователя и его адрес электронной почты, переданные сервлетом.

Урок 36: Введение в разработку веб-приложений Урок 38: Работа с формами и параметрами
Категория: Java | Просмотров: 93 | Добавил: Admin | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email *:
Код *: