LoginSignup
2
5

More than 3 years have passed since last update.

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

Last updated at Posted at 2020-04-01

Overview

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

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

概要

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

MYSQL

ダウンロード

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

ダウンロード

image.png

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

Tomcat

ダウンロード

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

IDE

Eclipse

ダウンロード

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

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

2
5
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
2
5