메뉴바에 디자인 넣어보기 (수정중)

Back-End/Spring 2019. 9. 28. 13:35
728x90
반응형

메뉴바에 디자인 넣어보는 중. 부트스트랩은 반응형웹에도 사용이 되기때문에 웹페이지의 크기에 따라 항목이 다르게 나온다.


(수정중)


menu.jsp


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
<!DOCTYPE html>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!-- views/include/menu.jsp -->
<%@ include file="header.jsp"%>
<head>
<script
    src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<link rel="stylesheet"
    href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script
    src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js%22"></script>
</head>
 
 
<center>
    <body>
        <nav class="navbar navbar-inverse">
            <div class="container-fluid">
                <div class="navbar-header">
                    <a class="navbar-brand" href="#">Hs-Project</a>
                </div>
 
                <div>
                    <!-- 다른 기능들 링크가 걸려있는 메뉴 페이지 -->
                    <ul class="nav navbar-nav">
                        <li class="active"><a href="${path}/home">Home</a>
                    </ul>
 
                    <li class="dropdown"><a class="dropdown-toggle"
                        data-toggle="dropdown" href="#">게시판<span class="caret"></span></a>
                        <ul class="dropdown-menu">
                            <li><a href="${path}/board/list.do">회원 게시판</a></li>
                            <li><a href="${path}/board/best_list.do">베스트 게시물 게시판</a></li>
 
                        </ul></li>
                    <!-- 어떠한 아이디로든 로그인되지 않았을 경우에만 회원가입 링크를 출력시킨다. -->
                    <c:if
                        test="${sessionScope.user_id == null and sessionScope.navername == null and sessionScope.kakaonickname == null and sessionScope.facebookname == null and sessionScope.admin_id == null}">
 
                        <li><a href="${path}/member/email.do">회원가입</a></li>
 
                    </c:if>
 
 
 
                    <!-- 관리자가 로그인 하지 않았을 경우에만 로그인 링크를 출력시킴 -->
                    <c:if
                        test="${sessionScope.user_id == null and sessionScope.navername == null and sessionScope.kakaonickname == null and sessionScope.facebookname == null and sessionScope.admin_id == null}">
                        <li><a href="${path}/admin/admin_login_view.do">관리자 로그인</a></li>
                    </c:if>
 
 
                    <li><a href="${path}/board/admin_board_list.do">공지사항</a></li>
 
 
                    <c:if test="${sessionScope.admin_id != null}">
 
                        <li class="dropdown"><a class="dropdown-toggle"
                            data-toggle="dropdown" href="#">관리자 메뉴<span class="caret"></span></a>
                            <ul class="dropdown-menu">
                                <li><a
                                    href="${path}/admin/admin_member_forced_eviction_view.do">회원
                                        강제 탈퇴</a></li>
                                <li><a href="${path}/admin/admin_member_info.do">회원 정보</a></li>
                            </ul></li>
                    </c:if>
                </div>
            </div>
        </nav>
 
    </body>
    
</center>
 
</html>
cs







출처

http://blog.naver.com/PostView.nhn?blogId=aroma104&logNo=220461569593&parentCategoryNo=&categoryNo=34&viewDate=&isShowPopularPosts=true&from=search

728x90
반응형
저작자표시

'Back-End > Spring' 카테고리의 다른 글

토비의 스프링 1-1 (간단한 DAO 만들기)  (0) 2020.12.22
베스트게시물 게시판 (디자인 코드 추가, 내 프로젝트에 적용)  (2) 2019.09.27
베스트 게시물 관련 게시판 구현 (내 프로젝트에 적용)  (0) 2019.09.26
소셜 로그인 (네이버, 카카오톡, 페이스북) 후 프로필 확인 (내 프로젝트 적용))  (1) 2019.09.24
프로필보기 기능 구현 (내 프로젝트에 적용)  (0) 2019.09.23
:

티스토리툴바