JayTech의 기술 블로그

이제 저장과 삭제를 해 볼 것이다. 저번 포스팅때 프로퍼티의 위치가 좀 틀려서 다시 정리하자면 (없는 것들은 이제 만들 것이다) jqgridTable 안의 프로퍼티 init searchData에서 goSearch로바꾸자. saveData selectData deleteData ajaxFn gridFunc 안의 프로퍼티 addRow rowBtn delRow clearGrid CommonJsUtil 안의 프로퍼티 isEmpty isNumeric 조금 더 알맞게 나누려고 위치를 수정하였다. 코드의 변경은 없으므로 프로퍼티 위치 변경할 때는 그냥 잘라서 붙여넣기 하면 된다. 먼저 조건 하나를 추가해보자. 안해도 상관없다. CommonJsUtil에서 프로퍼티하나를 더 만들어보자. 슬래시 안은 정규식을 의미한다. ..

저번 포스팅에 이은 jqgrid를 알아보자. 이번에는 그리드에 행을 추가하고 삭제하는 방법에 대해서 볼것이다. jqgrid를 처음 띄우는 것 부터 보고 싶다면 밑의 포스팅을 참고하기 바란다. http://pjh3749.tistory.com/154 자 이런식으로 탭을 만들어줄건데 이거만드는 것은 너무 쉬우므로 넘어가겠다. 라고 하지만 코드를 본다면12345조회 행추가저장초기화삭제cs 이렇게 만들어주고 클릭시 스크립트의 함수를 타게 되어 있다. 행추가부터 만들어보자. 행추가는 그리드에서 조회한 데이터들의 밑에 새로운 row를 추가하는 것이다. gridFunc의 addRow()를 타므로 똑같이 만들어 준다. 123456789101112var gridFunc = { addRow : function() { var..

Jqgrid란 이처럼 데이터를 그리드형식으로 보여주는 jquery 플러그인이다. 매우 editable하며 개발자 맘대로 기능을 조작할 수 있다. 관리자페이지 또는 재고관리 등에 매우 유용하다고 할 수 있다. 이 jqgrid를 붙이려면 먼저 js파일들이 있어야 한다. 1234567 cs 설정파일들이다. 파일들은 jqgrid관련 홈페이지에서 충분히 찾을 수 있다. 간혹 jquery.js 가 충돌이 일어날 수 있으니 잘 확인하고 맞는것을 골라 넣어아 햔다. 그리고 jqgrid가 들어갈 html 부분을 작성하자 12345678910jqgrid Test cs 그냥 단순히 테이블 하나와 div 하나만 넣자. 그리고 제일 중요한 script부분이다. document.ready안에 넣어주자. 12345678910111..

로그인 인증에서 쿠키를 쓰면 안된다는 말을 많이 들었을 것이다. 쿠키 대신 세션을 활용하라는 것도 말이다. 그러면 쿠키는 쓰레기인가? 답을 말하면 그렇지 않다. 당연히 로그인에선 쓰지 않는다. 그러면 어디서 쓸까? 결론부터 이야기하자면 웹사이트를 운영하면서 보안에 전혀 상관없고 서버요청(데이터베이스 접근)하기에는 무리가 있을 때 쿠키를 활용한다. 무리가 있다는 뜻은 굳이 데이터 베이스 접근을 할 필요가 있느냐 이다. 예를들어 나의 탐색목록 또는 임시 체크 목록 이라는 카테고리를 만들고 싶다. 이 기능을 위해 과연 테이블들을 새로 생성해야 할까? 답은 없다. 생성해도 된다. 하지만 굳이 그럴필요까지는 없다는 것이다. 왜냐하면 수많은 사용자들이 쓴다면 데이터베이스만 커질 뿐만 아니라 임시저장소라면 더욱이 낭..

이렇게 페이징을 구현하려면 먼저 페이지에 관련된 VO 객체가 필요하다. 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768public class CmmnVO { private static final long serialVersionUID = 1L; private long rows = 2; private long page = 1; private long totalPage; private long startPage = 1; private long endPage; private long pageScale = 3; public long ..

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

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

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

저번 시간에는 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;} 이렇게 인터페이스로 맵퍼를 정의한다. 저번 포스팅에서 맵핑 설정을 해 놓았으므로 이제 자동으로 맵핑이 될 것이다. 맵퍼전은 서비스이므로 서비스단을 보자. ..

페이지에서 특정 값을 데이터베이스에서 조회한 데이터들을 어떻게 뿌릴까? 예를들어 이런식으로 동적 테이블을 만들어야 하는데 어떻게 하지? 기본 하나씩 살펴 보자. 데이터 베이스에서 테이블에 값들이 있을 것이다. 나라(Country) 테이블이 러시아 인것만 뽑고 싶다. 그러면 어떤 작업부터 해야 할까? 당연히 jsp 뷰가 있어야 할 것이다. (테이블)부트스트랩을 이용한 표이다. 특정 테이블 조회 나라이름 ID Name Salary Country City 는 jstl인데 이것은 컨트롤러에서 데이터를 넘겨준 것이다. 이따 설명할것임 흐름 중요) 컨트롤러 -> 서비스 -> 서비스임플 -> 매퍼 -> SQL 먼저 SQL 쪽을 보자. 마이바티스 설정을 해주어야 한다. 위치는 여기다. sql맵 하위 폴더를 찾아보면 m..