質問
基本的な質問ですが、jspにcssが反映されず困っております。
LoginServlet
実行→login.jsp
フォワードの初期表示でcssの反映ができておりません。
配置や書き方など、どこを修正すれば反映されるようになるでしょうか?
ご教示頂けますと幸いです。
また、不足情報があれば追記させていただきます。
よろしくお願いいたします。
構成
ソース
login.jsp
jsp
1<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> 2<!DOCTYPE html> 3<html> 4<head> 5<meta charset="UTF-8"> 6<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/base.css"> 7<title>ログイン画面</title> 8</head> 9<body> 10 <h1>Schedule Manager</h1> 11 <form action="LoginServlet" method="POST"> 12 ユーザID:<input type="text" name="userId"><br> 13 パスワード:<input type="password" name="userPw"><br> 14 <input type="submit" value="ログイン"> 15 </form> 16</body> 17</html>
base.css
css
1@charset "UTF-8"; 2 3h1 { 4 color: blue; 5}
追記情報
<追記1>
m.ts10806 様 - 2021/03/01 12:48
ブラウザに表示されたhtmlではどのようなパス表記になっていましたか?
以下の通りです。
/ScheduleManager/css/base.css
<追記2>
m.ts10806 様 - 2021/03/01 14:04
404エラーなくURLアクセスできるのでしたらキャッシュの影響は薄そうです。
見ただけならCSSも問題はなさそう。
bodyに背景色とか書いてみてください。明らかに違いがわかる指定ですね。
確かにh1に文字色青はわかりやすいとは思うのですけど
<追記3>
m.ts10806 様 - 2021/03/01 14:25
念の為サーブレット側のコードも提示いただけますか?
ブラウザの画面キャプチャも可能なら
勉強中につき汚く、すみません。
LoginServlet.java
java
1package servlets; 2 3import java.io.IOException; 4 5import javax.servlet.RequestDispatcher; 6import javax.servlet.ServletException; 7import javax.servlet.annotation.WebServlet; 8import javax.servlet.http.HttpServlet; 9import javax.servlet.http.HttpServletRequest; 10import javax.servlet.http.HttpServletResponse; 11 12import beans.UserInfoBean; 13 14/** 15 * Servlet implementation class LoginServlet 16 */ 17@WebServlet("/LoginServlet") 18public class LoginServlet extends HttpServlet { 19 private static final long serialVersionUID = 1L; 20 21 /** 22 * @see HttpServlet#HttpServlet() 23 */ 24 public LoginServlet() { 25 super(); 26 // TODO Auto-generated constructor stub 27 } 28 29 /** 30 * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response) 31 */ 32 protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { 33 // TODO Auto-generated method stub 34 response.getWriter().append("Served at: ").append(request.getContextPath()); 35 36 String view = "/WEB-INF/jsp/login.jsp"; 37 RequestDispatcher dispatcher = request.getRequestDispatcher(view); 38 dispatcher.forward(request, response); 39 40 } 41 42 /** 43 * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response) 44 */ 45 protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { 46 // ユーザログイン情報取得 47 48 UserInfoBean userInfo = new UserInfoBean(); 49 userInfo.setUserId(request.getParameter("userId")); 50 userInfo.setUserPw(request.getParameter("userPw")); 51 52 53 // ユーザ認証 54 userInfo = Common.authUser(userInfo); 55 56 57 // セッションにユーザ情報を格納 58 59 60 61 // 画面表示 62 String view = "/WEB-INF/jsp/top.jsp"; 63 64 request.setAttribute("userInfo", userInfo); 65 66 RequestDispatcher dispatcher = request.getRequestDispatcher(view); 67 dispatcher.forward(request, response); 68 69 70 } 71 72} 73
回答1件
あなたの回答
tips
プレビュー