2024.01.30 JSTL / SQL 이용한 표 생성(웹서버) / alert(사용자탈퇴)
2024. 2. 22. 16:46ㆍJAVA WEB
위의 예시 코드 작성 후 웹 서버 페이지
해당 표 생성 하는 코드
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<c:set var="hello" value="Hello World!" />
<c:set var="mall" value="쇼핑몰의 중심 JSP Mall" />
<c:set var="center" value="중심" />
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JSTL</title>
<style>
td, th {
padding: 3px;
}
</style>
</head>
<body style="margin: 50px">
<h1>JSP Standard Tag Library (JSTL) - Functions</h1>
<hr>
<table border="1">
<tr><th>표현 방법</th> <th>결과</th> </tr>
<tr><th colspan="2">숫자</th> </tr>
<tr><td>문자열 연결</td><td>${hello} ${mall}</td></tr>
<tr><td>\${fn:length(mall)}</td><td>${fn:length(mall)}</td></tr>
<tr><td>\${fn:toUpperCase(hello)}</td><td>${fn:toUpperCase(hello)}</td></tr>
<tr><td>\${fn:substring(mall, 5, 7)}</td><td>${fn:substring(mall, 5, 7)}</td></tr>
<tr><td>\${fn:replace(mall, " ", "==")}</td><td>${fn:replace(mall, " ", "==")}</td></tr>
<tr><td>\${fn:indexOf(mall, center)}</td><td>${fn:indexOf(mall, center)}</td></tr>
<tr><td>\${fn:contains(mall, center)}</td><td>${fn:contains(mall, center)}</td></tr>
</table>
</body>
</html>
사용자 탈퇴 alert 창을 생성하는 코드
<%@ 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>
<%@ include file="../common/_head.jspf"%>
<style>
td, th {text-align: center;}
.disabled-link{pointer-events: none;}
</style>
<script>
function deleteFunc(uid) {
$('#deleteModal').modal('show');
}
</script>
</head>
<body>
<%@ include file="../common/_top.jspf"%>
<div class="container" style="margin-top: 80px">
<div class="row">
<%@ include file="../common/_aside.jspf"%>
<div class="col-9">
<h3><strong class="me-5">사용자 목록</strong>
<span style="font-size: 16px;"><a href="/jw/bbs/user/register"><i class="fa-solid fa-user-plus"></i>사용자 가입</a></span>
</h3>
<hr>
<div class="row">
<div class="col-1"></div>
<div class="col-10">
<table class="table">
<tr>
<th>아이디</th>
<th>이름</th>
<th>이메일</th>
<th>등록일</th>
<th>액션</th>
</tr>
<c:forEach var="user" items="${list}">
<tr>
<td>${user.uid}</td>
<td>${user.uname}</td>
<td>${user.email}</td>
<td>${user.regDate}</td>
<!-- 본인만 수정가능하고, 관리자와 본인이 삭제 가능. 서로 드모르간법칙으로 반대 설정 -->
<td>
<c:if test="${user.uid eq sessUid}">
<a href="/jw/bbs/user/update?uid=${user.uid}"><i class="fa-solid fa-user-pen"></i></a>
</c:if>
<c:if test="${user.uid ne sessUid}">
<a href="#" class="disabled-link"><i class="fa-solid fa-user-pen"></i></a>
</c:if>
<!-- 본인 또는 관리자만 삭제가능 -->
<c:if test="${user.uid eq sessUid or sessUid eq 'admin'}">
<a class="ms-2" href="javascript:deleteFunc('${user.uid}')"><i class="fa-solid fa-user-minus"></i></a>
</c:if>
<c:if test="${user.uid ne sessUid and sessUid ne 'admin'}">
<a class="ms-2 disabled-link" href="#"><i class="fa-solid fa-user-minus"></i></a>
</c:if>
</td>
</tr>
</c:forEach>
</table>
</div>
<div class="col-1"></div>
</div>
</div>
</div>
</div>
<%@ include file="../common/_bottom.jspf"%>
<div class="modal" id="deleteModal">
<div class="modal-dialog">
<div class="modal-content">
<!-- Modal Header -->
<div class="modal-header">
<h4 class="modal-title">사용자 탈퇴</h4>
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
</div>
<!-- Modal body -->
<div class="modal-body">
탈퇴하시겠습니까?
<button class="btn btn-danger" type="submit">탈퇴</button>
</div>
</div>
</div>
</div>
</body>
</html>'JAVA WEB' 카테고리의 다른 글
| 24.02.01 Web Server 구현 - 게시판/list/insert/update/viewCount/replyCount (0) | 2024.02.22 |
|---|---|
| 2024.01.31 게시판 서비스 구현(Web Server) (0) | 2024.02.22 |
| 2024.01.29 (0) | 2024.02.22 |
| 2024.01.28 WEB PAGE 제작 (0) | 2024.02.22 |
| 2024.01.27 (0) | 2024.02.22 |