[Project H4C] 2. JSP게시판 - 로그인 페이지 만들기
index 페이지에 들어가게 되면
로그인을 해야 하는 웹어플리케이션을 만들어보자.
우선 <body> 부분에
<script>
location.href = 'login.jsp' ;
</script>
라고 추가해준다.
자 이제 저 'login.jsp' 페이지를 만들어 볼까나?
login.jsp 파일을 만든다.
주로 디자인을 완성하고 거기에 해당되는 기능을 입히는게 순서이다.
디자인부터 시작해보자.
bootstrap 사이트에 들어가서 다운을 받는다.
https://getbootstrap.com/docs/3.3/getting-started/#download
Getting started · Bootstrap
Bootstrap is downloadable in two forms, within which you'll find the following directories and files, logically grouping common resources and providing both compiled and minified variations. jQuery required Please note that all JavaScript plugins require j
getbootstrap.com
다운받은 css, fonts, js 파일을 압축을 푼 뒤, 이클립스에 추가시킨다.
위와 같이 코딩한다.
드래그 된 부분만큼 코딩을 더 추가한다.
접속하기 버튼을 눌렀을 때
로그인, 회원가입 dropdown 메뉴가 나오게 설정해보자.
<li class="active">는 현재 선택된 메뉴를 의미한다.
로그인 양식 폼을 추가하는 코드를 넣는다.
48행과 51행의 placeholder 는 form 양식 안에 기본적으로 들어가 있는 문구를 말한다.
input type="submit" 으로 로그인 버튼을 생성해준다.
디자인까지는 우선 완성인듯....?
'7. 게시판 만들기' 카테고리의 다른 글
| [Project H4C] 6. 회원가입 기능 구현하기 (0) | 2020.07.26 |
|---|---|
| [Project H4C] 5. 회원가입 페이지 만들기 (0) | 2020.07.25 |
| [Project H4C] 4. JSP게시판, 로그인 기능 구현하기 (0) | 2020.07.25 |
| [Project H4C] 3. JSP게시판, 회원 데이터베이스 구축하기 (0) | 2020.07.23 |
| [Project H4C] 1. JSP게시판 만들기를 위한 준비사항 (JDK, Tomcat, ECLIPSE 다운받기) (0) | 2020.07.21 |