Notice
Recent Posts
Recent Comments
Link
«   2024/12   »
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
Tags
more
Archives
Today
Total
관리 메뉴

내 멋대로 개발

[Spring] 쇼핑몰 프로젝트(2)_기본설정 및 로그인과 회원가입 본문

Java

[Spring] 쇼핑몰 프로젝트(2)_기본설정 및 로그인과 회원가입

youngna 2020. 9. 2. 02:16

< 기본 세팅 >

 

1. 스프링 레거시 프로젝트 생성 - mvc 프로젝트로 ->org.ny.spring (세 단계로 입력) 

2. pom.xml 에서 스프링 프레임워크 버전 5.0.6, 자바 버전 1.8로 변경

3. 프로젝트 우클릭 ->properties -> project facets -> 자바버전 1.8로 변경

4. webapp에 index.jsp 생성

5. web.xml 에 웰컴파일 추가

6. 서버 더블클릭 -> 모듈 -> path를 '/'로 변경

7. src/main/resources에 spring bean configuration file (xml 파일) 생성 -> 사용할 기능들 체크하여 finish

8.web.xml에서 <filter> 태그 추가해주기, <servlet>태그에서 <param-value> 태그에 classpath:applicationContext.xml 경로 추가해주기, <url-pattern>태그에 '/'를 *. do로 변경 

9. 사용할 jar 파일들은 pom.xml에 추가하여 사용하기 **추가하면 applicationContext.xml 파일의 Namespaces에도 파일이 추가가 됨-그중에서 사용할 것 체크 후 맨 마지막 4.3 선택!

 


< 시작하기 >

index.jsp에 header, nav, section, footer영역을 부여하여 계속 만들어야 하는 번거로움을 줄임

<%@ include file="/WEB-INF/views/include/header.jsp" %>  -> include 지시어를 사용하여 다른 파일을 가져와 현재 파일에 뿌려준다.

***index에서 모든 다른 페이지 이동에서 404 에러가 발생 

    -> 구글링 해서 한 방법들이 전부 먹히지 않음

    -> 이전 교육원에서 했던 프로젝트를 비교한 결과 Controller에서 페이지 이동을 위한 @RequestMapping을 만들어          주지 않음! 생성한 후 페이지 이동 바로 성공!

 


[회원가입]

 

 

- 자바스크립트 사용하여 아이디 중복 체크하기

ssungkang.tistory.com/entry/javascript-%ED%9A%8C%EC%9B%90%EA%B0%80%EC%9E%85-%EC%8B%9C-%EC%95%84%EC%9D%B4%EB%94%94-%EC%A4%91%EB%B3%B5-%ED%99%95%EC%9D%B8%ED%95%98%EA%B8%B0-ajax

 

[javascript] 회원가입 시, 아이디 중복 확인하기 - ajax

회원가입을 조금 더 완벽하게 하기 위해서 아이디 중복 확인을 구현해보았습니다. 중복 검사 버튼을 눌렸을 경우, 동일한 아이디가 있는지 확인하고 없다면 절차를 진행하도록 합니다. html 코드

ssungkang.tistory.com

 

***회원가입 유효성 검사 시, 아이디 중복체크만 작성하면 실행이 되는데 다른 유효성 검사 문을 추가하면 하나만 작동하는 문제 발생

   -> 아이디 중복검사만 ajax를 사용해서 따로 function()을 만들어주고, 나머지 input의 유효성 검사는 한 function()에         작성하였다. 또한, 회원가입 조건에 맞게 작성했을 경우 span태그의 '경고 문구'가 사라질 수 있도록 function init()         에 span태그의 html을 ""을 기본 값으로 설정하였다. 

 


[로그인]

 

- 로그인 session 사용 

- 로그아웃은 controller만 작성하여 구현. 

   session.invalidate() ->로그인 session을 끊어줌

   return "redirect:/"; -> prefix지정 루트 안타고 바로 "/"로 보냄