꽁꽁 얼어붙은 자바 위를 자박자박
[JSP] 게시판 만들기 10 - 글쓰기 기능 구현하기 본문
1. write.jsp 작성
write.jsp 만든 후 bbs.jsp 코드 복붙
<nav> 태그 밑 게시판 부분 내용을 수정해준다.
form 및 Input 태그 추가
<write.jsp>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ page import="java.io.PrintWriter"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css">
<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.4/dist/jquery.js"></script>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.js"></script>
<title>JSP 게시판 웹 사이트</title>
</head>
<body>
<%
String userID = null; // 로그인 한 사람이라면 userID 변수에 해당 아이디가 담김
if(session.getAttribute("userID") != null){ // 그렇지 않으면 null값
userID = (String) session.getAttribute("userID");
}
%>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="main.jsp">JSP 게시판 웹 사이트</a>
<button class="navbar-toggler" type="button" data-toggle="collapse"
data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav">
<li class="nav-item"><a class="nav-link" href="main.jsp">메인</a>
</li>
<li class="nav-item active"><a class="nav-link" href="bbs.jsp">게시판</a>
<!-- active : 현재의 페이지를 알려줌 --></li>
</ul>
<%
if(userID == null){ // 로그인이 되어 있지 않다면
%>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown"><a
class="nav-link dropdown-toggle" role="button"
data-toggle="dropdown" aria-expanded="false"> 접속하기 </a>
<div class="dropdown-menu">
<a class="dropdown-item" href="login.jsp">로그인</a> <a
class="dropdown-item" href="join.jsp">회원가입</a>
</div></li>
</ul>
<%
} else{ // 로그인이 되어 있다면
%>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown"><a
class="nav-link dropdown-toggle" role="button"
data-toggle="dropdown" aria-expanded="false"> 회원 관리 </a>
<div class="dropdown-menu">
<a class="dropdown-item" href="logoutAction.jsp">로그아웃</a>
</div></li>
</ul>
<%
}
%>
</div>
</nav>
<div class="container">
<div class="row">
<div class="col-12">
<form method="post" action="sriteAction.jsp">
<table class="table table-striped"
style="text-align: center; border: 1px solid #dddddd">
<!-- table-striped : 게시판의 글 목록들이 홀수와 짝수가 서로 번갈아가며 색상 변경 -->
<thead>
<tr>
<th colspan="2"
style="background-color: #eeeeee; text-align: center;">게시판
글쓰기 양식</th>
</tr>
</thead>
<tbody>
<tr>
<td><input type="text" class="form-control"
placeholder="글 제목" name="bbsTitle" maxlength="50"></td>
</tr>
<tr>
<td><textarea class="form-control" placeholder="글 내용"
name="bbsContent" maxlength="2048" style="height: 350px"></textarea></td>
</tr>
</tbody>
</table>
<div class="text-right">
<input type="submit" class="btn btn-primary" value="글쓰기">
</div>
</form>
</div>
</div>
</div>
</body>
</html>
2. BbsDAO.java 만들기
DAO 데이터 접근 객체
게시판 글쓰기 위해 필요
<BbsDAO.java>
package bbs;
import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
public class BbsDAO {
private Connection conn;
// private PreparedStatement pstmt; //여러 개의 함수가 사용되기 때문에 각각 함수끼리 디비 접근에 있어 마찰이 일어나지 않도록 안쪽에 넣어준다.
private ResultSet rs;
public BbsDAO() { //생성자
try {
String dbURL = "jdbc:mysql://localhost:3306/BOARD";
String dbID = "root";
String dbPassword = "1111";
Class.forName("com.mysql.cj.jdbc.Driver");
conn = DriverManager.getConnection(dbURL, dbID, dbPassword);
//mysql에 접속
} catch(Exception e) {
e.printStackTrace(); //오류 발생했을 때 무슨 오류인지 출력
}
}
public String getDate() { //현재 시간을 가져오는 함수. 게시판에 글을 작성할 때 서버의 시간을 넣어줌
String SQL = "SELECT NOW()"; //현재 시간을 가져오는 MySQL 문장
try {
PreparedStatement pstmt = conn.prepareStatement(SQL); //현재 연결되어 있는 객체를 이용해 SQL 문장을 실행 준비 단계로 만들어 줄 수 있도록 한다.
rs = pstmt.executeQuery(); //실제 실행된 실제 결과를 가져옴.
if(rs.next()) { //결과가 있는 경우, 현재 날짜를 그대로 가져옴.
return rs.getString(1);
}
}catch(Exception e) {
e.printStackTrace();
}
return ""; //데이터베이스 오류
}
public int getNext() { //게시글 번호: 게시글 쓸 때마다 번호가 하나씩 늘어나는데 게시글 작성하면 마지막 글 가져와서 그 글 번호에 +1
String SQL = "SELECT bbsID FROM BOARD ORDER BY bbsID DESC"; //마지막 게시글 번호를 가져옴
try {
PreparedStatement pstmt = conn.prepareStatement(SQL);
rs = pstmt.executeQuery();
if(rs.next()) {
return rs.getInt(1) +1; // 마지막 게시글 번호 +1
}
return 1; // 이전에 작성된 글이 없는 첫 번째 게시물인 경우
}catch(Exception e) {
e.printStackTrace();
}
return -1; //데이터베이스 오류(게시물 번호로서 적절하지 않은 -를 입력)
}
public int write(String bbsTitle, String userID, String bbsContent) {
String SQL = "INSER INTO BOARD VALUE (?, ?, ?, ?, ?, ?)";
try {
PreparedStatement pstmt = conn.prepareStatement(SQL);
pstmt.setInt(1, getNext());
pstmt.setString(2, bbsTitle);
pstmt.setString(3, userID);
pstmt.setString(4, getDate());
pstmt.setString(5, bbsContent);
pstmt.setInt(6, 1); //available이니까 글 작성했을 때 글이 보여지는 형태가 되어야 하고 삭제가 되지 않은 것이기 때문에 1
rs = pstmt.executeQuery();
return pstmt.executeUpdate(); //성공적으로 수행했다면 0 이상의 결과 반환, 오류 발생하면 -1 반환
}catch(Exception e) {
e.printStackTrace();
}
return -1;
}
}
3. writeAction.jsp
joinAction.jsp 내용을 복사해 수정
<writeAction.jsp>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ page import="bbs.BbsDAO" %>
<%@ page import="java.io.PrintWriter" %>
<% request.setCharacterEncoding("UTF-8");%> <%-- post 방식으로 전달된 한글 데이터를 서버에서 올바르게 인코딩하기 위해 필수로 필요하다. --%>
<jsp:useBean id="bbs" class="bbs.Bbs" scope="page"/>
<jsp:setProperty name="bbs" property="bbsTitle" />
<jsp:setProperty name="bbs" property="bbsContent" />
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JSP 게시판 웹 사이트</title>
</head>
<body>
<% String userID = null;
if(session.getAttribute("userID") != null){ // session 존재하는 회원들은 userID에 해당 session 값을 넣을 수 있도록 한다.
userID = (String)session.getAttribute("userID"); // 정상적으로 유저 아이디라는 변수가 자신에세 할돵된 세션 아이디를 담을 수 있도록 만들어줌.
}
if(userID == null){ // userID가 null 값인 경우(로그인 안 한 경우)
PrintWriter script = response.getWriter();
script.println("<script>");
script.println("alert('로그인을 하세요.')");
script.println("location.href = 'login.jsp'");
script.println("</script>");
} else{
if(bbs.getBbsTitle() == null || bbs.getBbsContent() == null){ //사용자가 글 제목이나 글 내용을 입력하지 않은 경우
PrintWriter script = response.getWriter();
script.println("<script>alert('입력이 안 된 사항이 있습니다.'); history.back();</script>");
} else{
BbsDAO bbsDAO = new BbsDAO();
int result = bbsDAO.write(bbs.getBbsTitle(), userID, bbs.getBbsContent()); //write함수 실행해 게시글 작성할 수 있도록 한다.
if(result == -1){ //데이터베이스 오류
PrintWriter script = response.getWriter();
script.println("<script>");
script.println("alert('글쓰기에 실패했습니다.')");
script.println("history.back()");
script.println("</script>");
} else { //성공
PrintWriter script = response.getWriter();
script.println("<script>");
script.println("location.href = 'bbs.jsp'");
script.println("</script>");
}
}
}
%>
</body>
</html>
하... 오타 때문에 실행할 때마다 실패 떠서 울 뻔 했음.
오타가 젤 찾기 힘들어;
제목과 내용 작성하고 글쓰기 버튼 클릭하면 게시판 페이지로 이동한다.
개시판 페이지에선 예시 데이터만 보이지만 MySQL 코멘더에서 보면 데이터가 잘 들어간 것을 확인할 수 있다.
'개인 프로젝트 > 게시판 만들기 (eclipse-JSP)' 카테고리의 다른 글
| [JSP] 게시판 만들기 12 - 게시글 보기 기능 구현 (0) | 2025.05.28 |
|---|---|
| [JSP] 게시판 만들기 11 - 게시판 글 목록 기능 구현하기 (0) | 2025.05.26 |
| [JSP] 게시판 만들기 9 - 게시판 데이터베이스 구축 (0) | 2025.05.22 |
| [JSP] 게시판 만들기 8 - 게시판 메인 페이지 디자인 (0) | 2025.05.22 |
| [JSP] 게시판 만들기 7 - 접속한 회원 세션 관리하기 (0) | 2025.05.21 |
'개인 프로젝트/게시판 만들기 (eclipse-JSP)' Related Articles
more
