EclipseでJSPを使った九九表作成:二重ループによるHTML出力の方法

HTML、CSS

Javaエンジニアの学習課題として、JSPで九九表を表示する方法は基本的な練習に最適です。Eclipseを利用してJSPを作成する場合、二重ループを活用することで、HTMLの表形式で効率的に九九の結果を表示できます。本記事では、具体的な実装例とポイントを解説します。

JSPでのHTML表作成の基本

JSPでは、HTMLのタグを直接記述しつつ、Javaコードを<% %>の中に書くことで動的に内容を生成できます。tableタグを使えば、行(<tr>)と列(<td>)で表を作成可能です。

サンプルとして、3×3の表をHTMLで作成する場合、固定値でも記述できますが、九九表のように数値を動的に生成する場合は二重ループが有効です。

二重ループを用いた九九表の実装例

以下はJSPでの二重ループを使った基本例です。

<table border="1"><% for(int i=1;i<=9;i++){ %>  <tr>    <% for(int j=1;j<=9;j++){ %>      <td><%= i*j %></td>    <% } %>  </tr><% } %></table>

このコードでは、外側のループが行(i)を、内側のループが列(j)を制御しており、九九の計算結果を<td>タグ内に出力しています。

EclipseでのJSP実行手順

EclipseでJSPを実行するには、まずDynamic Web Projectを作成し、WebContent内にJSPファイルを配置します。Tomcatなどのサーバーを設定して、ブラウザで確認することができます。

プロジェクト作成時にJSPサポートを有効にしておくことがポイントです。また、JSPファイルはUTF-8で保存し、文字化けを防ぐように設定してください。

出力例と確認

上記の二重ループを使用すると、ブラウザ上では9×9の九九表が表形式で表示されます。HTMLの表タグにborder属性を付けることで、見やすく枠線付きで確認可能です。

例えば、i=1,j=1~3とi=2,j=1~3の範囲だけを表示すると、以下のような出力になります:あ い う
か き く

まとめ:JSPと二重ループで効率的に九九表を生成

EclipseでJSPを使った九九表作成は、二重ループの活用が鍵です。外側ループで行を、内側ループで列を制御することで、簡単にHTML表形式の出力が可能です。Dynamic Web Projectとサーバー環境を整えることで、ブラウザ上で正しく表示されることを確認できます。これにより、動的コンテンツ生成の基本を学ぶことができます。

コメント

タイトルとURLをコピーしました