서블릿과 데이터 베이스 연동

H_u 2024. 7. 2. 12:33

728x90

SMALL

1. 서버로 데이터를 전송하는 form 태그 사용

HTML 파일명은 어떤 규칙으로 작성할까?

하이픈을 사용한 케밥 표기법 (Kebab Case)

index.html
contact-us.html
user-profile.html
product-list.html

언더스코어를 사용한 스네이크 표기법 (Snake Case)

index.html
contact_us.html
user_profile.html
product_list.html

webapp/todo-add.html 파일에 작성

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Todo Form</title>
</head>
<body>
	<!-- form 태그에서 데이터를 서버로 제출할 때 반드시 name 속성이 있어야 한다.  -->
	<div class="todo-form">
		<h2>ADD Todo</h2>
		<p>http://localhost:8080/s02/todo-add.html</p>
		<!-- 절대 경로 -->
		<!-- / 부터 시작한다면 절대 경로를 의미하고 context-root 부터 시작이다.  -->
		<form action="/s02/todo-insert" method="post">
			<label for="title">Title : </label>
			<input type="text" id = "title" placeholder="Enter todo title" name="title" value="코딩하기"  > 
			<label for="description">Description: </label>
			<input type="text" id = "description" placeholder="Enter todo description" name="description" value="html 연습">
			<button type="submit"> Save </button>
		</form>
	</div>
	
	
</body>
</html>

TodoServlet 파일(서블릿 클래스 생성)

package com.tenco.controller;

import jakarta.servlet.ServletException;
import jakarta.servlet.annotation.WebServlet;
import jakarta.servlet.http.HttpServlet;
import jakarta.servlet.http.HttpServletRequest;
import jakarta.servlet.http.HttpServletResponse;
import java.io.IOException;

@WebServlet("/todo-insert")
public class TodoServlet extends HttpServlet {
	private static final long serialVersionUID = 1L;
       
    public TodoServlet() {
        super();
    }

	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		response.getWriter().append("Served at: ").append(request.getContextPath());
	}

	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		System.out.println("TODO-INSERT POST 호출 됨");
		
		// HTTP 메시지에서 데이터 추출하기
		// form 에서 name 속성이 있어야 값을 추출할 수 있다.
		String title = request.getParameter("title");
		String description = request.getParameter("description");
		
		System.out.println("title : " + title);
		System.out.println("description : " + description);
	}

}

DB 생성 및 테이블 설계

create database db_todo;
use db_todo; 

-- 테이블 생성 
create table tb_todo(
	id int auto_increment primary key, 
  title varchar(255) not null, 
  description text not null, 
  completed boolean not null default false, 
  created_at timestamp default current_timestamp
);

desc tb_todo;
select * from tb_todo;

package com.tenco.controller;

import java.io.IOException;
import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.PreparedStatement;

import jakarta.servlet.ServletException;
import jakarta.servlet.annotation.WebServlet;
import jakarta.servlet.http.HttpServlet;
import jakarta.servlet.http.HttpServletRequest;
import jakarta.servlet.http.HttpServletResponse;

@WebServlet("/todo-insert")
public class TodoServlet extends HttpServlet {
	private static final long serialVersionUID = 1L;

	public TodoServlet() {
		super();
	}

	// 정적 초기화 블록 - 단 한번 호출
	static {
		try {
			// JDBC 드라이버 로드 ( MySQL )
			Class.forName("com.mysql.cj.jdbc.Driver");
		} catch (ClassNotFoundException e) {
			e.printStackTrace();
		}
	}

	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
	}

	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

		// HTTP 메시지에서 데이터 추출하기
		// form 에서 name 속성이 있어야 값을 추출할 수 있다.
		String title = request.getParameter("title");
		String description = request.getParameter("description");

		// 데이터베이스 연동 코드를 작성해야 한다.
		String jdbcURL = "jdbc:mysql://localhost:3306/db_todo?serverTimezone=Asia/Seoul";
		String username = "root";
		String password = "asd123";

		String insertTodoSQL = " INSERT INTO tb_todo(title, description) VALUES (?,?) ";

		try (Connection conn = DriverManager.getConnection(jdbcURL, username, password);
				PreparedStatement pstmt = conn.prepareStatement(insertTodoSQL)) {
			pstmt.setString(1, title);
			pstmt.setString(2, description);
			int rowCount = pstmt.executeUpdate();
			System.out.println("rowCount : " + rowCount);
		} catch (Exception e) {
			e.printStackTrace();
			response.getWriter().print("Error : " + e.getMessage());
			return;
		}
		response.getWriter().println("Todo added successfully");
	}

}

728x90

SMALL