일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
31 |
- select
- spring
- insert
- poi
- 자바타입
- poi엑셀
- 게시판구현
- 스프링
- mysql
- html5
- JSTL
- 페이징
- crud
- mybatis
- CSS3
- 자바파일업로드
- jquery
- db
- 스프링파일업로드
- jsp
- PAGING
- ORDERBY
- 파일업로드
- MariaDB
- Java
- pagenation
- 자바
- SQL
- 자바스크립트
- 퍼블리싱
- Today
- Total
목록분류 전체보기 (26)
째의 개발 기록방
GET / POST 두 방식 모두 서버에 요청하는 메소드이다. get 방식은 입력한 데이터 값을 URL에 붙여서 전송하는 방식이다. www.sample.com?name=testName&pass=1234 이런형태로 url 에 key / value 의 형태로 붙어서 주소창에 보여지게 된다. key = name / value = testName key = pass / value = 1234 post방식에 비해 보안이 취약할수있고 간단한 데이터를 넣게 설계돼있어서 길이가 너무 길 경우 오류가 날 수 있다. post 방식은 URL에 값을 붙여서 보내는 get방식과는 다르게 BODY에 데이터를 실어서 보내는 형태이다. 헤더필드중 BODY의 데이터를 설명하는 Content-Type이라는 헤더 필드가 들어가고 어떤 데..

엑셀파일 업로드 jsp 엑셀파일업로드 javascript //엑셀등록 function goExcelUp(){ var formData = new FormData($('#excelUpForm')[0]); //폼데이터를 콘솔로 확인하는 방법 for (var pair of formData.entries()) { console.log(pair[0]+ ', ' + pair[1]); } var url = "/reportExcelUpload.do"; if(confirm("엑셀 파일을 등록하시겠습니까?")){ $.ajax({ url : url, type: "post", data: formData, enctype: "multipart/form-data", processData: false, contentType: fals..

지금 개발 진행(연습) 중인 CRUD 엑셀파일다운로드 = 현재 화면에 뿌려져있는 데이터를 엑셀파일로 받겠다. 엑셀파일업로드 = 샘플로 제공된 엑셀파일로 데이터를 가공하여 업로드 시키겠다. 엑셀파일다운로드 jsp 엑셀파일 다운로드 엑셀파일다운로드 버튼 클릭 시 엑셀파일다운로드 함수 실행 * a말고 button 태그를 사용해도 되지만 폼이 있을때 button은 엔터키만 눌러도 전송되어지는 이슈가 있을 수 있어서 a태그를 사용했다. 검색 ${reportVO.reportTitle } --전체보기-- 제목 내용 검색 정렬 제목 등록자 등록일 오름차순 내림차순 #searchForm = 서브밋 할 폼↑ 원래 #searchForm은 검색기능을 위한 폼이지만 여기에 필요한값이 다 있어서 #searchForm을 서브밋하였..

앞단과 서버단은 아래링크에!! 2021.11.05 - [분류 전체보기] - [Java/Spring] 조건으로 검색 기능 구현하기 [Java/Spring] 조건으로 검색 기능 구현하기 ▶ 검색타입과 정렬타입/정렬방식을 기준으로 검색하기 위의 화면처럼 검색타입과 정렬타입/정렬방식을 기준으로 검색 기능을 구현해보았다. jsp (front) 검색 --전체보기-- selected >제목 selected >내 zzecoding.tistory.com mapper.xml ↑↑↑↑↑include refid 부분 AND REPORT_TITLE LIKE CONCAT ('%', #{selectTxt}, '%') AND REPORT_CONTENT LIKE CONCAT ('%', #{selectTxt}, '%') AND A.RE..

▶ 검색타입과 정렬타입/정렬방식을 기준으로 검색하기 위의 화면처럼 검색타입과 정렬타입/정렬방식을 기준으로 검색 기능을 구현해보았다. ※ 안에 데이터는 테스트용으로 마구잡이로 넣은거라 무시바람 ※ jsp (front) 검색 --전체보기-- 제목 내용 검색 정렬 제목 등록자 등록일 오름차순 내림차순 $(function(){ $("#orderBy option:selected").val(); $("#orderByType option:selected").val(); }); function searchAjax(){ var form = { "searchType":$("#searchType").val(), "selectTxt":$("#selectTxt").val(), "orderByType":$("#orderByTyp..

아래 글과 이어지는 부분입니다~~~ 앞단과 서버단은 아래링크에..!! 2021.10.28 - [Back End/Java, Spring] - [Java/Spring] 페이징 구현하기 [Java/Spring] 페이징 구현하기 일일업무보고 게시판(crud) 에 페이징을 한번 구현해보았습니다. 원래 그리드에 있는것만 써왔었는데 이번 기회에 직접 처음부터 구현해보게 되었습니다. jsp 처음 이전 ${i} ${i} 다음 마지막 페이 zzecoding.tistory.com mapper.xml /*******전체 글 갯수 조회*******/ SELECT COUNT(REPORT_ID) AS CNT FROM DAILY_REPORT WHERE 1=1 /**********페이징 조회***********/ AND A.REPOR..

일일업무보고 게시판(crud) 에 페이징을 한번 구현해보았습니다. 원래 그리드에 있는것만 써왔었는데 이번 기회에 직접 처음부터 구현해보게 되었습니다. jsp 처음 이전 ${i} ${i} 다음 마지막 페이지네이션 부분입니다. 처음과 이전버튼은 현재페이지(currPage)가 가장 처음일경우에는 사라지게 해두었고 다음과 마지막버튼 또한 현재페이지(currPage)가 가장 마지막일 경우에 사라지게 해두었습니다. VO @Data @Alias("pageVO") public class PageVO { //페이징 번호시작 private int firstPage = 1; //현재페이지 private int currPage; //전체에서 마지막 페이지 private int maxPage; //보여질 게시글 수 privat..
LAST_INSERT_ID() 란? 이 함수는 가장 최근에 성공적으로 수행된 INSERT 구문의 첫번째 AUTO_INCREMENT column의 값을 반환한다. - 테이블의 마지막 *auto_increment 값을 리턴한다. - 1개의 insert 쿼리에 대해서 성공시 마지막 auto_increment 값이다. *auto_increment = 자동증가값 WHERE 1=1 란? - 1=1은 항상 참을 의미 - 검색을 위한 쿼리에서는 사용하면 효율적이지만 수정과 삭제를 하는경우에는 사용을 지양. 수정과 삭제시 WHERE 1=1를 사용하게되면 조건이 없을 경우 테이블의 모든 데이터가 변경 또는 소실될 우려가 있기 때문. 출처: https://cirius.tistory.com/1139 [바부의 세상살아가기]