Spring MVC 간단한 게시판 만들기

Spring MVC 간단한 게시판 만들기

2021. 11. 29. 14:25ㆍSpring

728x90

간단한 사용자 관리 프로젝트를 만들어보고,

예전에 jsp공부할 때 만들었던 jdbc 게시판을 응용해

Spring MVC 버전으로 게시판을 만들어볼 예정이다.

최종 결과 화면으로

글 작성, 수정, 삭제, 조회가 가능한 게시판을 만들어볼 예정이다.

Board 테이블

board_seq 시퀀스를 생성해 게시글을 작성할 때마다 자동으로 1씩 wr_uid가 증가하도록 했다.

기본키는 wr_uid

0️⃣ MVC 프로젝트 생성하기

new - > Spring legacy project -> Spring mvc project

❗ 패키지명 작성할 때는 예를 들어 com.lec.board다 하면 마지막 세번째 즉 board가 컨텍스트 이름이 되기 때문에

설정 잘해주기!

이런식의 Sping MVC 프로젝트가 생성되었다면

src/main/java는 웹 root

servlet-context.xml은 스프링 설정파일

web.xml은 dispatcherServlet 설정파일로, servlet-context.xml 파일 위치도 정의해둔다.

pom.xml에는 maven 설정파일이다.

1️⃣ pom.xml, web.xml 설정파일

pom.xml에는 필요한 라이브러리를 추가해주고, web.xml에는 한글 인코딩 코드를 넣어줘야 한글이 깨지지 않는다.

