2023/02/13

9. 편집 및 추가화면

팝업기능으로 구현하기 때문에 window.open과 modal 2가지방법이 있는데 이번기능은 modal이다.

HTML에는 section으로 class는 modal fade를 준다. 실제로는 코딩상에 있지만 display-none과 같은 효과로 보이지 않는다.

10. 클릭시에 자바스크립트에서 modal을 띄어준다.

화면을 열어 안에 값 또는 style을 같이 지정할 수 있다.

11. 추가버튼인지 편집버튼인지에 따라 mode라는 변수에 update와 insert를 같이 넘겨주고, 파라미터값을 넘겨준다.

12. 파라미터값을 받고 SQL문을 작성

INSERT,UPDATE,DELETE 3가지를 만들어 주었다. SQL문이므로 코드는 생략

13. 등록 및 편집 성공

14. 삭제

삭제는 테이블의 행의 값을 읽어와 where절에 입력 후 삭제!

완성.

만드는 방식은 ASP.NET과 크게 다른점은 없다. 다만 자바스크립트쪽 처리나, 서버에서의 몇몇 메서드의 처리가 매우 복잡해 이해는 아직 못했다.