LoginSignup
5
9

More than 5 years have passed since last update.

Spring4勉強会 第七回

Posted at

Spring勉強会 第七回

今回はSpringMVCにて、cssやjsをロードする方法

mvc-config.xmlへの追記

<!-- webapp下にjsやcssを配置する際の指定。resources下を全てresourceとみなす -->
<mvc:resources mapping="/resources/**" location="/resources/" />

これを追記する

jspに読み込むresourceを記述する

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Test</title>
<link href="<c:url value="/resources/css/test.css" />" rel="stylesheet">
</head>
<body>
<div id="max">${max}</div>
</body>
</html>

簡単なjspを例にとってます。
ようは

<link href="<c:url value="/resources/css/test.css" />" rel="stylesheet">

してるだけです。
ただ、c:urlしているので、

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

が必要です。

cssの配置

以下のキャプチャのような場所に配置すれば、今回のtest.jspでは参照できます。
あとはよしなにやれば上手くいきます。

css.png

5
9
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
5
9