<%@page import="java.util.List"%>
<%@page import="test.member.dao.MemberDao"%>
<%@page import="test.member.dto.MemberDto"%>
<%@ page language="java" contentType="text/html; charset=EUC-KR"
pageEncoding="EUC-KR"%>
<%
//MemberDao 객체의 참조값 얻어오기
MemberDao dao = MemberDao.getInstance();
//회원 목록 얻어오기
List<MemberDto> list = dao.getList();
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>/member/insertform.jsp</title>
<link rel = "stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
<body>
<div class="container">
<h1>회원 추가 입니다.</h1>
<form action = "insert.jsp" method = "post">
<div class = "mb-1">
<label for = "name" class = "form-label">이름</label>
<input type = "text" class = "form-control id = "name" name = "name"/>
</div>
<div class = "mb-1">
<label for = "addr" class = "form-label">주소</label>
<input type = "text" class = "form-control id = "addr" name = "addr"/>
</div>
<button class = "btn btn-success" type = "submit">추가</button>
</form>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>비쥬얼스튜디오를 통해 버튼에 css를 입혀보았다.
getbootstrap을 통해서 css를 꾸며볼것이다.getbootstrap은 최초의 트위터 개발자들이 오픈소스로 만든 것이다.
Connection 은 객체를 얻어오는 작업이 좀 무거운 작업이다.
그러므로 웹서버에서 작업을 할때에는 Java app안에 Connection Pool이라는 개념을 사용하는건데 이 Connection Pool은 이미 DB와 연결이 되어있는데 이 때 DAO에서 Connection이 필요할때 가져와서 사용하면 다시 반납하는 구조로 사용한다.
이 Connection Pool은 톰캣서버가 관리해준다.
실제 DB내용을 출력해보았다.
<%@page import="java.util.List"%>
<%@page import="test.member.dao.MemberDao"%>
<%@page import="test.member.dto.MemberDto"%>
<%@ page language="java" contentType="text/html; charset=EUC-KR"
pageEncoding="EUC-KR"%>
<%
//MemberDao 객체의 참조값 얻어오기
MemberDao dao = MemberDao.getInstance();
//회원 목록 얻어오기
List<MemberDto> list = dao.getList();
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>/member/list.jsp</title>
</head>
<body>
<div class="container">
<h1>회원 목록 입니다.</h1>
<table>
<thead>
<tr>
<td>번호</td>
<td>이름</td>
<td>주소</td>
</thead>
</table>
<tbody>
<%for(MemberDto tmp : list ) { %>
<tr>
<td><%=tmp.getNum() %></td>
<td><%=tmp.getName() %></td>
<td><%=tmp.getAddr() %></td>
</tr>
<%} %>
</tbody>
</div>
</body>
</html>
css를 입혀서 꾸며보았다. feat Bootstrap
<%@page import="java.util.List"%>
<%@page import="test.member.dao.MemberDao"%>
<%@page import="test.member.dto.MemberDto"%>
<%@ page language="java" contentType="text/html; charset=EUC-KR"
pageEncoding="EUC-KR"%>
<%
//MemberDao 객체의 참조값 얻어오기
MemberDao dao = MemberDao.getInstance();
//회원 목록 얻어오기
List<MemberDto> list = dao.getList();
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>/member/insertform.jsp</title>
<link rel = "stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
<body>
<div class="container">
<h1>회원 추가 입니다.</h1>
<form action = "insert.jsp" method = "post">
<div class = "mb-1">
<label for = "name" class = "form-label">이름</label>
<input type = "text" class = "form-control id = "name" name = "name"/>
</div>
<div class = "mb-1">
<label for = "addr" class = "form-label">주소</label>
<input type = "text" class = "form-control id = "addr" name = "addr"/>
</div>
<button class = "btn btn-success" type = "submit">추가</button>
</form>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>'수업내용' 카테고리의 다른 글
| 20230525 수업내용🤦♂️🤦♂️🤦♂️ (1) | 2023.05.25 |
|---|---|
| 20230524 수업내용 😢😢😢 (0) | 2023.05.24 |
| 20230522 수업내용🥸 (1) | 2023.05.22 |
| 20230519 수업내용😭 (0) | 2023.05.19 |
| 20230518 수업내용🤷♀️🤷♀️🤷♀️ (0) | 2023.05.18 |
댓글