# 1 [Beginner] Create a web application (website) with Eclipse from knowledge 0. "Let's build an environment for creating web applications"

Introduction

It became a story that I wanted to create a website from scratch with a friend, and from a state where I did not know right or left, I used eclipse to write notes while touching it for the time being. (Many sites don't write detailed settings because it's natural to know even if you look it up ...)

Environment list Programming software: Eclipse 2020 JAVA SE 14 Tomcat 8.5.88

-** Environment Creation **

1 Let's build an environment for creating web applications (This article) 2020 October update

2 Joint development of dynamic web application by connecting GitHub and Eclipse 2020 October update

-** Let's think about design **

-** Front end creation **

-** Backend Creation **

-** Let's actually run the service **

In this article,

    1. Install Eclipse.
  1. Java installation
    1. Perspective settings Four. Creating a project Five. Creating a Servlet
  2. Execution of Servlet

The flow.

Word memo Perspective: Optimal screen settings for developing each app Servlet: A program that runs on a Web server (backend). In this article, we will create a local server for debugging.

1. 1. Install Eclipse.

Eclipse has an edition called "Pleiades All in One" that you can start using as it is without making troublesome settings such as Japanese localization. Download Eclipse 2020 from Download Site.

01.jpg

Various versions are displayed, but this time I will download Java Full Edituon of Windows10 64bit.

02.jpg

Downloading starts without permission. If it doesn't start, press the URL displayed in blue to start downloading.

03.jpg Unzip the downloaded .zip file. It seems that it cannot be decompressed well with Windows standard decompression software, so decompress it using 7-Zip.

04.jpg

When you unzip it, a folder called pleiades will appear, so place it directly in the Windows (C :) folder (the location is free, but it is easy to see directly under C :).

05.jpg

After moving directly under Windows (C :), right-click eclipse.exe in the C: \ pleiades \ eclipse folder to create a shortcut, and place it in an easy-to-understand location such as the desktop. (Start from the shortcut because it is not installed as an application)

06.jpg

07.jpg

At the first startup, you will be asked where to set the workspace (data storage location), so create a new folder called eclipse in the document folder and change the folder from the reference. (There is no problem with the default, but move it to a place that is easy to understand)

08.jpg ↓ Change 09.jpg

After changing, press Start (L) and if the screen is displayed, the installation is complete.

10.jpg

2. Install Java SE.

This time, 14 of JAVA SE is used. Select 14 from the top page or download the Windows x64 Installer from the JAVA SE 14 Download Site (why Or Chrome may not work, so you should use IE).

11.jpg

There are no particular settings, so just install it as it is.

3. 3. Perspective settings

If you press ① + mark (perspective) next to the Java icon on the upper right, a list will appear. Select ② Java EE.

12.jpg

When Java EE is opened, it becomes a Servlet perspective (screen configuration) with support such as server management. Since the server tab etc. are indispensable when developing a Web application, change to Java EE firmly before starting development.

13.jpg

Four. Create a new project

Select File → New → Other

14.jpg

From the wizard, select (1) "Dynamic Web Project" in the Web folder and (2) press Next.

15.jpg

When the setting screen appears, set the project name as you like and change the target runtime to Tomcat8 (Java8). If you change it, the dynamic module version and configuration will be changed automatically according to the target runtime. If you can change it, press Next.

17.jpg

This is okay by default, so press Next.

18.jpg

Check Create web.xml Deployment Descriptor and press Finish to create the project.

19.jpg

Now you are ready to create a Servlet.

20.jpg

Five. Creating a Servlet

To create a Servlet, right-click Java Resources → src and select Servlet.

21.jpg

For the time being, set the name appropriately as ①sample_main ②sample and press Finish.

22.jpg

You have successfully created a Servlet with the basic code.

23.jpg

Open the Web server tab and click the part that says "There is no server available. Click this link to create a new server."

24.jpg

Select the "Tomcat v8.5" server from the Apache folder and press Next.

25.jpg

Select the resource you want to add to the server (1) and press (2) Add.

26.jpg

After confirming that the file has moved to the right, press Finish.

27.jpg

The server will be created, so right-click and press Publish.

28.jpg

Then right-click again and press Resume.

29.jpg

If there is no problem, the status on the right side of the server will be [Started, Synchronized].

30.jpg

Next, open chrome and enter the following in the URL.


http://localhost:8080/[Project name]/[name of the class]

If you make it according to the procedure this time


http://localhost:8080/test/sample

If such a screen is displayed, it is working without any problem.

31.jpg

As a test

It is here


("Served at: ")

To


("tesutesu")

(If you type in Japanese, the characters will be garbled, so enter in the alphabet).

32.jpg

It has been updated firmly.

33.jpg

This completes the development environment settings for the time being, and next time I will share it on Git hub.

Next → []

Recommended Posts

# 1 [Beginner] Create a web application (website) with Eclipse from knowledge 0. "Let's build an environment for creating web applications"
Creating a java web application development environment with docker for mac part1
Create a java web application development environment with docker for mac part2
Build a web application with Javalin
Create a MySQL environment with Docker from 0-> 1
Build a web application development environment that uses Java, MySQL, and Redis with Docker CE for Windows
[Rails] Building an environment for developing web applications
From creating a Spring Boot project to running an application with VS Code
[Azure] I tried to create a Java application for free ~ Connect with FTP ~ [Beginner]
[Beginner] Create a competitive game with basic Java knowledge
[Note] Create a java environment from scratch with docker
(For myself) Build an IDE that you can touch from a browser with docker (trial)
From studying programming for 2 months to releasing a web application
Procedure for publishing an application using AWS (4) Creating a database
Until you create a Web application with Servlet / JSP (Part 1)
Building an environment for creating apps with Rails and Vue
How to build an environment with Docker, which is the minimum required to start a Rails application
AWS Elastic Beanstalk # 1 with Java starting from scratch-Building a Java web application environment using the EB CLI-
Let's make a book management web application with Spring Boot part1
Let's make a book management web application with Spring Boot part3
Procedure for building a Rails application development environment with Docker [Rails, MySQL, Docker]
I tried to build an http2 development environment with Eclipse + Tomcat
Let's make a book management web application with Spring Boot part2
(For myself) Try creating a C # environment with docker + code-server, cloud9
Build a development environment for Django + MySQL + nginx with Docker Compose
Create a Vue3 environment with Docker!
Build a Node.js environment with Docker
Build a Tomcat 8.5 environment with Pleiades 4.8
Let's create Ubuntu environment with vmware
About creating an application with springboot
Build jooby development environment with Eclipse
Build a Windows application test environment with Selenium Grid, Appium, and Windows Application Driver
I tried to build a Firebase application development environment with Docker in 2020
Build a local development environment for Rails tutorials with Docker (Rails 6 + PostgreSQL + Webpack)
[Java] Deploy a web application created with Eclipse + Maven + Ontology on Heroku