JSTL 3

부트스트랩 테이블과 동적 JSTL 조지기 - (2)

저번 포스팅에서는 부트스트랩 테이블을 만들어보고 컨트롤러에서 뷰로 데이터를 넘겼다.http://pjh3749.tistory.com/140 그 버튼클릭된것을 넘기는 부분 말고 실제 데이터도 보여주어야 하므로 같이 넘겨야 한다. 컨트롤러안에서 List list = service.selectServiceList(); model.addAttribute("list", list); 이런식으로 넘겨준다. 데이터베이스에서 값을 가져오는 방법은 에 자세히 설명되어 있으므로 참고하기 바란다.http://pjh3749.tistory.com/136 본격적으로 jsp의 테이블을 보자. ${buttons} thead부분이 바뀌었다. 바로 jstl을 이용해서 동적으로 클릭된 버튼의 이름으로 thead를 만드는 것이다. forEac..

부트스트랩 테이블과 동적 JSTL 조지기 - (1)

부트스트랩은 웹디자인을 쉽게 하기 위해서 미리 정의된 css,javascript를 모은 강력한 front-end 프레임워크이다. 부트스트랩 테이블을 이용하여 데이터베이스에서 값을 가지고와 jstl로 뿌려보자. 제일 먼저 필요한건 당연히 테이블이 되겠다. 그냥 이런식이다. 이 테이블이 어떻게 만들어졌는지부터 보자. 테이블 테스트 부트스트랩 테이블입니다~ ID Name Salary Country City 이렇게 되어 있다. 먼저 가 의미하는 것은 부트스트랩의 그리드 시스템을 이용한다는 것이다. 이 시스템은 사용자크기에 따라 (즉 기기의 크기) 유동적으로 변하는 시스템이다. 모바일폰(매우 작은기기) .col-xs- 태블릿(작은기기) .col-sm- 데스크탑(중간기기) .col-md- 더 큰 데스크탑(큰기기) ..

체크박스 체크된 것들 JSTL로 확인하기

체크박스 체크된 것들을 가져와서 어떻게 컨트롤러에서 처리할까? 먼저 간단한 체크박스를 만들어보자. 부트스트랩을 이용하였다. 체크박스 소스 123456789101112131415161718192021 컨트롤러로 go a b c Colored by Color Scriptercs line 2 : 폼태그의 액션을 주었다. 이 url을 컨트롤러에서 매칭해주면 되겠다. 체크 버튼을 눌러서 체크를 해보자. 컨트롤러에 보내야 하므로 아무 버튼이나 만들어서 버튼에 클릭 이벤트를 등록해서 컨트롤러로 넘어가게 하자. 컨트롤러를 보자. 12345678910@RequestMapping(value="requestParamTest.do") public String initRequest(HttpServletRequest reques..

반응형