겉바속촉

[spring] 이미지 띄우기 본문

IT일기(하반기)/SPRING

[spring] 이미지 띄우기

겉바속촉 2020. 6. 26. 17:45
728x90
반응형

이번에는 이미지 출력을 해보도록 할게요:)

 

다음과 같이 servlet-context.xml로 가셔서 형광펜으로 표시한 부분대로 해주세요

<resources mapping="/image/**" location="/WEB-INF/폴더파일이름/" /> 

 

 

 

 

그리고 프로젝트생성할 때마다 잊지 말아야할 것!!!!

springframework 버전 5.1.2 로 바꿔주셔야합니다:)

 

 

 

자동으로 생성되어있는

HomeController.java로 가주세요

다음 표시한 부분대로 @RequestMapping을 작성해주었습니다.

저는 image폴더에다가 이미지들을 복붙으로 넣어주었는데요

그 중 하나를 "myimg1"라는 이름으로

"좋아하는 캐릭터"라는 문장을 "title"이라는 이름으로 보냈습니다.

 

 

 

HomeController.java

package spring.day0626.res;

import java.text.DateFormat;
import java.util.Date;
import java.util.Locale;

import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;

/**
 * Handles requests for the application home page.
 */
@Controller
public class HomeController {
	
	private static final Logger logger = LoggerFactory.getLogger(HomeController.class);
	
	/**
	 * Simply selects the home view to render by returning its name.
	 */
	@RequestMapping(value = "/", method = RequestMethod.GET)
	public String home(Locale locale, Model model) {
		
		model.addAttribute("myimg1", "image/10.png");
		model.addAttribute("title", "좋아하는 캐릭터");
		
		
		return "shop/list";
	}
	
}

 

 

이제 홈컨트롤러에서 보낸 데이터를 받을 list.jsp를 만들어야 합니다:)

다음 그림처럼요!!

 

 

 

 

list.jsp ---> 값을 출력해줄 때는 우리가 홈 컨트롤러에서 지정해준 이름을 넣어주시면 ok!!

                src="${ 지정해준 이름 }"

 

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"  %>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
 <script src="https://code.jquery.com/jquery-3.5.1.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<title>Insert title here</title>
</head>
<body>
<h1>${title }</h1>
<img alt="" src="${myimg1 }">
</body>
</html>

 

 

컴파일해주시면

다음과 같이 결과창이 출력됩니다:)

 

728x90
반응형