jsp
-
Spring + MyBatis + DB = 작은 웹사이트 - (9) CRUD개발/Web Project (1) - Spring MVC + java + DB 2018. 1. 28. 21:01
전체 글 목록을 읽어오는 기능과 페이징 처리 기능을 넣었으니 새로 글쓰기, 상세 데이터 조회, 글 수정, 글 삭제 기능을 구현해서 CRUD 풀셋을 완성할 차례다. 처음 밝혔듯이 원래는 상세 조회, 수정, 삭제, 입력을 모두 하나의 jsp 에서 처리할 수 있게 구현하려고 했으나...구체적인 설계 계획없이 일단 만들기 시작하다가 꼬이면서 수정, 입력을 각각의 별도 화면에서 처리하는 것으로 바꿨다. 1. 글 신규 작성 + CKEditor 삽입 목록 조회 화면에서 글 쓰기 버튼을 클릭하면 loaction.href 를 이용하여 글 작성 화면으로 이동한다 $("#toWrite").click(function(){location.href="/home/note/writeNoteView"; }); //게시물 작성 화면@R..
-
Spring + MyBatis + DB = 작은 웹사이트 - (7) 본격 게시판 만들기 서막개발/Web Project (1) - Spring MVC + java + DB 2018. 1. 17. 22:48
오잉 별것도 안했는데 벌써 7번째 포스팅이라니 이게 무슨 일이오아무튼 이번에는 드디어ㅠㅠ 게시판을 붙여보는 시간이다. 되도록이면 한방에 포스팅을 정리하고 싶어서 페이징 처리까지 끝낸 뒤에 글을 쓰려다보니 조금 시간이 걸렸다.참 신기하게도 분명 내가 예전에 써서 잘 돌아갔던 기능들인데 다시 이 프로젝트를 진행하면서 재활용하려니까 안 먹는 것들이 있다.물론 내가 능력이 부족해서 개발환경 세팅이라던가 뭐 그런데서 실수했겠지 ㅠㅠ 하면서도 짜증나는 이 기분덕분에 실무에서는 하루만에 개발 완료할 것을 엄청나게 질질 끌면서 개발했다 흑흑 1. 게시판용 테이블 생성 먼저 DB가 있어야 게시물을 읽고 쓸테니 DB 생성부터 CREATE TABLE `myhome`.`note` ( `sn` VARCHAR(45) NOT NU..
-
Spring + MyBatis + DB = 작은 웹사이트 - (5) 폴더 및 소스 분리개발/Web Project (1) - Spring MVC + java + DB 2018. 1. 17. 17:04
이제 진짜진짜진짜 본격적인 소스 구현을 시작하기에 앞서,폴더 구조를 구축해두고 로그인 소스를 home.jsp에서 빼내어 별도의 로그인 화면을 만들고 header.jsp 를 만들어서 붙여줄 예정이다. 진작에 처음부터 따로 만들었으면 몸이 편했겠으나 나는 어리석은 닝겐.... 1. 폴더 구조 만들기 css파일, js파일, 배경화면 등에 쓰일 이미지 파일을 담을 폴더들을 만들어줬다.위치는 scr > main > webapp > resources 아래에 뒀다. 화면들 역시 폴더를 만들어서 각 폴더 안에서 관리하겠다. src >main > webapp > WEB-INF > views 아래에 'admin', 'guest', 'note' 폴더를 각각 생성해줬다.로그인 실패화면인 fail.jsp, 화면의 헤더로 쓰일 ..
-
Spring + MyBatis + DB = 작은 웹사이트 - (4) 로그인 기능 구현개발/Web Project (1) - Spring MVC + java + DB 2018. 1. 12. 18:15
지난번에 DB 연결을 해두긴 했지만 과연 잘 된건지 의심스럽다.나중에 다시 수정해야한다는 번거로움이 있지만 일단 간단하게 홈화면에 로그인 화면을 구현해서 테스트를 해보고 넘어간다. 1. 데이터 만들기 로그인하려면 아이디, 패스워드 등의 데이터가 기록되는 테이블이 필요하다.아직 테이블을 만들지 않았으니 이참에 테이블을 만들면서 관리자도 만들어준다. CREATE TABLE `myhome`.`user` ( `id` VARCHAR(45) NOT NULL COMMENT 'id', `pw` VARCHAR(45) NOT NULL COMMENT 'password', `nm` VARCHAR(45) NOT NULL COMMENT 'user name', PRIMARY KEY (`id`), UNIQUE INDEX `id_UN..