MVCモデルによるWebアプリケーション開発（No５.元本投資）-EE8
JavaEE8（JSP・Servlet）の環境でWebアプリケーションの開発方法を学ぶ講座をシリーズで提供しています。今回は部品として作成されたクラスファイル（元本投資のシミュレーションをhtml形式で出力するBean）を活用する方法を学びます。チーム開発での役割分担を想定しています。
2024年9月よりECLIPSEのバージョンを最新版（Version: 2024-06 (4.32.0)）に変更しました。
開発概要
JavaEE8アプリケーション・サーバ（Tomcat）を利用して開発を行うということを前提に実装を進めていきます。開発ツールには統合開発環境のEclipseを用いることにします。
題材として元本投資のシミュレーションを行うWebアプリケーションを作成します。入力画面に元本(金額)、年率、期間を入力すると、運用収益のシミュレーション結果を表示する画面に遷移します。運用収益を計算するBeanは提供します。このBeanは、参照先に示す「野村證券のマネーシミュレータ」と同じ結果を返すようオリジナルで作成したものです。
（参照先）
野村証券 マネーシミュレータ「みらい電卓」https://www.nomura.co.jp/hajimete/simulation/unyou.html
JavaEE8環境ですので使用言語は当然Java（JSP・Servlet）となり、設計技法にはMVCモデルを使います。MVCモデルとはWebアプリケーションの構成をModel（業務ロジック）ーView（表示）ーController（制御）に分割して設計する技法です。３つのモデルに役割分担することで部品化が促され、ひいてはチーム開発に貢献します。
今回、業務ロジックであるBeanは作成しません。他のチームメンバーが作成したという想定で提供されたBeanを活用することにします。
実装していく過程でEclipseの利用方法が不明な場合は、別途メール等でお知らせください。この講座では、作成済みの仕様と設計書から「JavaEE8環境でのMVCモデルの実装の仕組みを学ぶ」ことを目的とします。
開発方針
Webアプリケーションの開発環境には図１のようにEclipse2024を用います。
Spring等のフレームワークは使用しません。これは、MVCモデルにおけるhttpプロトコルの処理の実装を直に学んでいただきたいためです。
開発に必要な仕様と最小限の設計ドキュメントは提示します。この情報をもとに、まずは、自分で試行錯誤しながら実装してみてください。
設計仕様
【元本投資シミュレーションの仕様】
以下の条件を実現するWebアプリケーションの作成を行います。
（条件）
・urlを指定してサイトにアクセスすると３つの入力欄（元本、年率、期間）と「シミュレーションボタン」が配置された画面を表示します。
・元本とは運用するお金、年率とは１年間の想定利回りを表しています。
・元本は円単位の金額で、年率は％の実数値を小数点以下2桁で、期間は年単位で入力します。
・「シミュレーションボタン」をクリックすると画面が遷移して運用収益の履歴を表示します。
・運用収益は年複利で四捨五入による元加を行い非課税で算出しています。
【Model（処理ロジック）】
InvestmentSimBean.classが提供されます。
（仕様）
・引数で元本(金額)と年率(実数値)と期間(年)を受け取る
・年毎の運用収益を計算しhtml形式で変数に保持する
・運用収益の変数はメソッドで外部に公開される
外部設計
接続urlはhttp://localhost:8080/money/Investmentとします。よってEclipseの動的Webプロジェクトの名前はmoneyとなり、サーブレットのurlパターンはInvestmentとなります。
Eclipseのメニューバーより
ファイル→新規→動的Webプロジェクト→「money」プロジェクトを作成する→図1.1の内容で設定する
※作成済みであればこの処理は必要ありません
urlにアクセスすると図２のような、起動画面が表示されます。元本と年率と期間を入力して「シミュレーションボタン」をクリックすると、図３のように運用収益のシミュレーション結果の表示画面に遷移します。
内部設計
クラス連携図は図４のようになります。
提供される元本投資計算ロジック（InvestmentSimBean.class）の使い方とクラス図は以下のようになります。
（使い方）
・InvestmentSimBeanクラスを元本と利率と期間の３つの引数をもつコンストラクタで実体化します。
・simulationメソッドを実行することでsimフィールドに運用収益の履歴がhtml文字列で表組されます。
・利用側のクラスはgetSim()メソッドで運用収益の履歴を取得します。
（クラス図）
実装手順
１．元本投資計算ロジック用JavaBeansクラスを使用する準備をします
(1)クラスファイルの準備をします
以下Windows環境を想定しています。
事前に「提供Beanフォルダ」を作成しておきます（例 c:￥提供Bean）。
提供Beanフォルダ内にInvestmentSimBean.classを保存しておきます。
その際パッケージの階層に従ってください。
（例 c:￥提供Bean￥jp￥ict￥aso￥model￥InvestmentSimBean.class）
(2)InvestmentSimBean.classをEclipseのビルド・パスに追加します
Eclipseパッケージ・エクスプローラより
moneyプロジェクトを右クリック→ビルド・パス→ビルド・パスの構成→「ライブラリ」タブ→「クラスパス」クリック→外部クラス・フォルダーの追加→「提供Bean」を指定します→最後に「適用して閉じる」をクリック
※図５のように一度設定されていれば再度設定する必要はありません。
２．リクエストコントロール用Servletクラスを作成します
Eclipseパッケージ・エクスプローラより
moneyプロジェクトを右クリック→新規→その他→Web→サーブレット
→以下の内容で作成する
・InvestmentServlet.java
パッケージ：jp.ict.aso.controller
クラス名：InvestmentServlet
ソースコード：考えましょう！ ※アノテーションは/Investment
３．元本・利率・期間の入力画面のJSPファイルを作成します
Eclipseパッケージ・エクスプローラより
moneyプロジェクトを右クリック→新規→その他→Web→JSPファイル
→以下の内容で作成する
・investmentForm.jsp
保存場所：money/src/main/webapp/WEB-INF/jsp ← 注意！
ファイル名：investmentForm.jsp
ソースコード：考えましょう！
４．シミュレーション結果の出力画面のJSPファイルを作成します
Eclipseパッケージ・エクスプローラより
moneyプロジェクトを右クリック→新規→その他→Web→JSPファイル
→以下の内容で作成する
・investmentResult.jsp
保存場所：money/src/main/webapp/WEB-INF/jsp ← 注意！
ファイル名：investmentResult.jsp
ソースコード：考えましょう！
実行確認
サーブレットクラス（InvestmentServlet.java）を実行します。起動後パラメータを入力して、シミュレーションボタンをクリックすると、、
１．InternalServerErrorとなります
実行用Beanのデプロイ（配置）が必要です。この設定を行わないと図６のような実行時エラーになります。
Eclipseパッケージ・エクスプローラより
InvestmentServlet.javaを右クリック→実行→サーバーで実行
→図６のようにエラーとなる
２．実行用Beanを配置します
InvestmentSimBean.classをEclipseの実行時のクラスパスに追加します。
Eclipseプロジェクト・エクスプローラより
（パッケージ・エクスプローラではありません！）
moneyプロジェクトを展開→buildを展開→classesを展開→jpを展開→ictを展開→asoを展開→modelがなければ作成
図７のようにmodelフォルダの位置へInvestmentSimBean.classをドラッグ＆ドロップすることで実行時クラスパスにBeanが追加されます。
※Eclipseを終了させると、再度追加が必要な場合があります。
３．再度実行します
Tomcatサーバを再起動したのち、再度サーブレットクラス（InvestmentServlet.java）を実行します。
Eclipseパッケージ・エクスプローラより
InvestmentServlet.javaを右クリック→実行→サーバーで実行
→図８のように実行される
ソースコード例と提供Bean
以下に各プログラムのソースコードの例（本文内では「考えましょう！」になっている部分）を示しますので、実装の参考にしてください。
また、提供BeanとしてInvestmentSIｍBean.class（元本投資のシミュレーションをhtml形式で出力するBean）を次のセクションに置きますので、ダウンロードして使用してください。
ここから先は
¥ 1,000
Amazonギフトカード5,000円分が当たる
この記事が気に入ったらチップで応援してみませんか？