WEB приложение на Java – Devcolibri

WEB приложение на Java

Вы наверняка слышали о том, что сайты можно делать на PHP, Python и довольно не плохие сайты. Но как же Java? Да на java тоже можно делать очень даже офигенные сайты, а если быть точней то используют java для разработки крупных ресурсов. В этом уроке я покажу как создать простое web-приложение на java.

Скачать

Что нам потребуется для создания web-приложения?

1) Любой сервер приложений в нашем случае это будет Tomcat 7.0.

2) Верная и надежная Intellij IDEA.

3) Желание создать своё первое WEB-приложение.

Шаг 1

Создаем обычный Maven проект, назовем его MyFirstWebProject. Структура проекта следующая:

Давайте теперь разберем структуру проекта: src/java/servlets – тут будут лежать сервлеты(сервлеты будут рассматриваться в Шаг 2.) src/resources – тут будут лежать все ресурсные файлы которые буду нужны для проекта. src/webapp – тут лежат все файлы которые будут использоваться во view (к примеру img, css).

Шаг 2

Теперь разберем что такое Servlet? Servlet – это Java-интерфейс, реализация которого расширяет функциональные возможности сервера. Servlet взаимодействует с клиентами посредством принципа запрос-ответ за частую это запросы GET, POST по протоколу HTTP/HTTPS. Для создания сервлета нам нужно подключить зависимости в Maven.

<dependency>
    <groupId>javax.servlet</groupId>
    <artifactId>servlet-api</artifactId>
    <version>3.0-alpha-1</version>
    <scope>provided</scope>
</dependency>

<dependency>
    <groupId>javaee</groupId>
    <artifactId>javaee-api</artifactId>
    <version>5</version>
</dependency>

<dependency>
    <groupId>javax</groupId>
    <artifactId>javaee-web-api</artifactId>
    <version>6.0</version>
    <scope>provided</scope>
</dependency>

А также не забудьте указать:

<packaging>war</packaging>

это говорит Maven-у что собирать надо в WEB проект, по умолчанию он собирает jar.

Теперь нужно добавить 2 плагина который позволяет откомпилировать и собрать проект в war архив.

<plugin>
    <groupId>org.apache.maven.plugins</groupId>
    <artifactId>maven-compiler-plugin</artifactId>
    <configuration>
        <source>1.5</source>
        <target>1.5</target>
    </configuration>
</plugin>

<plugin>
    <groupId>org.apache.maven.plugins</groupId>
    <artifactId>maven-war-plugin</artifactId>
    <version>2.1.1</version>
    <configuration>
        <failOnMissingWebXml>false</failOnMissingWebXml>
    </configuration>
</plugin>

Полный листинг pom.xml:

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>

    <groupId>MyFirstWebProject</groupId>
    <artifactId>MyFirstWebProject</artifactId>
    <version>1.0-SNAPSHOT</version>
    <packaging>war</packaging>

    <dependencies>
        <dependency>
            <groupId>javax.servlet</groupId>
            <artifactId>servlet-api</artifactId>
            <version>3.0-alpha-1</version>
            <scope>provided</scope>
        </dependency>

        <dependency>
            <groupId>javaee</groupId>
            <artifactId>javaee-api</artifactId>
            <version>5</version>
        </dependency>

        <dependency>
            <groupId>javax</groupId>
            <artifactId>javaee-web-api</artifactId>
            <version>6.0</version>
            <scope>provided</scope>
        </dependency>
    </dependencies>

    <build>
        <plugins>

            <plugin>
                <groupId>org.apache.maven.plugins</groupId>
                <artifactId>maven-compiler-plugin</artifactId>
                <configuration>
                    <source>1.5</source>
                    <target>1.5</target>
                </configuration>
            </plugin>

            <plugin>
                <groupId>org.apache.maven.plugins</groupId>
                <artifactId>maven-war-plugin</artifactId>
                <version>2.1.1</version>
                <configuration>
                    <failOnMissingWebXml>false</failOnMissingWebXml>
                </configuration>
            </plugin>
        </plugins>
    </build>

