잡동사니에도 사랑을

[JSP] 방명록 만들기(1) 본문

JAVA_EE/JSP

[JSP] 방명록 만들기(1)

luvforjunk 2021. 10. 1. 21:00
728x90
반응형

[21.09.30] 방명록 만들기(1) - guestbookWriteForm.jsp / guestbookWrite.jsp(guestbookJSP)

 

작성자, 홈페이지 주소, 이메일, 제목, 내용 등을 기입할 수 있는 란과 작성버튼, 작성 내용을 초기화시키는 다시작성 버튼, 그리고 작성된 글을 볼 수 있는 글목록 버튼이 포함된 간단한 방명록 양식을 만들어 보도록 하자.

 

////////guestbookWriteForm.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>방명록</title>
<style type="text/css">
div {
	color: red;
	font-size: 8pt;
	font-weight: bold;
}

table {
	border: collapse;
}
</style>
</head>
<body>
	<h2>글쓰기</h2>
	<form name="guestbookWriteForm" method="post" action="">
		<table border="1">
			<tr>
				<td width="100" align="center">작성자</td>
				<td><input type="text" name="name" id="name" placeholder="작성자 입력"></td>
			</tr>

			<tr>
				<td width="100" align="center">이메일</td>
				<td><input type="email" id="email" name="email" size="30" placeholder="이메일 입력"></td>
			</tr>

			<tr>
				<td width="100" align="center">홈페이지</td>
				<td><input type="text" id="homepage" name="homepage" size="60" value="http://"></td>
				<!-- 글씨가 사라지는 것을 막기 위해 placeholder 대신 value를 써준다 -->

			</tr>

			<tr>
				<td width="100" align="center">제목</td>
				<td><input type="text" id="maintext" name="maintext" size="80" placeholder="제목입력"></td>
			</tr>

			<tr>
				<td width="100" align="center">내용</td>
				<td>
                	<textArea name="content" id="content" cols="50" row="15" placeholder="내용입력"></textArea>
					<div id="contentDiv"></div>
                </td>
			</tr>

			<tr>
				<td colspan="2" align="center">
					<input type="button" value="글작성" onclick="checkGuestbookWrite()"> 
					<input type="reset" value="다시작성"> 
					<input type="button" value="글목록"></td>
			</tr>
		</table>
	</form>
	<script type="text/javascript" src="></script>
</body>
</html>

 

 

////////guestbookWrite.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8" import="guestbook.bean.GuestbookDTO"%>
<%
//데이터
String name = request.getParameter("name");
String email = request.getParameter("email");
String homepage = request.getParameter("homepage");
String subject = request.getParameter("subject");
String content = request.getParameter("content");

GuestbookDTO guestbookDTO = new GuestbookDTO();
guestbookDTO.setName(name);
guestbookDTO.setEmail(email);
guestbookDTO.setHomepage(homepage);
guestbookDTO.setSubject(subject);
guestbookDTO.setContent(content);

//DB
GuestbookDAO guestbookDAO = GuestbookDAO.getInstance();
guestbookDAO.write(guestbookDTO);

// 응답
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<h3>작성하신 글을 저장하였습니다</h3>
</body>
</html>

 

결과창

 

728x90
반응형

'JAVA_EE > JSP' 카테고리의 다른 글

[JSP] 게시판 만들기(1) - jQuery 유효성 검사, Connection Pool 사용, 페이징 처리 등  (0) 2021.10.03
[JSP] 방명록 만들기(2)  (0) 2021.10.02
'JAVA_EE/JSP' Related Articles more