728x90
<목표>
따라치되 최대한 안보고 코딩하기
코딩 익숙해지기
구조 분석
세부코드 안보고 쓸 수 있게 되기
반복이 살 길이다!!!!!!!
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="${ contextPath }/resources/js/jquery-3.6.0.min.js"></script>
<style>
.nav{margin-left:auto; margin-right:auto; text-align:center;}
.menu{
display:inline-block; background:#e4fc41; text-align:center;
line-height:50px; width:150px; height:50px; border-radius:20px;
margin-left:5%; margin-right:5%;
}
.menu:hover{background:#b0c903; font-weight:bolder; cursor:pointer;}
a:link{color:black; text-decoration:none;}
a:visited{color:black; text-decoration:none;}
</style>
</head>
<body>
<c:set var="contextPath" value="${ pageContext.servletContext.contextPath }" scope="application"/>
<h1 align="center">first page & Spring</h1>
<br>
<div class="loginArea" align="right">
<c:if test="${ empty sessionScope.loginUser }"> <!-- user가 로그인 안했으면 로그인하게 id,pw 보여주는 창 보여줌-->
<form action="login.me" method="post">
<table id="loginTable" style="text-align:center;">
<tr>
<td>아이디</td>
<td><input type="text" name="id"></td>
<td rowspan="2">
<button id="loginBtn">로그인</button>
</td>
</tr>
<tr>
<td>비밀번호</td>
<td><input type="password" name="pwd"></td>
</tr>
<tr>
<td colspan="3">
<button type="button" onclick="location.href='enrollView.me'">회원가입</button>
<button type="button">아이디/비밀번호 찾기</button>"
</td>
</tr>
</table>
</form>
</c:if>
<c:if test="${ empty sessionScope.loginUser }"> <!-- user가 로그인했으면 정보 변경, 로그아웃 등 보여줌 -->
<h3 align="right"> <!-- h3태그 안에 c core와 button태그를 넣은게 신기 -->
<c:out value="${ loginUser.name }님 환영합니다."/>
<br>
<c:url var="myinfo" value="myinfo.me"/>
<c:url var="logout" value="logout.me"/>
<button onclick="location.href='${myinfo}'">정보보기</button>
<button onclick="location.href='${logout}'" >로그아웃</button>
<!-- c:url에서 var변수로 지정한 것을 버튼클릭하면 이동하게만듬 -->
</h3>
</c:if>
</div>
<!-- 위처럼 c:url을 통해서 지정할 수도 있지만 지금까지 해왔던 것처럼 바로 href에 url을 넣어도 상관없음 -->
<div class="menubar">
<div class="nav">
<div class="menu"><a href="home.do">Home</a></div>
<div class="menu"><a href="blist.bo">게시판</a></div>
</div>
</div>
</body>
</html>
728x90
반응형
'small steps > 1일 1코딩 - 코딩을 내 몸처럼' 카테고리의 다른 글
| [1일 1코딩][GitBash] 브랜치 생성, 변경, 통합 등 (0) | 2022.07.12 |
|---|---|
| [1일 1코딩][Web] memberJoin.jsp (feat. EL+JSTL+ajax) 2 (0) | 2022.07.11 |
| [1일 1코딩][Web] memberPwdUpdateForm.jsp 2 (0) | 2022.07.09 |
| [1일 1코딩][Web] 관리자페이지 공지사항 작성 (0) | 2022.07.08 |
| [1일 1코딩] admindNotice 게시판 삭제 - 에러 해결 (0) | 2022.07.07 |