Backend/Jsp

Jsp 게시판 만들기 - 15. 글쓰기 기능 구현

saintclair 2023. 3. 30. 10:18

1. write.jsp 생성

 

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<%@ page import="java.io.PrintWriter" %>

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<meta name="viewport" content="width=device-width", initial-scale="1">

<link rel="stylesheet" href="css/bootstrap.css">

<link rel="stylesheet" href="css/custom.css">

<title>JSP 게시판 웹 사이트</title>

</head>

<body>

<%

String userID = null;

if (session.getAttribute("userID") !=null){

userID = (String) session.getAttribute("userID");

}

%>

<nav class="navbar navbar-default">

<div class="navbar-header">

<button type="button" class ="navbar-toggle collapsed"

data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">

<span class="icon-bar"></span>

<span class="icon-bar"></span>

<span class="icon-bar"></span>

</button>

<a class="navbar-brand" href="main.jsp">JSP 게시판 웹 사이트</a>

</div>

<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">

<ul class="nav navbar-nav">

<li><a href="main.jsp">메인</a></li>

<li class="active"><a href="bbs.jsp">게시판</a></li>

</ul>

<%

if(userID == null){

%>

<ul class="nav navbar-nav navbar-right">

<li class="dropdown">

<a href="#" class="dropdown-toggle"

data-toggle="dropdown" role="button" aria-haspopup="true"

aria-expanded="false">접속하기<span class="caret"></span></a>

<ul class="dropdown-menu">

<li><a href="login.jsp">로그인</a></li>

<li><a href="join.jsp">회원가입</a></li>

</ul>

</li>

</ul>

<%

} else {

%>

<ul class="nav navbar-nav navbar-right">

<li class="dropdown">

<a href="#" class="dropdown-toggle"

data-toggle="dropdown" role="button" aria-haspopup="true"

aria-expanded="false">회원관리<span class="caret"></span></a>

<ul class="dropdown-menu">

<li><a href="logoutAction.jsp">로그아웃</a></li>

</ul>

</li>

</ul>

<%

}

%>

</div>

</nav>

<div class="contatiner">

<div class="row">

<form method="post" action="writeAction.jsp"> //poist - 보내지는 내용이 숨겨지도록 / 값이 writeAction.jsp로 보내짐

<table class="table table-striped" style="text-align:center; border: 1px solid #dddddd">

<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> //textarea - 장문의 글에 사용

<td><textarea class="form-control" placeholder="글 내용" name="bbsContent" maxlength="2048" style="height:350px;"></textarea></td>

</tr>

</tbody>

</table>

<input type="submit" class="btn btn-primary pull-right" value="글쓰기">

</form>

</div>

</div>

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>

<script src="js/bootstrap.js"></script>

</body>

</html>

 

 

 

2.  자바 리소스 폴더 - src 폴더 - 패키지 bbs - BbsDAO.jsp 파일 생성

 

package bbs;

import java.sql.Connection;

import java.sql.DriverManager;

import java.sql.PreparedStatement;

import java.sql.ResultSet;

import java.util.ArrayList;

public class BbsDAO {

 

private Connection conn;

private ResultSet rs;

 

public BbsDAO() { //데이터 접근 객체

try {

String dbURL = "jdbc:mysql://localhost:3306/BBS";

String dbID ="root";

String dbPassword = "1234";       //비번 체크 잘해

Class.forName("com.mysql.jdbc.Driver");

conn = DriverManager.getConnection(dbURL, dbID, dbPassword );

} catch (Exception e) {

e.printStackTrace();

}

}

 

public String getDate() {     //현재의 시간을 가져오는 함수

String SQL = "SELECT NOW()";

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() {

String SQL = "SELECT bbsID FROM BBS 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; //데이터베이스 오류 / 게시물번호가 아닌 -1이 출력됨으로써 개발자가 오류를 알 수 있게 해줌

}

//하나의 게시물을 데이터베이스에 삽입하는 함수 write를 생성

public int write(String bbsTitle, String userID, String bbsContent) {  //실제로 글을 작성하는 함수

String SQL = "INSERT INTO BBS VALUES(?, ?, ?, ?, ?, ?)";

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);    //

return pstmt.executeUpdate();

} catch (Exception e) {

e.printStackTrace();

}

return -1; //데이터베이스 오류

}

}

 

 

3. writeAction.jsp 파일 생성

실제로 글쓰기를 눌러서 글을 작성해주는 액션페이지

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<%@ page import = "bbs.BbsDAO" %>   //게시글을 작성할 수 있는 데이터베이스는 BbsDAO 객체를 이용해 다룰 수 있음

<%@ page import = "java.io.PrintWriter" %>

<% request.setCharacterEncoding("UTF-8"); %>

<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 http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>JSP 게시판 웹 사이트</title>

</head>

<body>

<%

 

String userID = null;

if(session.getAttribute("userID") !=null){

userID = (String) session.getAttribute("userID");

}

if(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>");

script.println("alert('입력되지 않은 항목이 있습니다.')");

script.println("history.back()");

script.println("</script>");

} else{

BbsDAO bbsDAO = new BbsDAO(); //인스턴스 생성

int result = bbsDAO.write(bbs.getBbsTitle(), userID, bbs.getBbsContent());  //차례로 매개변수 넣어주기

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>

 

 

 

 

 

 

4. 로그인해서 게시물 작성하면 화면에는 뜨지 않지만 Mysql 클라이언트에서 확인하면

길동이가 작성한 게시물을 볼 수 있음

 

 

참고

동빈나 유투브