2022년 11월 12일 팀프로젝트(로그인페이지1)
먼저 프로젝트 주제를 맛집찾기라는 주제로 선정하게되었다.
6명의 팀원중에 전공자가 없었기때문에 힘든부분이 많겠지만, 생각보다 초반 주제선정부터 DB설계, 계획잡는것까지
빠르게 결정할수있었다.
맛집찾기로 주제를 선정한 이유는 친구들끼리,직장에서 점심메뉴를 고를 때 " "맛집 이렇게 검색하는 경우가많은데
검색시에 대부분이 광고, 돈을받고 작성하는 리뷰가 많았다.
그렇기 때문에 신뢰성이 떨어진다고 생각하여, 기획하게되었다.
내가 맡은 부분은 회원가입,로그인,아이디찾기,비밀번호찾기,메인페이지를 맡아서 하게되었다.
● login페이지뷰단
먼저 브라우저에 보여 질 로그인페이지를 작성했다.
function win_open(page) 함수를 통해 아이디찾기/비밀번호찾기를 눌렀을때 새로운창에
아이디/비밀번호 찾기 뷰단이 뜨게 설정했다.
히든값으로 name,nickname,email값을 받고
에러가 발생하면 글로벌에러로 처리할수있게 설정했다.
아이디,비밀번호를 입력하고 로그인버튼을누르면 modelAttribute와 action을통해 설정해둔 컨트롤러로 연결된다.
● UserController
@Controller을 설정해야 페이지가 컨트롤러를 인식한다.
@RequestMapping("user")를 설정해주어 뷰의 경로를 설정해준다.(폴더위치)
@Autowired private ShpoService service; 를 통해 의존성을 주입해준다.
prrivate(접근제한자) :현재객체 내에서만 사용가능
ModelAndView mav = new ModelAndView(); 뷰단을 브라우저에 출력해주기위해 사용한다.
mav.addObject(new User()); 데이터를 보낼때 사용한다. mav.addObject("변수이름","데이터값");으로 설정해줄수있다.
@Valid를 User user 옆에 작성하여 유효성검증을 하게 설정해둔다.
만약 입력이 되지않았다면 resources에 설정해둔 텍스트 로그인 입력항목을 확인하세요 라는 메세지가 출력될것이다.
아이디가없는경우, 비밀번호가 틀린경우 똑같이 에러메세지를 출력하도록 진행하고
정상적인 사용자인경우 세션에 로그인정보를 등록후에
mav.setViewName("redirect:main?id=" + user.getUserid()); 를 통해 메인페이지로 이동하는데
관리자와, 일반사용자인경우 회원목록을 볼수있는 버튼을 추가하기위해 Userid값을 가져와서
차별성을 두게하였다.