반응형 스프링 반응형 31 [JQuery] Fullcalendar 달력 구현 & 데이터 연동 (영상 有) 안녕하세요 오늘은 Fullcalendar란 라이브러리로 달력을 만들어보고 데이터도 연동해보겠습니다. 기능은 등록/수정/삭제/일정목록/다중 기간/기간 이동/ 등을 구현하였습니다. 아래는 영상입니다. 디자인은 어느정도 다듬어야겠지만 사용하는데는 문제없어 보이네요! https://chobopark.tistory.com/329 [Java&JSP] 달력 만드는 방법 웹 사이트의 달력 만드는 방법은 여러가지가 있습니다. 지난 포스팅에서는 자바스크립트를 이용한 달력 (FullCalendar) 을 생성해보았으며 이번에는 Java와 JSP 만으로 달력을 만드는 방법에 대해 알 chobopark.tistory.com 우선 라이브러리기 때문에 JS파일을 받아 폴더에 저장해주세요~ Controller 1 2 3 4 5 6 7.. 2022. 1. 19. [Java] 엑셀 다운로드 기능 구현!! (영상 有) 안녕하세요. 오늘은 자바로 데이터베이스에 있는 데이터를 자바를 통해 엑셀화시켜서 엑셀 데이터를 다운로드 받는 방법에 대해 정리해보겠습니다. 글로 아무리 설명해봐야 보는게 최고죠! 구현 영상입니다. pom.xml 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 org.apache.poi poi 3.9 org.apache.poi poi-contrib 3.6 log4j log4j org.apache.poi poi-ooxml 3.9 org.apache.poi poi-ooxml-schemas 3.9 org.apache.poi poi-scratchpad 3.9 cs 여기서 정리할 엑셀 다운로드 기능은 아파치 소프트.. 2021. 11. 27. [JAVA] 두 날짜 데이터값 계산하는 방법 (faet.D-DAY 계산) 안녕하세요. 요즘 프로젝트때문에 바빠 포스팅을 한동안 못하다가 오랜만에 하려하니 기분이 좋네요! 오늘은 두 데이터의 날짜 값을 계산하는, 즉 디데이 값을 구하는 포스팅을 하려합니다. 구현 화면입니다. 동그라미 안에 강좌가 시작하는 일자까지의 남은일을 구하는 방법입니다. 많은 프로젝트에서 많이 사용되며, 저 또한 반드시 다시 쓸일이 있을 것 같은 느낌이네요! 대략적인 구조는 자바에서 for문으로 두날짜의 계산 값을 해시맵에 담은 다음, JSP에 뿌려주는 과정을 정리하려합니다. 디데이 사진.... CONTROLLER 우선 자바에서 원하는 리스트를 뽑아줍니다. 1 List boardList6 = educationService.getEduMainList(educationTempVO); //강좌정보 cs 그리고 .. 2021. 8. 1. Spring 홈페이지 - (13) 게시판 페이징 작업 오늘은 게시판 페이징을 해보겠습니다. 제가 한 방식은 전자정부프레임워크에서 사용되는 방식을 변형하여 만들었습니다. 제가 사용하던 방식이라 복습차원이기도하고 실제로도 다른 방식보다 편리합니다. 새로 작성한 AJAX 페이징 방식 글입니다!! 구현하실 분들은 참고해주세요! https://chobopark.tistory.com/249 AJAX 페이징 구현 방법!! (영상 有) 안녕하세요. 오늘은 AJAX로 페이징 처리하는 방법에 대해 이야기해보겠습니다. 저는 자바를 기반으로한 AJAX 페이징 처리 방법을 정리하였습니다. 우선 AJAX 에 대해 이야기해보겠습니다. Ajax란 Asyn chobopark.tistory.com 우선 페이징을 하기 위해서는 파라미터를 통해 페이징 처리를 하기 때문에 클래스를 만들어 변수.. 2021. 3. 1. Spring 홈페이지 - (12) 게시판 검색 페이지 작업 이번에는 게시판 검색 페이지를 만들어보겠습니다. 게시판 검색 형태는 다양합니다. 현재는 페이징이라던지 기능이 없는 상태이기에 단어 검색만 다뤄보겠습니다. (추후 여러가지 검색을 다룰 예정입니다.) 작업순서는 아래의 순서로 진행하겠습니다. list.jsp 페이지 수정 VO 변수 추가 mapper.xml 검색 쿼리 추가 현재는 부트스트랩에 페이징과 검색부분이 적용되어 있습니다. 하지만 저희는 프로그램을 개발하는 목적이기때문에 해당 부분을 지우고 프로그램 개발을 해보도록 하겠습니다. list.jsp 우선 테이블에 붙어있는 id="dataTable" 이 있는데 이 값이 있어서 자동으로 검색과 페이징이 되는 것입니다. id값을 지워줍니다 그럼 기존 화면에서 페이징과 검색부분이 삭제된 것을 볼 수 있습니다. 깔끔하.. 2021. 2. 3. pring 홈페이지 - (11) 게시판 수정/삭제 페이지 작업 이번에는 수정/삭제 페이지를 만들어보겠습니다. 수정페이지 경우에는 등록페이지와 마찬가지로 화면을 보여주는 get 컨트롤러와 수정을 처리하는 post 컨트롤러, 즉 두가지 컨트롤러를 만들어야하는 것이 특징입니다. 작업순서는 아래의 순서로 진행하겠습니다. 상세페이지에서 수정/삭제 버튼 생성 Controller 생성 jsp 생성 service > serviceImpl > mapper > mapper.xml 우선 상세페이지에서 수정과 삭제 버튼을 생성합니다. read.jsp 수정버튼에는 인덱스를 타고 가야하기때문에 주소 뒤에 인덱스를 넣어줍니다. 수정 그리고 삭제버튼은 '삭제하시겠습니까'라는 경고 문구가 필요하기 때문에 자바스크립트로 확인여부 알림창을 뛰운 다음 컨트롤러로 보내는 작업을 합니다. 이때 또한 인덱.. 2021. 2. 1. Spring 홈페이지 - (10) 게시판 상세보기 페이지 작업 이번엔 게시판의 글 내용을 볼 수 있는 상세보기 페이지를 만들 예정입니다. 일반적인 게시판처럼 제목을 클릭하여 페이지가 나타나도록 하는거죠 작업순서는 아래의 순서로 진행하겠습니다. list.jsp에서 제목에 링크 설정 Controller 생성 jsp 생성 service > serviceImpl > mapper > mapper.xml list.jsp 제목에 링크를 거는 작업을해줍니다. 간단합니다. a태그를 사용하면 됩니다. a태그 안에는 주소와 해당 인덱스를 타고 들어가야하기 때문에 board_idx를 넣어줍니다. 그럼 이렇게 제목이 파란색으로 변할겁니다. 링크가 걸렸다는 증거겠죠 BoardController 상세페이지 화면 확인을 위한 간단한 컨트롤러를 생성합니다. @RequestMapping(value.. 2021. 1. 31. Spring 홈페이지 - (9) 게시판 등록 페이지 작업 이번 시간은 게시판 등록 페이지를 만들어보겠습니다. 등록페이지의 특징은 컨트롤러를 Get방식하나, Post방식하나 해서 총 2개의 컨트롤러를 만들어야합니다. get방식은 등록페이지를 보여주는 화면과 Post방식은 자료를 등록하기 위한 컨트롤러입니다. 작업순서는 아래의 순서로 진행하겠습니다. Controller 생성 jsp 생성 service > serviceImpl > mapper > mapper.xml 먼저 리스트 페이지에 등록 버튼을 생성해줍니다. list.jsp DataTables Example Name Position Office Age Start date Salary 등록 그리고 화면을 확인하고자 간단한 컨트롤러부터 생성합니다. Controller @RequestMapping(value = "/.. 2021. 1. 29. Spring 홈페이지 - (8) 게시판 목록 페이지 작업 게시판 디자인을 적용하였으니 게시판 목록 화면을 처리해보록 하겠습니다. 우선 list.jsp에서 jstl을 사용할 수 있도록 라이브러리를 추가합니다. 그리고 리스트의 항목을 제외하고 나머지 텍스트로 되어있는 데이터들을 삭제합니다. 데이터베이스를 통해서 데이터를 넣을 계획이기때문에 텍스트 데이터는 필요가 없습니다. 이젠 서버(controller)와 데이터베이스을 연결한 계층들 (vo/service/serviceimpl/dao/mapper)을 생성하겠습니다. vo & 데이터베이스 테이블 생성 vo는 테이블 설계를 기준으로 생성하면 됩니다. 먼저 데이터베이스 테이블 먼저 생성하도록 하죠 workbench에 해당 데이터베이스에 접속하여 쿼리로 테이블을 만들어줍니다. 1 2 3 4 5 6 7 8 create ta.. 2021. 1. 16. 이전 1 2 3 4 다음
