fullcalenda 캘린더 부서,개인별 일정수정

국비지원 최종 프로젝트

​

팀 이름 : Miracle Job A ( 미라클 잡아 ) , 이끌렸으

팀 인원 인원 : 5명 - -1명이탈 = 4명

​

Front-end

: HTML5 , CSS3, JavaScript

​

Back-end

: Java11, OracleDB 18c, SpringFrameWork, Maven, Tomcat8.5, Spring Sequrity

​

프로젝트 설명

: 기업내 간단한 그룹웨어를 구현

프로젝트 UI/UX

: Notion 페이지

: 기간 : 2022.03.27 ~ 2022.04.01 Figma를 이용한 설계진행

: ​DA#을 통한 데이터베이스 모델링

​

주요기능

: 회원관리/게시판/주소록/일정관리/전자결재

​

추가했던날 : 2022.04.14 풀캘린더 부서따로 개인따로 일정수정 구현하기.

​

​

​지난내용

내용 - 우리가 계획 하는 그룹웨어는 부서별,개인별 일정이 각자 따로따로 있다.

팀장급이상은 부서에 일정을 적어 부서에 공지를 띄울수도 있고, 개인일정을 작성할수도 있어야 한다.

팀장급밑은 부서 일정을 볼수는 있지만 작성할수 없고, 개인일정을 등록할수 있다.

​

추가내용

내용 - 전에 만든 메인페이지에서 부서와 개인을 나누어서 Event를 보여주는 코드를 작성했다.

근데 이제 문제는 수정을 누르면 , type이 null값이 나오게 된다. 우리가 부서와, 개인을 나누어 놨기 때문에

이문제를 해결해주어야 했다.

 

 

​

​

미리보기 부서일정

[ 오부장 ] 관리자 일정 메인 페이지에서 부서 인상태로 수정을 들어가게 되면,

부서의 일정 evnet 을 수정할수 있고, 개인일정을 누르고 수정을 들어가면 개인 일정 event를 수정할수 있다.

​

​

​

​

---

​

​

​

미리보기 부서일정

​

​

​

​

메인페이지에서[ 부서 , 개인을 ]선택하고 우리는 수정 버튼을 클릭해 수정하는.jsp 로 이동해야한다.

수정하는 a 링크에 id값을 부여 했다.

​

​

​

​

<script> function에 매개변수 managerSchedule(type) 을 넣어줬고,

​

managerSchedule("dept")

​

부서 id값 -> check2

개인 id값 -> check3

​

각각의 버튼을 클릭했을시 이벤트로

managerSchedule("dept") 와 managerSchedule("user")를 주며

쿼리 스트링으로 ?type=dept가 들어오면 dept 부서 일정만 ?type=user면 user일정만을 보여주게 되었다.

​

​

링크를 수정 했다면, ajax url에 적어주었던 주소값을 통해 Model로 type을 넘겨주어야 Controller에서 사용이 가능함으로

무조건 꼭 해주어야한다.

​

​

Update.jsp 에서 ajax 의 data를 { type : "$ { type }" } 으로 꼭 변경해주어야 한다.

$ { type } 은 부서 , 개인 중에 둘중에 하나 값이 들어와야 하기 때문에 필수 적이다.