자녀정보관리 개발

Hyejung85 commented 3 years ago

자녀정보 관리

[x] 자녀정보관리 화면 마크업
[x] 자녀정보 insert 기능 개발
[x] 사진file 업로드 기능 개발
[x] -추가- 사진file 선택시 저장하지 않아도 선택된 사진이 보여지도록 구현
[x] -추가- 다자녀 등록이 가능하도록 구현(자녀정보 리스트 필요)
[x] -추가- detail페이지에서 update시 사진을 다시 선택하지 않으면 누락되는 상황 수정 필요

Hyejung85 commented 3 years ago

[Note : error]

내용 : 자녀정보 insert시 data는 저장이 되나, parameter가 없다는 400에러 발생
원인 : form - submit과 ajax를 함께 사용하여 submit은 실패하고 ajax로 insert는 됨
해결방법 : JQUERY submit 이벤트에 e.preventDefault(); 사용하여 submit이벤트를 삭제한다.

Hyejung85 commented 3 years ago

[Note : 사진 미리보여주기]

JQUERY $("#fileInput").on("change",function(){ setImageFromFile(this, "#imagePath"); });

    function setImageFromFile(input, expression){
        if(input.files && input.files[0]){
            var reader = new FileReader();
            reader.onload = function(e){
                $(expression).attr("src",e.target.result);
            }
            reader.readAsDataURL(input.files[0]);
        }
    }

Style

.picture{ width : 150px; height : 150px; border :1px solid #088A29; border-radius: 80px 80px 80px 80px ; overflow:hidden; margin:0 auto; } .imagePath{ width: 150%; height: auto; object-fit:cover; border :0px solid white; }

Hyejung85 commented 3 years ago

[Note:error 주의]

내용 : 리스트에서 파일 경로를 불러오지 못하는 오류
원인: 업로드하는 FileManagerServie 클래스 외에 저장된 경로를 불러오는 WebMvcConfig클래스도 생성필요. + WebMvcConfig에서 경로에 file:/// 누락

Hyejung85 commented 3 years ago

[Note:error] # 자녀목록에서 자녀 상세보기 버튼을 누 #르면 detail_View로 이동하도록 설계함. 자녀목록(kidsinfo_list.jsp)에서 > 상세보기 버튼 클릭시 id 파라미터 존재하지 않는 에러 발생됨, 페이지 소스 보기에서 상세보기 버튼에 data-id로 id값이 보여지는데 전달이 되지 않는건지 확인 필요 -- > 원인 : href 작성시 주소만 넘기는 것이 아닌, 파라미터도 같이 전달하도록 작성해야 함. ?id=${kids.id} 추가하여 해결

#자녀정보 상세 보기 화면에서 input - text 박스 안에 value로 select된 값을 가져오면 형식이 [Mon Sep 06 09:00:00 KST 2010] 나옴 > formatdate를 어떤 방식으로 사용해야 적용되는지? jsp > user > kidsinfo_detail.jsp 70행 -- > 원인 : fmt 라이브러리 누락 --> Tip : JSTL 태그는 자바(서버) 내에서 어디든지 사용 가능. input type=text 내 value에서도 사용 가능

# 자녀정보에서 사진은 필수가 아니므로, 선택하지 않으면 default 이미지(사람 아이콘)을 보여주고자함. choose문을 작성했을때 이미지 파일이 선택되었음에도 사람아이콘이 보여짐 jsp > user > kidsinfo_create.jsp 45행~ -- > 원인 : 1. 사진 선택하여 화면에 보여지는 원리가 img 태그에 src를 추가하도록 설계함. 이미지가 없을때 아이콘 태그만 있고 src가 없어서 문제 발생. 아이콘을 static 이미지로 대체함

서버 if문에서 otherwise 일때 id값이 누락됨. 클라이언트에서는 javascript로 setImageFromFile시 imagePath(서버에서 id로 지정한 값) 셀렉터를 넘기고있음.

# nav를 드롭다운 형식으로 변경함. nav-fill이 작동하지 않는데 해결 방법은? jsp > include > mene.jsp --> 원인: bootstrap navbar속성에 왼쪽정렬이 포함되어있음, navbar 삭제시 nav-fill 정상작동

Hyejung85 commented 3 years ago

[Note:error]

내용 : 자녀정보 업데이트 시 사진을 다시 한번 선택하지 않으면 기존에 있던 사진 파일이 null로 저장됨
해결방법 : 1. 파일이 있을때와 없을때를 분기하여 업데이트 한다. 또는 2. mybatis if를 사용하여 mapper에 조건문 사용 (2의 방법으로 해결)

Hyejung85 / Spring_Ohmykids_0910

자녀정보관리 개발 #3

자녀정보 관리