[Spring] 버튼 클릭 시 데이터 보여주기

 

chikaka-dev.tistory.com/15

[Spring] spring(sts) postgresql DB 연동

chikaka-dev.tistory.com/17?category=883203

[Spring] DB에서 데이터 가져오기

<위 두 과정을 바탕으로 응용하였습니다.>

 

 

 

 

 

버튼을 클릭 했을 때 원하는 데이터를 보여주는 방식입니다.

여러가지 방법이 있지만 저는 <button>에 <a href>를 이용해보았습니다.

 

 

 

 

일단 제가 원하는 결과물을 먼저 보여드리자면

(디자인 신경 하나도 안쓰고 코딩에만 집중 중입니다... 양해바랍니다!ㅎㅎ)

 

이렇게 오른쪽에 DB에 있는 데이터 리스트를 보여주고

랜덤으로 정하기 위해 버튼을 클릭하면

 

이렇게 저 리스트 중에 랜덤으로 한가지를 뽑아내는 형식으로 만드려고 합니다.

 

 

 

 

먼저 건들여 줄 부분은 Controller 입니다.

 

 

HomeController.java

	@RequestMapping(value = "/", method = RequestMethod.GET)
	public String menuList(Model model) {
		List<HomeDto> list = homeDao.sel();
		model.addAttribute("LIST", list);
		return "home";
	}
	
	@RequestMapping(value = "/random", method = RequestMethod.GET)
	public String randomMenu(Model model) {
		List<HomeDto> list = homeDao.sel();
		int j = (int) (Math.random() * (list.size()));
		model.addAttribute("MENU", list.get(j).getTest_name());//.getName());
		model.addAttribute("LIST", list);
		
		return "home";
	}

 

여기서 주목해야할 부분은 @RequestMapping(value = "/random", method = RequestMethod.GET) 이부분입니다.

 

버튼 클릭시 /random 주소로 옮겨갈거기 때문에 클릭 후 나타났으면 하는 내용을 메소드 안에 적어줍니다.

 

 

 

 

그리고 home.jsp 에서 버튼 부분만!

 

 

home.jsp

<button id="btn"><a href="<c:url value='/random' />">랜덤으로 점심 메뉴 정하기</a></button>

하이퍼링크를 /random으로 해주면 controller에서 설정해준 대로 될겁니다.

 

 

 

 

이정도만 추가해주면

버튼 클릭시 -> 주소가 /random으로 가서 원하는 내용을 출력합니다.

(버튼에 마우스 올리면 빨간색으로 변함)