JavaサーブレットとJSPファイルを使ったCRUDアプリケーションの作成

1.環境
(1)開発環境
OS: Windows 10 Pro
IDE:Eclipse IDE for Enterprise Java Developers Version: 2020-12 (4.18.0)
Java version:11.0.9、Tomcat v8.0
(2)データベース
XAMPPのmysql
mysql Ver 15.1 Distrib 10.4.17-MariaDB, for Win64 (AMD64)

2.アプリケーションの概要

 データベースに対して、ユーザー名の登録、参照、更新、削除を行う。

3.設計
(1)CRUD表

(2)ER図

(3)クラス図

(4)シーケンス図

4.実装
(1)プロジェクトフォルダ作成
ファイル>新規>その他を選択し、「動的Webプロジェクト」を選択

(2)mysqlドライバーのビルドパスを設定
 プロジェクトフォルダのWebContent/WEB-INF/libに
MysqlコネクタMysql-connector-java-8.0.12.jarをダウンロードし保存する。
https://dev.mysql.com/downloads/connector/j/
 プロジェクトを選択してマウス右ボタンで「ビルド・パス」>「ビルド・パスの構成」を選択して、「javaのビルドパス」の画面を表示する。(下図)
「JARの追加」を選択し、「JARの選択」画面で、WebContent/WEB-INF/lib配下の「Mysql-connector-java-8.0.12.jar」を選択して、適用する。

(3)ソースファイル
Index.jsp(ユーザー管理画面)


UserReghist.jsp(ユーザー登録画面)


UserList.jsp(ユーザー一覧画面)


UserUpdate.jsp(ユーザー変更画面)


OK.jsp(登録成功確認画面)


NG.jsp(登録失敗確認画面)


DelOK.jsp(削除成功確認画面)


DelNG.jsp(削除失敗確認画面)


UserCnt.java(コントローラ)
「ユーザー登録画面」からのpost受信処理


UserCnt2.java(コントローラ)
「ユーザー管理画面」からのget受信処理
「ユーザー一覧画面」からのpost受信処理

UserCnt3.java(コントローラ)
「ユーザー変更画面」からのpost受信処理

UserModel.java(データモデル)


UserRegist.java(DAOパターン)

(4)データベースとテーブル作成
データベース作成
・データベースの作成
CREATE DATABASE crud_sample;
・DB接続
USE crud_sample;

・テーブル作成CREATE TABLE tbl_user(user_id INTEGER NOT NULL PRIMARY KEY AUTO_INCREMENT,user_name VARCHAR(100));

5.実行

(1)XAMPPのMySQLサーバを起動する

(2)アプリケーションを選択して、実行ボタン▷を押す

(3)ブラウザからWebサーバに接続http://localhost:8080/Crud_sample/

「ユーザー登録」ボタン押下

名前:テストネームを入力し、「登録」ボタン押下

「ユーザー管理」画面で「ユーザー一覧」ボタン押下

ID:47の「変更」ボタン押下

ID:47の「削除」ボタン押下

The subject ends herewith.