Help us understand the problem. What is going on with this article?

Win10上でJavaとmysqlのWebシステム構築手順

Overview

今回は一般的な開発環境を作ります。

本番のシステムの場合は適切なセキュリティ対策を行うする必要があります。

概要

  • Mysql
    • ダウンロード
    • インストール
    • 設定
  • Java
    • Download
    • 展開するフォルダー
  • Tomcat
    • ダウンロード
    • 展開するフォルダー
  • IDE
    • ダウンロード
    • インストール
    • 設定など
  • テスト
    • サーバーにデプロイ
    • DBと接続

MYSQL

ダウンロード

https://dev.mysql.com/downloads/installer/

image.png

次の画面

image.png

ダウンロードしたものをインストール
image.png

インストール手順

image.png

そのまま次

image.png

次へ

image.png

次へ

image.png

次へ

image.png

次へ

image.png

ルートパスワードを設定、次へ

image.png

次へ

image.png

Execute !

image.png

image.png

image.png

image.png

image.png

事前に設定されたパスワードを入力し、チェックをクリック。次へ

image.png

Executeをクリック

image.png

image.png

image.png

完了

Java

ダウンロード

https://jdk.java.net/java-se-ri/11

image.png

ダウンロードしたファイル展開して「ドキュメント」フォルダに移動

Tomcat

ダウンロード

https://ftp.yz.yamagata-u.ac.jp/pub/network/apache/tomcat/tomcat-9/v9.0.33/bin/apache-tomcat-9.0.33-windows-x64.zip

展開して、JDKと同じように「ドキュメント」フォルダに移動し、完了。

IDE

Eclipse

ダウンロード

https://www.eclipse.org/downloads/download.php?file=/oomph/epp/2020-03/R/eclipse-inst-win64.exe

image.png

インストール手順

今回WEB系なのでEnterprise Javaを使う必要になります。
image.png

JDKの設定

image.png
先移動したフォルダーを設定。
image.png

image.png

インストールをクリックして、終わったら以下の画面出てきます。

image.png

「ドキュメント」フォルダの中に「new_workspace」フォルダを作成し、設定します。
image.png
LAUNCHをクリックして以下の画面が現れます。
image.png

-「Maven Project」を作成

image.png

設定

image.png

image.png

image.png

それでWeb用なMavenプロジェクトを作成完了。

サーバー環境の設定

image.png
左にあるメニューから「Server」選んで「Runtime Environment」と「Add...」
image.png
先インストールしたTomcatはバージョン9です。
image.png

インストールされたフォルダを選んで
image.png
image.png

jdkを確認して
image.png
先「ドキュメント」フォルダに移動したJDKが設定されているかどうか
image.png
じゃなかったら設定し、悶えなければ「Finish」
image.png

「Apply and Close」
image.png
完了。

テスト

Tomcat&Java

image.png

「Run on Server」
image.png

image.png

image.png

Java&Mysql

接続するための追加

https://mvnrepository.com/artifact/mysql/mysql-connector-java/8.0.19
上のリンク以下のページへ、赤いまるの情報をコーピします。
image.png

pom.xmlに追加
image.png

保存するとMavenがダウロードしてくれる。
image.png

以下のコードも追加してください。

<dependency>
<groupId>javax.servlet</groupId>
<artifactId>javax.servlet-api</artifactId>
<version>3.0.1</version>
<scope>provided</scope>
</dependency>
image.png

接続コード

これからindex.htmlに追加します。
image.png
一番上の列には以下のコードを追加してください。

<%@ page import="java.sql.*" %>

「<body>」タグの中に以下のコードをコーピ。password のところだけ、事前に設定されたパスワードを変えてください。

<%
Class.forName("com.mysql.cj.jdbc.Driver");
try (Connection connection = DriverManager.getConnection("jdbc:mysql://localhost:3306/mysql?useUnicode=true&useJDBCCompliantTimezoneShift=true&useLegacyDatetimeCode=false&serverTimezone=UTC", "root", "password");) {
System.out.println("connect success");
}catch (Exception e)
{
System.out.println(e);
}%>

そして
image.png

データベースに接続完了。

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away