質問するログイン新規登録

Q&A

1回答

927閲覧

eclipseで、画像の表示ができない

ishiken1205

総合スコア0

JSP

JSP(Java Server Pages)とは、ウェブアプリケーションの表示レイヤーに使われるサーバーサイドの技術のことです。

Java

Javaは、1995年にサン・マイクロシステムズが開発したプログラミング言語です。表記法はC言語に似ていますが、既存のプログラミング言語の短所を踏まえていちから設計されており、最初からオブジェクト指向性を備えてデザインされています。セキュリティ面が強力であることや、ネットワーク環境での利用に向いていることが特徴です。Javaで作られたソフトウェアは基本的にいかなるプラットフォームでも作動します。

Eclipse

Eclipseは、IBM社で開発された統合開発環境のひとつです。2001年11月にオープンソース化されました。 たくさんのプラグインがあり自由に機能を追加をすることができるため、開発ツールにおける共通プラットフォームとして位置づけられています。 Eclipse自体は、Javaで実装されています。

0グッド

0クリップ

投稿2024/03/09 04:42

0

0

実現したいこと

eclipseでブラウザ上で画像を表示したい

発生している問題・分からないこと

イメージ説明
イメージ説明
imagesファイルにarrow.pngを配置しているはずなのに、どうしてもブラウザ上で表示されない

該当のソースコード

index.jsp

1<%@ page language="java" contentType="text/html; charset=UTF-8" 2 pageEncoding="UTF-8"%> 3<!DOCTYPE html> 4<html> 5<head> 6<meta charset="UTF-8"> 7<title>新規商品準備アプリケーション</title> 8<link rel="stylesheet" type="text/css" href="./css/style.css"> 9</head> 10<body> 11<h1>新規商品準備アプリケーション</h1> 12<img src="images/arrow.png"> 13<hr> 14<h2>商品の登録</h2> 15${msgOnRegister} 16<form action="MainServlet" method="post"> 17<input type="hidden" name="link" value="registerProduct"> 18<label>商品名</label><input type="text" name="name"><br> 19<label>縦×横(cm)</label><input type="number" name="height">×<input type="number" name="width"><br> 20<label>入数(ロット)</label><input type="number" name="lot"><br> 21<label>入荷ケース数(ケース)</label><input type="number" name="inCase"><br> 22<label>予測出荷割合(%)</label><input type="number" name="outRate"> 23<input type="submit" value="登録"> 24</form> 25<br> 26<hr> 27<h2>新規商品リスト</h2> 28${msgOnList} 29${productList} 30<br> 31<hr> 32<br> 33<form action="MainServlet" method="post"> 34<input type="hidden" name="link" value="output"> 35<input type="submit" value="出力"> 36</form> 37</body> 38</html>

MainServlet

1package servlet; 2 3import java.io.IOException; 4 5import dao.ProductDAO; 6import jakarta.servlet.RequestDispatcher; 7import jakarta.servlet.ServletException; 8import jakarta.servlet.http.HttpServlet; 9import jakarta.servlet.http.HttpServletRequest; 10import jakarta.servlet.http.HttpServletResponse; 11import model.DeleteProductLogic; 12import model.OutputLogic; 13import model.RegisterProductLogic; 14 15public class MainServlet extends HttpServlet { 16 private static final long serialVersionUID = 1L; 17 protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { 18 ProductDAO dao = new ProductDAO(); 19 String productList = dao.findByProductList(); 20 request.setAttribute("productList", productList); 21 RequestDispatcher rd = request.getRequestDispatcher("WEB-INF/jsp/index.jsp"); 22 rd.forward(request, response); 23 } 24 protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { 25 String link = request.getParameter("link"); 26 if(link.equals("registerProduct")) { 27 RegisterProductLogic rpl = new RegisterProductLogic(); 28 String msg = rpl.execute(request.getParameter("name"), request.getParameter("height"), request.getParameter("width"), request.getParameter("lot"), request.getParameter("inCase"), request.getParameter("outRate")); 29 request.setAttribute("msgOnRegister", msg); 30 ProductDAO dao = new ProductDAO(); 31 String productList = dao.findByProductList(); 32 request.setAttribute("productList", productList); 33 RequestDispatcher rd = request.getRequestDispatcher("WEB-INF/jsp/index.jsp"); 34 rd.forward(request, response); 35 }if(link.equals("deleteProduct")) { 36 String productName = request.getParameter("name"); 37 DeleteProductLogic dpl = new DeleteProductLogic(); 38 String msg = dpl.execute(productName); 39 request.setAttribute("msgOnList", msg); 40 ProductDAO dao = new ProductDAO(); 41 String productList = dao.findByProductList(); 42 request.setAttribute("productList", productList); 43 RequestDispatcher rd = request.getRequestDispatcher("WEB-INF/jsp/index.jsp"); 44 rd.forward(request, response); 45 }if(link.equals("output")) { 46 OutputLogic ol = new OutputLogic(); 47 String table = ol.execute(); 48 request.setAttribute("table", table); 49 RequestDispatcher rd = request.getRequestDispatcher("WEB-INF/jsp/output.jsp"); 50 rd.forward(request, response); 51 } 52 } 53}

試したこと・調べたこと

  • teratailやGoogle等で検索した
  • ソースコードを自分なりに変更した
  • 知人に聞いた
  • その他
上記の詳細・結果

WEB-INF/imagesにarrows.pngを配置したりしてみたが、表示されなかった。

補足

特になし

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

dodox86

2024/03/09 05:03

> WEB-INF/imagesにarrows.pngを配置したりしてみたが、表示されなかった。 とのことですが、src/main/webapp/css/ ディレクトリに*.cssファイルである style.cssがあって、JSPの <link rel="stylesheet" type="text/css" href="./css/style.css"> にてCSSがHTMLにちゃんと効いているなら、arrow.png を配置すべきディレクトリは ./css/ と同じ階層の src/main/webapp/images/arrow.png ではないでしょうか。
ishiken1205

2024/03/09 06:17

コメントありがとうございます。⚪︎⚪︎を試したところ問題が解決しました! ベストアンサーに選びたいので同じ内容を回答欄に投稿いただけますでしょうか?
dodox86

2024/03/09 07:11

投稿時の意味は同じに、少し修正して回答に投稿しました。
guest

回答1

0

WEB-INF/imagesにarrows.pngを配置したりしてみたが、表示されなかった。

とのことですが、src/main/webapp/css/ ディレクトリ下に cssファイルである style.css があって、JSPの記述部分

html

1<link rel="stylesheet" type="text/css" href="./css/style.css">

にてCSSがHTMLにちゃんと効いているなら、画像ファイル arrow.png を配置すべきディレクトリは ./css/ と同じ階層の src/main/webapp/images/arrow.png と思われます。確認してみてください。

投稿2024/03/09 07:08

dodox86

総合スコア9427

dodox86

2024/03/09 07:13

自分が今扱っているPATHのカレントディレクトリは何処なのかを常に把握、意識するのは、Javaサーブレット/JSPに限らずWEBサーバーとの連携にて意外と重要なポイントだと思います。注意してみましょう。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.25%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問