JSP の三角形パターン | ウェブ開発チュートリアル

はじめに

このプロジェクトでは、JSP（Java Server Pages）でoutオブジェクトとforループを使って、Web ページ上に三角形のパターンを出力する方法を学びます。

👀 プレビュー

🎯 タスク

このプロジェクトでは、以下のことを学びます。

outオブジェクトを使って Web ページに出力を表示する方法
forループを実装して反復処理を行い、三角形のパターンを生成する方法
三角形の各行の後に新しい行を始めるために<br>タグを使う方法

🏆 成果

このプロジェクトを完了すると、以下のことができるようになります。

JSP を使って Web ページ上に動的な出力を生成する
JSP でループを使って繰り返しパターンを作成する基本を理解する
出力を整形するために<br>などの適切な HTML タグを使う重要性を認識する

Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL java(("Java")) -.-> java/BasicSyntaxGroup(["Basic Syntax"]) java(("Java")) -.-> java/ConcurrentandNetworkProgrammingGroup(["Concurrent and Network Programming"]) java/BasicSyntaxGroup -.-> java/for_loop("For Loop") java/BasicSyntaxGroup -.-> java/output("Output") java/ConcurrentandNetworkProgrammingGroup -.-> java/working("Working") subgraph Lab Skills java/for_loop -.-> lab-300388{{"アウトオブジェクトを使った三角形の出力"}} java/output -.-> lab-300388{{"アウトオブジェクトを使った三角形の出力"}} java/working -.-> lab-300388{{"アウトオブジェクトを使った三角形の出力"}} end

三角形の出力

このステップでは、index.jspファイルに 10 行の三角形を出力するためにoutオブジェクトとforループをどのように使うかを学びます。

/home/labex/project/TriangleProjectディレクトリにあるindex.jspファイルを開きます。
<body>セクションの中に、次のコードを追加します。

<%
    for(int i = 0;i < 10; i++){
        for(int j = 0 ; j <= i ; j++){
            out.print("*");
        }
        out.print("<br>");
    }
%>

このコードはネストされたforループを使って三角形を出力します。外側のループは 10 回反復し、三角形の 10 行を表します。内側のループは 0 から現在の行インデックスiまで反復し、各反復でアスタリスク（*）を出力します。

各行が出力された後、<br>タグを使って新しい行を始めます。

index.jspファイルを保存します。

✨ 解答を確認して練習

出力の確認

出力を確認するには、次の手順に従います。

ターミナルを開き、Tomcat ディレクトリに移動します。

cd /opt/apache-tomcat-8.5.54/bin

TriangleProject プロジェクトを Tomcat の webapps ディレクトリにコピーします。

cp -r ~/project/TriangleProject/ /opt/apache-tomcat-8.5.54/webapps/

Tomcat サーバーを起動します。

./startup.sh

Web ブラウザを開き、次の URL に移動します。

http://localhost:8080/TriangleProject/

ページには、元のチャレンジの例のスクリーンショットに示されているように、三角形のパターンが表示されるはずです。

おめでとうございます！ index.jsp ファイルに三角形を出力するために out オブジェクトと for ループを使用して、プロジェクトを正常に完了しました。

✨ 解答を確認して練習

まとめ

おめでとうございます！このプロジェクトを完了しました。あなたの技術を向上させるために、LabEx でさらに多くの実験を行って練習することができます。