</project>

Теперь создадим класс MyServlet который унаследуем от HttpServlet.

@WebServlet("/s")
public class MyServlet extends HttpServlet {

    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response) 
                          throws ServletException, IOException {
        super.doPost(request, response);
    }

    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) 
                         throws ServletException, IOException {
        response.setContentType("text/html");
        PrintWriter out = response.getWriter();

        out.println("Hello Word");
    }
}

Как вы видите тут есть два метода doPost и doGet, как я уже упоминал сервлеты взаимодействуют с клиентом по средством запрос-ответ, так вот в основном это GET и POST. Внимание! Главное не допускать такую ошибку, что всего есть два метода GET/POST их на самом деле 9, это OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT, PATCH. И так рассмотрим эти методы методы: Как вы уже поняли метод doPost принимает и отправляет посредством запроса POST, doGet по средством запроса GET. У обоих методов есть входящие параметры типы которых – HttpServletRequest и HttpServletResponse. HttpServletRequest request – это запрос со стороны клиента; HttpServletResponse response – это ответ со стороны сервера.

Аннотация @WebServlet(“/s”) указывает на то что данный сервлет будет доступен по адресу <URL>/s.

Шаг 3

Не забываем, что метод GET срабатывает когда мы просто заходим по URL на страничку, а пост чаще всего используется при передачи данных с формы, но при условии что метод передачи данных формы указан POST. Создадим “Hello Word”:

@Override
protected void doGet(HttpServletRequest request, HttpServletResponse response) 
                     throws ServletException, IOException {
    response.setContentType("text/html");
    PrintWriter out = response.getWriter();

    out.println("Hello Word");
}

response.setContentType("text/html") – в этой строке мы говорим про то что отображать мы будем страничку как html. PrintWriter out = response.getWriter() – тут мы создаем врайтер который поможет нам осуществить ответ с сервера. out.println("Hello Word") – ну и отправляем ответ с сервера клиенту.

Шаг 4

Теперь соберите проект в Maven:

Шаг 5

Установка и настройка Tomcat 7.0.

1. Идем сюда http://tomcat.apache.org/download-70.cgi и качаем Tomcat 7.0.

2. Извлекаем с архива;

3. Настроить Intellij IDEA что бы деплоить приложение на сервер с нее.

Нажимаем плюсик выбираем Tomcat Server -> Local после чего нажимаем Configure… и выбираем корневую папку где лежит Tomcat 7.0.

В Startup Page – указываем стартовую страничку загрузки в нашем случае это localhost:8080/s (где s это наш про аннотированиый сервлет).

Дальше заходим во вкладкуDeployment:


И выбираем ваш собранный проект, лежит он в корне проекта в папке target/<name>.war

4. Запускаем:

Шаг 6

Завяжем на наш сервлет jsp страничку.

Для этого мы должны создать в папке src/main/webapp нашу страничку, в нашем случае это index.jsp.

И теперь с помощью метода GET отправим на нее тот же текст “<h1>Hello World!</h1> <p>It JSP.<p>”

Вот так будет выглядеть наш метод сервлета doGet():

@Override
protected void doGet(HttpServletRequest request, HttpServletResponse response) 
                                                throws ServletException, IOException {
        response.setContentType("text/html");

        String varTextA = "Hello World!";
        request.setAttribute("textA", varTextA);
        String varTextB = "It JSP.";
        request.setAttribute("textB", varTextB);

        RequestDispatcher dispatcher = request.getRequestDispatcher("/index.jsp");
        dispatcher.forward(request, response);
}

С помощью RequestDispatcher мы отправляем наш response request клиенту.

А так будет выглядеть index.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title></title>
</head>
<body>
${textA}
${textB}
</body>
</html>

С помощью конструкции ${<var>} мы принимаем данные с сервера.

