블로그 main.jsp 만들기

이대희·2020년 6월 16일
0

main.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ page import="java.io.PrintWriter" %>
<!DOCTYPE html>
<html>
    <head>
        <meta
        http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <!-- 뷰포트 -->
        <meta
        name="viewport" content="width=device-width" initial-scale="1">
        <!-- 스타일시트 참조 -->
        <link rel="stylesheet" href="css/bootstrap.min.css">
        <title>게시판 웹 사이트</title>
    </head>
    <body>
        <%
		String userID = null;
		
		if(session.getAttribute("userID") != null) {
			userID = (String) session.getAttribute("userID");
		}
	%>
        <!-- 네비게이션 -->
        <nav class="navbar navbar-default">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expaned="false">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="main.jsp">JSP 게시판</a>
            </div>
            <div class="collapsenavbar-collapse" id="#bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li class="active">
                        <a href="main.jsp">메인</a>
                    </li>
                    <li>
                        <a href="bbs.jsp">게시판</a>
                    </li>
                </ul>
                <%
				if(userID == null){
			%>
                    <ul class="nav navbar-nav navbar-right">
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">접속하기<span class="caret"></span>
                            </a>
                            <ul class="dropdown-menu">
                                <li>
                                    <a href="Lee.jsp">로그인</a>
                                </li>
                                <li>
                                    <a href="join.jsp">회원가입</a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                <%
				} else {
			%>
                    <ul class="nav navbar-nav navbar-right">
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">회원 관리<span class="caret"></span>
                            </a>
                            <ul class="dropdown-menu">
                                <li>
                                    <a href="logoutAction.jsp">로그아웃</a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                <%
				}
			%>
            </div>
        </nav>
        <!-- 애니매이션 담당 JQUERY -->
        <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
        <!-- 부트스트랩 JS  -->
        <script src="js/bootstrap.js"></script>
    </body>
</html>

이렇게 만들게 된다면 로그인이 되었을때랑 로그인이 안됐을때랑 구분되어 나타나게 된다.

1. 로그인 x

2. 로그인 O

3. 로그아웃 - 잘 된다.

profile
고라니

0개의 댓글