7
7

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Java初心者でもできたJSP + Eclipse + Jetty開発環境構築

Last updated at Posted at 2018-01-22

仕事で少し必要に迫られてJavaでのWeb開発を手がけました。初心者には、単語の理解から開始で厳しかったですが、何とか出来ました:sweat_smile: 調査含めて、だいたい半日から1日程度です。
初心者のやっている手順なので、不備な点など多いかもしれません。

SAP関連の開発をしようとして、JDKインストールを以下の記事に記録しています(JDK以外もあり)。

#環境構築手順
##1. Eclipseダウンロード
公式ページダウンロードサイトからインストールファイルをダウンロード。インストールファイルを実行。

「Eclipse IDE for Java EE Developers」を選択。
「Eclipse IDE for Java Developers」と「Eclipse IDE for Java EE Developers」とで迷いましたが、記事「JavaでWeb開発のEclipseは、Eclipse IDE for Java EE Developersを選ぼう」を見て判断
10.EclipseInstall01.JPG

インストール先の選択。
10.EclipseInstall02.JPG

使用許諾の承諾。
10.EclipseInstall03.JPG

LAUNCHを押して1回失敗しましたが、再実行したらうまくいきました。
10.EclipseInstall04.JPG

Workspaceをデフォルトに設定。
10.EclipseInstall05.JPG

Jettyプラグインの導入

メニュから Help -> Eclipse Marketplace を選択。

Eclipse Jetty3.9.0とRun-Jetty-Run 1.3.5-nightlyをインストール(使用許諾画面等は省略)。両者をインストール後に再起動しました。
20.JettyInstall01.JPG

#JSP作成・確認手順
##1. プロジェクト作成
Project Explorerで右クリックして New -> Project を選択。
30.CreateJSP01.JPG

Dynamic Web Project を選択。
30.CreateJSP02.JPG

Project nameを入力してFinish。
スクリーンショット上では項目「Target runtime」が「None」となっていますが、「J2EE Preview」を入力しておくと、後々に出る警告「The superclass “javax.servlet.http.HttpServlet” was not found on the Java Build Path 」が消えてくれます。
30.CreateJSP03.JPG

##2. JSP登録
Project Explorerの「Web Content」フォルダで右クリックして、New -> Other を選択。
30.CreateJSP04.JPG

JSP File を選択。
30.CreateJSP05.JPG

ファイル名を入力して終了。
30.CreateJSP06.JPG

JSPファイルは、こんなソースにしています。bodyタグに日時を出力するように記述。

index.jsp
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
<%= new java.util.Date() %>
</body>
</html>

#3. Jetty起動
作成したJSPファイルで右クリックして、 Run As -> 2 Run Jettyを選択。
30.CreateJSP08.JPG

#4. ブラウザでアクセス
ブラウザでJSPを開きます。今回は、ポートをデフォルトの8080でプロジェクト名がHelloWorldなので、下記URLで開きます(ファイル名が"index.jsp"なのでHelloWorld以下は指定していません)。
http://localhost:8080/HelloWorld/

画面のように日時が表示されました!
30.CreateJSP09.JPG

7
7
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
7
7

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?