2
5

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 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
###ダウンロード
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

###ダウンロード

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

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?