<filter> <filter-name>encodingFilter</filter-name> <filter-class> org.springframework.web.filter.CharacterEncodingFilter </filter-class> <init-param> <param-name>encoding</param-name> <param-value>UTF-8</param-value> </init-param> <init-param> <param-name>forceEncoding</param-name> <param-value>true</param-value> </init-param> </filter> <filter-mapping> <filter-name>encodingFilter</filter-name> <url-pattern>/*</url-pattern> </filter-mapping>

web.xml에 복붙하고 저장하면 된다.

pom.xml에는 자신의 버전에 맞게 라이브러리 추가해주면 된다.

<dependency>
<groupId>org.hibernate.validator</groupId>
<artifactId>hibernate-validator</artifactId>
<version>6.2.0.Final</version>
</dependency>


<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-webmvc</artifactId>
<version>5.2.17.RELEASE</version>
</dependency>


<dependency>
<groupId>org.mybatis</groupId>
<artifactId>mybatis</artifactId>
<version>3.4.6</version>
</dependency>


<dependency>
<groupId>org.mybatis</groupId>
<artifactId>mybatis-spring</artifactId>
<version>1.3.2</version>
</dependency>


<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-aop</artifactId>
<version>5.2.17.RELEASE</version>
</dependency>


<dependency>
<groupId>org.aspectj</groupId>
<artifactId>aspectjweaver</artifactId>
<version>1.9.5</version>
<scope>runtime</scope>
</dependency>


<dependency>
<groupId>com.oracle.database.jdbc</groupId>
<artifactId>ojdbc6</artifactId>
<version>11.2.0.4</version>
</dependency>


<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-jdbc</artifactId>
<version>5.2.17.RELEASE</version>
</dependency>


<dependency>
<groupId>javax.annotation</groupId>
<artifactId>javax.annotation-api</artifactId>
<version>1.3.2</version>
</dependency>


<dependency>
<groupId>junit</groupId>
<artifactId>junit</artifactId>
<version>4.12</version>
<scope>test</scope>
</dependency>


<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-test</artifactId>
<version>5.2.17.RELEASE</version>
<scope>test</scope>
</dependency>

내가 추가했던 라이브러리는 이렇게 된다!

2️⃣ 필요한 패키지, 클래스, jsp 생성하기

3️⃣ Spring 설정 파일

Spring 설정 파일인 servlet-context.xml에 dataSource와 mybatis 등의 빈을 추가해준다.

❗ Mapper 인터페이스

: Mapping 파일에 기재된 sql을 호출하기 위한 인터페이스로 Mapping 파일에 있는 sql을 자바 인터페이스를 통해 호출 할 수 있도록 해준다.

4️⃣ MyBatis 설정 파일 작성하기(Vo객체설정) SqlMapConfig.xml , Mapping 파일 작성 Board.xml

5️⃣ BoardVO, BoardService, BoardDAO 작성 및 구현하기

- BoardVO.java

package com.lec.board.vo;

public class BoardVO {

	private int wr_uid;
	private String subject;
	private String content;
	private String name;
	private int viewcnt;
	private String regdate;
	
	public BoardVO() {
		super();
	}

	public BoardVO(int wr_uid, String subject, String content, String name, int viewcnt, String regdate) {
		super();
		this.wr_uid = wr_uid;
		this.subject = subject;
		this.content = content;
		this.name = name;
		this.viewcnt = viewcnt;
		this.regdate = regdate;
	}

	public int getWr_uid() {
		return wr_uid;
	}

	public void setWr_uid(int wr_uid) {
		this.wr_uid = wr_uid;
	}

	public String getSubject() {
		return subject;
	}

	public void setSubject(String subject) {
		this.subject = subject;
	}

	public String getContent() {
		return content;
	}

	public void setContent(String content) {
		this.content = content;
	}

	public String getName() {
		return name;
	}

	public void setName(String name) {
		this.name = name;
	}

	public int getViewcnt() {
		return viewcnt;
	}

	public void setViewcnt(int viewcnt) {
		this.viewcnt = viewcnt;
	}

	public String getRegdate() {
		return regdate;
	}

	public void setRegdate(String regdate) {
		this.regdate = regdate;
	}
	
	
	
}

변수명은 db 테이블 컬럼명과 맞춰준다.

- BoardService.java (인터페이스)

package com.lec.board.service;

import java.util.List;

import com.lec.board.vo.BoardVO;

public interface BoardService {

	public List<BoardVO> selectList();
	
	public BoardVO selectOne(String wr_uid);
	
	public void updateViewcnt(String wr_uid);
	
	public void insertOne(BoardVO board);
	
	public void updateOne(BoardVO board);
	
	public void deleteOne(String wr_uid);
}

- BoardServiceImple.java (BoardService 구현)

package com.lec.board.service;

import java.util.List;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

import com.lec.board.dao.BoardDAO;
import com.lec.board.vo.BoardVO;

@Service("boardService")
public class BoardServiceImple implements BoardService {

	@Autowired
	BoardDAO boardDao;
	
	@Override
	public List<BoardVO> selectList() {
		List<BoardVO> list = boardDao.selectAll();
		return list;
	}

	@Override
	public BoardVO selectOne(String wr_uid) {
		BoardVO board = boardDao.select(wr_uid);
		return board;
	}

	@Override
	public void updateViewcnt(String wr_uid) {
		boardDao.updateCount(wr_uid);
	}

	@Override
	public void insertOne(BoardVO board) {
		boardDao.insert(board);
	}

	@Override
	public void updateOne(BoardVO board) {
		boardDao.update(board);
	}

	@Override
	public void deleteOne(String wr_uid) {
		boardDao.delete(wr_uid);
	}

}

- BoardDAO.java (인터페이스)

package com.lec.board.dao;

import java.util.List;

import com.lec.board.vo.BoardVO;

public interface BoardDAO {

	public List<BoardVO> selectAll();
	
	public BoardVO select(String wr_uid);
	
	public void updateCount(String wr_uid);
	
	public void insert(BoardVO board);
	
	public void update(BoardVO board);
	
	public void delete(String wr_uid);
}

- BoardDAOJDBC.java (BoardDAO 구현)

package com.lec.board.dao;

import java.util.List;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Repository;

import com.lec.board.vo.BoardVO;

@Repository("boardDao")
public class BoardDAOJDBC implements BoardDAO {

	@Autowired
	BoardMapper boardMapper;
	
	@Override
	public List<BoardVO> selectAll() {
		List<BoardVO> list = boardMapper.selectAll();
		return list;
	}

	@Override
	public BoardVO select(String wr_uid) {
		BoardVO board = boardMapper.selectOne(wr_uid);
		return board;
	}

	
	@Override
	public void updateCount(String wr_uid) {
		boardMapper.updateViewcnt(wr_uid);
	}

	@Override
	public void insert(BoardVO board) {
		boardMapper.insertOne(board);
	}

	@Override
	public void update(BoardVO board) {
		boardMapper.updateOne(board);
	}

	@Override
	public void delete(String wr_uid) {
		boardMapper.deleteOne(wr_uid);
	}


}

- BoardMapper 인터페이스

package com.lec.board.dao;

import java.util.List;

import com.lec.board.vo.BoardVO;

public interface BoardMapper {

	List<BoardVO> selectAll();
	
	BoardVO selectOne(String wr_uid);
	
	void insertOne(BoardVO board);
	
	void updateOne(BoardVO board);
	
	void deleteOne(String wr_uid);
	
	void updateViewcnt(String wr_uid);
}

❗ Spring MVC 기반 웹 애플리케이션 작성 절차

1. 클라이언트의 요청을 받는 DispatcherServlet를 web.xml에 설정
2. 클라이언트의 요청을 처리할 Controller 작성
3. Spring bean으로 Controller 등록
4. jsp를 이용한 view 영역의 코드를 작성
5. browser 상에서 jsp를 실행

6️⃣ 게시판 글 목록 조회

- BoardController

게시판 목록 조회 요청 url은 "/board/list.do"이다.

DispathcherServlet이 클라이언트의 요청을 받아 url과 요청 정보를 기준으로 HandlerMapping을 통해 모델 객체 메서드를 호출한다. 그리고 모델에서 요청에 대해 처리하고, 처리 결과 데이터를 model에 담아 board/list.jsp 에 리턴한다.

list.jsp에서는 전달받은 객체를 ${list}로 받아서 jstl core 라이브러리를 사용해 반복문으로 테이블에 목록을 출력해준다.

그리고 제목을 클릭하면 해당 글을 조회할 수 있도록 하이퍼링크를 달았다.

7️⃣ 특정 글 조회

특정 글 조회 요청 url은 "/board/view.do"이다.

그리고 특정 글 조회를 위해 wr_uid 를 파라미터로 받는다.

특정 글을 클릭하면 해당 글을 조회할 수 있어야 하며, 조회수가 1 증가해야하기 때문에

두가지를 수행한다.

그리고 모델의 수행 결과를 ModelAndView 객체에 반환했다.

조회 결과를 board에 담아서 view.jsp에 전달했기 때문에 view에서는 ${board.wr_uid} 하면 해당 값을 출력할 수 있다.

그리고 해당 글을 삭제하고 싶을 때 삭제하기 버튼을 누르면 사용자에게 한번 더 확인하는 확인창을 띄워 사용자가 확인 버튼을 눌러야 삭제가 동작하도록 했다.

8️⃣ 글 작성

list, view 화면에서 신규 등록 버튼을 누르면 나타나는 화면으로 새로운 글을 작성할 수 있는 페이지이다.

글 작성 페이지에서 등록 버튼을 누르면 writeOk.do가 실행되어 작성한 글이 데이터베이스에 반영된다.

글을 등록한 후에는 다시 리다이렉트하여 list.do로 이동한다.

9️⃣ 글 수정

글을 수정하기 위해서 수정하기 버튼을 누르면

이렇게 제목과 내용을 수정할 수 있는 페이지로 바뀐다.

wr_uid와 name 등은 변경할 수 없도록 했다.

우선 글 수정 페이지에서는 원래 수정 전 글이 표시되어야 하기 때문에 selectOne 을 통해 특정 글을 조회해 표시해준다.

글을 수정한 후에 수정버튼을 누르면 updateOk.do가 실행되면서 글 수정을 데이터베이스에 반영하고 난 후에

redirect로 list로 한다.

🔟 글 삭제

BoardController에서는 @PathVariable 어노테이션을 통해 파라미터를 url형식으로 받을 수 있도록 해준다.

글 삭제는 페이지가 따로 필요 없기 때문에 해당 글의 uid를 url형식으로 받도록 했다.

사용자가 확인 버튼을 누르면 삭제가 되고, 다시 목록으로 돌아가도록 리다이렉트 한다.

이렇게 하면 간단한 게시판을 조회, 수정, 삭제, 등록할 수 있다.

이제 여기서 제목이나 작성자는 반드시 작성하도록 유효성을 점검한다던가,

에러가 발생한다면 에러 페이지를 만들어주거나 하는 등 해서

점점 추가해 나갈 예정이다!

728x90

'Spring' 카테고리의 다른 글

Spring RESTful 사용자 관리 프로젝트 (@RequestBody, @ResponseBody, GET, POST, PUT, DELETE, Postman 설치 및 테스트 ) (0)	2021.11.29
Spring REST, RESTful API, XML, JSON , Jackson 라이브러리 설치 (0)	2021.11.29
Spring Validation 폼 데이터 검증 Validator, @Vaild (0)	2021.11.26
Spring Request Parameter (@RequestParam, @ModelAttribute, @PathVariable, redirect) (0)	2021.11.26
Spring @Controller, @RequestMapping (0)	2021.11.26

💖💗

💖💗

태그

최근글

댓글

공지사항

아카이브

'Spring' 카테고리의 다른 글

관련글

티스토리툴바