[액션태그]기본적인 쇼핑몰 상세페이지 만들기 (기본) -part1-

전 시간에 JSP 액션태그에 대해 공부를 하였습니다. 액션태그를 공부하였으니 그 액션태그를 사용해서 간단한 템플릿 페이지를 만들어 보겠습니다.

일단 Template 폴더를 생성해 줍니다.

일단 로그인과 회원가입 하는 섹션을 만들어 보도록 하겠습니다.

top.jsp파일로 가주세요

[해석]

<a>태그 를 이용해서 a태그의 속성 href를 사용해가지고 로그인을 클릭시 login.jsp 파일로 넘어가게되고

회원가입을 클릭시 join.jsp파일로 넘어가게 됩니다.

이제 login.jsp 파일과 join.jsp파일을 설정해야겠죠?

그 전에!!!! template.jsp에서 기본 툴 부터 작성하고 넘어가도록 할게요

template.jsp파일로 가주세요~

[해석]

<table>태그를 사용해서 아래와 같은 그림이 나오도록 해줍니다.

width="960"   ==> table의 폭을 설정해 주는 속성입니다. 여기서는 960으로 해주었군요

height="46"    ==> table의 높이를 설정해 주는 속성입니다. 여기서는 높이를 46으로 해주었습니다.

border="1"    ==> 테이블의 외각선 두깨를 설정하는 속성입니다.

align="center"    ==> 테이블 어느쪽에다가 배치시킬 것인지 지정해주는 것 입니다. 

   속성들로는 (center, right, left)가 있습니다.

11번째 줄을 보시면 <tr align="right">이라고 적혀있느데요 이것은 "1행의 내용들의 위치(align)를 right(오른쪽)에다가 하겠다~" 라는 의미 입니다.

12번째 줄에서 <td><jsp:include page="top.jsp"/></td>라고 적혀 있습니다. 이것은 전시간에 배운 액션태그 중 include액션태그 에 대한 내용인데요

include액션태그에 대해서 잘 기억 안나시는 분들은 다시가서 공부해 주시기 바랍니다.

만약 제가 include 액션태그를 사용 안하고 forward 액션태그를 사용하면 어떤 현상이 일어날까요?? 한번 해보겠습니다.

요렇게 실행한 페이지가 template.jsp 파일이여서 경로는 Template/template.jsp 입니다.

그치만 include와는 달리 forward를 사용할시 template.jsp파일 내용은 무시되고 영구적으로 제어권을 준 forward액션태그를 사용해서

template.jsp파일 경로에 top.jsp파일의 내용이 보여지는 것 입니다.

자 이제 login.jsp 파일로 들어가주세요~

[해석]

계속 봐왔던 문장구조죠?ㅎㅎ

form태그를 사용해서 template.jsp 파일로 post방식으로 파라미터들을 넘겨주겠다는 것 입니다.

원래 로그인은 아이디나 비밀번호를 잘못 입력할시 경고창이나 DB에서 정보를 불러들어와야되는데

지금은 아직 그것에 대해서는 언급을 안하겠습니다.

그리고 join.jsp 파일로 가주시기 바랍니다.

이 문장들은 특별히 자세하게 해석하지는 않겠습니다.

다만 각 태그들에 name="이름 값" 을 설정하므로서

나중에 이 파라미터들을 호출할때 그 호출할 이름을 불러들이도록 name을 설정 해 준 것 입니다.

참고로 <select>태그와 <option> 태그는

"난 선택하겠다(select). 어떤것을? -> 이 값들을 (option)"

위처럼 코딩을 해 주시고 template.jsp 파일로 가셔서 RUN을 돌려보시기 바랍니다.

그러면 이렇게 화면이 보여질 것 입니다.

로그인 버튼을 클릭하면 login.jsp 파일로 넘어가게 되면서 

아이디와 비밀번호를 입력하게 되어 있습니다.

이렇게 입력을 하시고 로그인을 해주시면

코딩할때 template.jsp 파일로 넘어가게끔 만들어서 템플릿 페이지로 돌아오게 됩니다.

이제 회원가입 버튼을 클릭하여 주세요

이렇게 입력을 하시고 전송 버튼을 클릭하면

다시 설정을 해준대로 template.jsp 파일로 되돌아 오게 됩니다.

로그인과 회원가입에서 입력한 정보들은 나중에 DB할때 DB에다가 저장하면 됩니다.

아직까지는 DB에 대해서 언급을 하지 않겠습니다.~

이상 [액션태그] 기본적인 쇼핑몰 상세페이지 만들기 (기본) -part1- 을 맞치겠습니다.

////////////////////////////////////////////////////////////////

(수정)

위에서 top.jsp 파일에다가 로그인이랑 회원가입 하는 링크를 만들었습니다.

그것을 top.jsp에다가 하지 말고 right.jsp 파일로 다시 만들어 주셔서 다시 작성해 주시면 감사하겠습니다.~^^

아래 손가락 꾹~ 한번씩만 눌러주세요