После этого вы получите ту же по виду страничку, только это уже будет не сервлет отображать а  jsp.

Для получения углубленных знаний по Java проходите наш курс «Программирование на языке Java для начинающих», а также читайте серию статей «Spring Data JPA. Работа с БД»: часть 1, часть 2 и часть 3

ПОХОЖИЕ ПУБЛИКАЦИИ

    None Found

264724
29/03/2013

94 комментариев к статье "WEB приложение на Java"

  1. Павел21/04/2013 в 7:23 дп

    Статья из серии “Как нарисовать сову” – вначале рисуем два овала, а потом дорисовываем всё остальное…
    Распишите по подробнее шаг 1.

  2. Simple28/05/2013 в 11:46 дп

    Если все делать по написанному, то даже собрать проект не получается. Было бы хорошо, если бы можно было скачать работающий проект со всеми исходниками.

  3. Довбня Олег04/06/2013 в 11:30 пп

    Привет, хорошая статья.

  4. Криль Олег12/06/2013 в 10:08 дп

    Не знаю что кому не нравиться, все норм описано. Если не хватает знаний по чему-то, то их нужно пополнять с поисковиков, так как автор не может знать кто чего не знает. Статья конкретная, мне понравилось.

  5. Romario28/06/2013 в 9:11 пп

    НЕ получается собрать проект стопорюсь на И выбираем ваш собранный проект, лежит он в корне проекта в папке target/.war У меня просто нет этого файла та и папок меньше чем в скачанном с сайта примера. В чем может быть проблема???

  6. Стас15/07/2013 в 2:39 пп

    Все очень коротко и ясно) Хочу еще =)

    ЗЫ: Шаг 6: Для этого мы должны создать в папке src/webapp нашу страничку -> ошибка src/main/webapp

  7. Gelez18/09/2013 в 2:00 пп

    спасибо.. приятно понять всю картину.. Написано доходчиво и кратко, продолжайте в том же духе. Я так понял автор использует сервлеты версии 3.0. Хотелось бы узнать, в реальных проектах используются они или более старой версии 2.5?

  8. Gelez18/09/2013 в 2:14 пп

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

  9. Maksim14/11/2013 в 11:18 дп

    Включительно по 5 шаг все работает, выводит Hello world, сделал все как в 6 шаге и уже не работает, ошибка 404 не найден index.jsp

  10. aka_kira23/01/2014 в 4:07 пп

    Спасибо за внятное объяснение материала!

    • Алена17/04/2014 в 8:00 дп

      Здравствуйте, Александр! Подскажите пожалуйста, почему после запуска проекта он выдает мне ошибку 404, The requested resource (/s) is not available? Хотя я скачала ваши исходники, только сервер у меня Jboss.

  11. Дмитрий17/06/2014 в 9:04 дп

    К чему все эти депенденси? Особенно javaee-api?

  12. miraclefoxx15/07/2014 в 2:14 дп

    Шаг 4 – не понятен. Где искать это меню? И какой смысл в мавене, если все равно сначала собираем, потом деплоим и все руками?

  13. Андрей23/07/2014 в 12:38 пп

    Большое вам спасибо.
    Отличная статья и очень полезный сайт в целом.

  14. Артур23/07/2014 в 2:34 пп

    После того как подключил зависимости в maven все равно не видит servlet. Подскажите, что делать

  15. Максим28/07/2014 в 12:22 пп

    Было бы неплохо написать пример интеграции JPA и AJA. с добавлением элемента в базу и чтением элементов от туда.

  16. IP696@mail.ru25/08/2014 в 10:06 дп

    ‘javax.servlet:javax.servlet-api:3.0.1”’ not found
    я скачал javaEE 7 JDK и указал в идеи к нему путь. но не находит. идея предлагает скачать. вот качаю 129 мб какието файлы с репозитория. это нормально или все библиотеки должны автоматически найтись? спасибо

  17. Александр28/08/2014 в 11:47 пп

    Сделал все как в мануале, не работает! Колупал, колупал – заработало! Поделюсь опытом, может быть, у кого-то такая же проблема. При собирании проекта мавеном выдавало 2 варнинга.
    Первый исправил добавив явное указание версии плагина:
    …
    maven-compiler-plugin
    2.3.2

  18. d_fly29/08/2014 в 8:04 пп

    Долго искал как создаются директории:
    – src/java/servlets для sources;
    – src/resources для resources;
    – src/webapp для webapp – *.jsp, *.xhtml, *.html;
    Потому что по умолчанию при создании нового maven-проекта, нет папочки “webapp” и нигде на сайте про это не написано (не нашел).
    Может кому-нибудь поможет -> Project Structure -> Modules -> “+” -> Web
    Спасибо за уроки!

  19. Сергей10/10/2014 в 10:56 пп

    Доброго время суток. Не знаю в чем проблема, но у меня почему-то “${textA}
    ${textB}” так и выводятся. Хотя я их создаю в сервлете. Может что то знаете в чем может быть проблема.

  20. pavel05/12/2014 в 1:39 пп

    Здравствуйте, подскажите пожалуйста, как сделать так, что бы все выше написанное заработало, при условии, что доступ в сеть идет через прокси сервер? Пробовал через settings в мавен прописывать условия подключения(порт, проксю), но все равно выдает ваше подключение не защищено.

  21. samsim07/02/2015 в 11:24 дп

    Ваш вариант решения этой задачи буде немного попроще чем тот вариант который мне предлагали ранее.

  22. Глеб23/02/2015 в 10:59 пп

    Добрый день! Все классно написано, но у меня в конце не получилось подключить jsp
    Т.е. если мы после того как в сервлете передаем строки в index.jsp
    1. я пересобрал проект при помощи maven (clean + install)
    2. запустил tomcat
    3. выдало ошибку HTTP Status 500 – java.lang.ClassNotFoundException: org.apache.jsp.index_jsp

  23. Александр25/02/2015 в 11:04 дп

    Саша, ты молодец. Не копируешь без-думно всякую ерезь с просторов а пишешь свое. Я уже год занимаюсь Java, и очень много еще белых пятен в понимании. А тво стать иногда очень прям по душе приходятся. Ты правильно делаешь. Рассказывая все для дурака. Умный человек лишний раз что то прочтет повторит, а глупый хоть понять сможет. Я пока отношу себя ко вторым, и очень важно иногда сделать прям по шагам не упуская , мелочей -который как многие авторы полагают , человек который занимается Java и так знает. Короче молодец, продолжай в том же духе. Статьи твои читать люблю. Сайт и видео блог в закладках))

  24. vlad26/03/2015 в 11:02 дп

    Некорректно отобразились ссылки на скрины:
    http://i11.pixs.ru:/storage/3/8/2/Untitledpn_4578645_16647382.png
    http://i11.pixs.ru:/storage/3/8/3/Untitled1p_2723521_16647383.png

  25. cyc10ne13/04/2015 в 4:58 пп

    Огромное спасибо автору, за его бесценный труд!! У меня вопрос по поводу плагинов maven-war-plugin где должен лежать файл немного непонятно?

  26. Александр26/04/2015 в 4:22 пп

    Все сделал по примеру, неработает:
    [INFO] Final Memory: 9M/245M
    [INFO] ————————————————————————
    [ERROR] No goals have been specified for this build. You must specify a valid lifecycle phase or a goal in the format : or :[:]:. Available lifecycle phases are: validate, initialize, generate-sources, process-sources, generate-resources, process-resources, compile, process-classes, generate-test-sources, process-test-sources, generate-test-resources, process-test-resources, test-compile, process-test-classes, test, prepare-package, package, pre-integration-test, integration-test, post-integration-test, verify, install, deploy, pre-clean, clean, post-clean, pre-site, site, post-site, site-deploy. -> [Help 1]
    [ERROR]
    [ERROR] To see the full stack trace of the errors, re-run Maven with the -e switch.
    [ERROR] Re-run Maven using the -X switch to enable full debug logging.
    [ERROR]
    [ERROR] For more information about the errors and possible solutions, please read the following articles:
    [ERROR] [Help 1] http://cwiki.apache.org/confluence/display/MAVEN/NoGoalSpecifiedException

    Почему так?

  27. Александр26/04/2015 в 4:32 пп

    Вернее даже так (не пойму что за фигня, ведь мне нужно это только для того чтобы по-тренить фронт-энд – JSTL)

  28. Александр26/04/2015 в 4:34 пп

    MyServlet.java – все красное, вот ссылка на скрин: http://hkar.ru/ADVE

    • Никита27/09/2015 в 2:22 пп

      Добрый день, потому что надо импортировать модули, подчеркнутые красным. щёлкните мышью по “красному” слову и нажмите Alt + Tab, далее разберётесь сами)

  29. Александр26/04/2015 в 4:49 пп

    Вроде б избавился от ошибок, (был дубликат, я недосмотрел), теперь билдит норм, но http://localhost:8080/s все равно не работает!! почему?

  30. Андрей16/05/2015 в 2:50 пп

    Хороший туториал

  31. Павел09/07/2015 в 12:21 пп

    Спасибо большое очень понятная статья)))

  32. AD22/09/2015 в 1:49 пп

    Очень хорошая и полезная статья

  33. Аноним19/10/2015 в 11:44 дп

    зй

  34. Максим03/11/2015 в 12:35 пп

    Добрый день! Прошу помощи, сделал данный пример на ноутбуке, все отлчино получилось. Пытаюсь создать данный проект на ПК, и на
    этапе pom/ файла мавен подсвечивает красным версии 3.0-alpha-1
    javaee-web-api
    6.0
    maven-war-plugin
    2.1.1
    пробовал ставить другие, не помогает. Даже перенес работающий проект с ноубука, открыл на пк, и все равно подсвечивает. Подскажите в чем проблема может быть? Спасибо

  35. дмитрий07/12/2015 в 9:32 дп

    Отличный мануал! Да возникают сложности со сборкой проекта. Но после 5 минут тыкания, можно понять как правильно его собирать.
    Спасибо за труд!

    • Амир18/01/2016 в 7:01 дп

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

  36. Дмитрий01/05/2016 в 12:28 дп

    Александр, спасибо за ваш труд!

  37. Александр25/05/2016 в 9:58 пп

    Спасибо, было понятно и полезно

  38. Артем23/06/2016 в 1:52 пп

    HTTP Status 404 – /s

    type Status report

    message /s

    description The requested resource is not available.

    Apache Tomcat/9.0.0.M8

    Делал проект пошагово, скачал Ваш, ошибка одни и та же в итоге

    • Алексей27/07/2016 в 9:48 дп

      Написано: Запрашиваемый ресурс недоступен.
      @WebServlet(“/s”) у Вас так?
      По такому адресу http://localhost:8080/s обращаетесь в браузере?

    • Иван23/12/2016 в 3:15 пп

      У васшего пользователя, который запусил IDEA или Tomcat и делает деплой war файла нету прав доступа на запись в папку Tomcat\webapps.
      Переустановите Tomcat в папку C:\Tomcat и проблема будет решена. =)

      • Наталья21/08/2017 в 10:45 пп

        Наконец-то хоть где-то нашелся ответ! У меня Tomcat был распакован в program files и тоже была ошибка 404. Скопировала папку на C:/Tomcat и заработало. Я уже думала, что даже helloWorld мне не по силам

    • Alex06/06/2017 в 6:22 пп

      Проверьте, чтобы Tomcat обращался непосредственно к файлу MyFirstWebProject.war, а не к папке MyFirstWebProject. В настройках деплоя томкат изначально прописана только папка, а не сам вар файл.

  39. Александр10/07/2016 в 12:54 пп

    Не указали что в Idea community edition – нет возможности диплоить как указано на картинках. Нужна обязательно платная версия. Ну и некоторые моменты не освещены по которым приходится отдельно гуглить.

  40. Володимир05/08/2016 в 3:34 пп

    Шикарна стаття.
    Ще б було класно добавити код по роботі з БД. Це дуже важлива частина любої програми.

  41. Никита19/08/2016 в 8:09 дп

    Помогите решить проблему с сервлетами и jstl. Есть вебстраница в которой с помошью c:foreach выводится список строк. Если эти строки указать железно в коде java, то при установке этого списка в request.setAttribute(“list”, list), то эти строки отображаются иероглифами(как выяснилось они почему-то кодируются в CP1251). А если сделать, чтобы можно было добавлять строки в список путем отправки формы, то строки отправленные из html формы на странице с foreach отображаются нормально. Выставил utf-8 уже где только можно, не помогло. Подскажите пожалуйста где еще нужно выставить utf-8, чтобы сервлет кодировал аттрибуты в utf-8. Спасибо.

    • Никита26/08/2016 в 12:57 пп

      Проблему решил. Java компилятор компилировал классы в cp1251, хотя все файлы были в UTF-8, т.о. строка выходила кривой уже из самого класса. Решение: установить параметр file.encoding=UTF-8 для компилятора.

  42. Jack05/09/2016 в 3:00 дп

    Отлично все показано и рассказано. Собрал за 2 минуты)Ваще красавчик Александр)

  43. Михаил29/09/2016 в 9:27 дп

    Здравствуйте! Помогите разобраться с ошибкой 404. Всё сделал как описано в уроке, но при запуске выдаёт 404 ошибку.
    Адрес правильный. Порт не занят.

  44. Дмитрий02/04/2017 в 4:00 пп

    Добрый день.
    Воспользовался уроком, только действительно в бесплатной идеи нет поддержки tomcat. Но я просто копировал war файл проекта в webapp и смотрел в браузере. Спасибо за урок.

  45. Искатель02/05/2017 в 9:25 пп

    Классная статья, а главное современная. А то в ютубе, один сидит на Eclipse, второй на древней IDEA. Из минусов идеи – это то что она платная (для javaEE) но это все решаемо (смекаааете? это я про демо период на 30 дней ;-))
    Разобрался за полчаса, правда до этого убил несколько часов на ютуб. Сенкс ребзя

  46. Alex06/06/2017 в 6:15 пп

    Спасибо, очень доступно и понятно!

  47. Расул16/06/2017 в 1:40 пп

    Автор красавчик!
    СПС за материал. Все понятно!

  48. Крис27/06/2017 в 12:53 дп

    Пробовал запустить данный пример на 2х осях, пробуя разные конфигурации.
    Не знаю, уж намеренно ли ты сделал это, автор, но тем не менее. Благодаря твоему гайду моё желание изучать Java упало ниже чем на пол-шестого.
    P.S. Пробовал на win 8.1 (получилось с матом всё до подключения файла jsp, который не хотел видеть переменные из сервлета)
    На Ubuntu 16.04 не заработало вообще ничего. Никак.
    P.S.S Уйду в питонисты, бл№#*

  49. Denis Happy22/07/2018 в 10:51 дп

    Отличная статья! Спасибо автору)

  50. Aldy7715/05/2019 в 1:05 дп

    Thank you Alex for tutorial!
    Can I use Community version of IntelliJ IDEA got it? or I should use Ultimate version?

    Thank you!

  51. lyubov.kolosova1997@mail.ru06/09/2019 в 6:45 пп

    Шаг 5 пункт 4: запуск томкат выдает ошибку, в результате чего веб страница не находится

Добавить комментарий

Сайт использует cookie-файлы для того, чтобы вам было удобнее им пользоваться. Для продолжения работы с сайтом, вам необходимо принять использование cookie-файлов.

Я ознакомлен(а)