테이블 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- 더 큰 데스크탑(큰기기) ..

데이터베이스에서 특정값 조회 후 뷰에 뿌리기 - (2)

저번 시간에는 SQL설정 까지 보았다. 이번에는 Mapper파일을 보자. @Mapper("welcomeWebMapper")public interface WelcomeWebMapper {List selectPieChartList() throws Exception;// testList selectListOne(Map paramMap) throws Exception;List selectListTwo(CountryVO countryVO) throws Exception;List selectListThree(String str) throws Exception;} 이렇게 인터페이스로 맵퍼를 정의한다. 저번 포스팅에서 맵핑 설정을 해 놓았으므로 이제 자동으로 맵핑이 될 것이다. 맵퍼전은 서비스이므로 서비스단을 보자. ..

반응형