spring - 회원제 게시판 구현하기 - 페이지 전환 (2022-11-05)
2022. 11. 5. 19:28ㆍ3층 1구역 - 개발의 장/Spring
1. 서론
매번 한다 한다 하다가 이제서야 한다 스프링으로 회원제 게시판 구현하기....
이전에 java ↔ jsp를 이용하여 회원제 게시판을 구현했었는데 이번엔 spring이다.
페이지 연결부터 게시글 삭제까지 한번 달려보도록 하자.
2. 본론
먼저 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
<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/javaee https://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">
<!-- The definition of the Root Spring Container shared by all Servlets and Filters -->
<context-param>
<param-name>contextConfigLocation</param-name>
<param-value>/WEB-INF/spring/root-context.xml</param-value>
</context-param>
<!-- Creates the Spring Container shared by all Servlets and Filters -->
<listener>
<listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
</listener>
<!-- Processes application requests -->
<servlet>
<servlet-name>appServlet</servlet-name>
<servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
<init-param>
<param-name>contextConfigLocation</param-name>
<param-value>/WEB-INF/spring/appServlet/servlet-context.xml</param-value>
</init-param>
<load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>appServlet</servlet-name>
<url-pattern>/</url-pattern>
</servlet-mapping>
<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-app>
pom.xml은 그냥 있는거 사용하도록 하겠다.
maven에 json과 관련된 의존성이 있긴 한데....나중에 회원 목록을 검색할 때
이용할 사람들은 써먹어도 좋을 거 같다.(일단 필자는 안한다!! 당당!!)
pom.xml
<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/maven-v4_0_0.xsd">
<modelVersion>4.0.0</modelVersion>
<groupId>com.care</groupId>
<artifactId>pra</artifactId>
<name>ab_pra</name>
<packaging>war</packaging>
<version>1.0.0-BUILD-SNAPSHOT</version>
<properties>
<java-version>1.8</java-version>
<org.springframework-version>5.2.1.RELEASE</org.springframework-version>
<org.aspectj-version>1.6.10</org.aspectj-version>
<org.slf4j-version>1.6.6</org.slf4j-version>
</properties>
<dependencies>
<!-- Spring -->
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-context</artifactId>
<version>${org.springframework-version}</version>
<exclusions>
<!-- Exclude Commons Logging in favor of SLF4j -->
<exclusion>
<groupId>commons-logging</groupId>
<artifactId>commons-logging</artifactId>
</exclusion>
</exclusions>
</dependency>
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-webmvc</artifactId>
<version>${org.springframework-version}</version>
</dependency>
<!-- AspectJ -->
<dependency>
<groupId>org.aspectj</groupId>
<artifactId>aspectjrt</artifactId>
<version>${org.aspectj-version}</version>
</dependency>
<!-- Logging -->
<dependency>
<groupId>org.slf4j</groupId>
<artifactId>slf4j-api</artifactId>
<version>${org.slf4j-version}</version>
</dependency>
<dependency>
<groupId>org.slf4j</groupId>
<artifactId>jcl-over-slf4j</artifactId>
<version>${org.slf4j-version}</version>
<scope>runtime</scope>
</dependency>
<dependency>
<groupId>org.slf4j</groupId>
<artifactId>slf4j-log4j12</artifactId>
<version>${org.slf4j-version}</version>
<scope>runtime</scope>
</dependency>
<dependency>
<groupId>log4j</groupId>
<artifactId>log4j</artifactId>
<version>1.2.15</version>
<exclusions>
<exclusion>
<groupId>javax.mail</groupId>
<artifactId>mail</artifactId>
</exclusion>
<exclusion>
<groupId>javax.jms</groupId>
<artifactId>jms</artifactId>
</exclusion>
<exclusion>
<groupId>com.sun.jdmk</groupId>
<artifactId>jmxtools</artifactId>
</exclusion>
<exclusion>
<groupId>com.sun.jmx</groupId>
<artifactId>jmxri</artifactId>
</exclusion>
</exclusions>
<scope>runtime</scope>
</dependency>
<!-- @Inject -->
<dependency>
<groupId>javax.inject</groupId>
<artifactId>javax.inject</artifactId>
<version>1</version>
</dependency>
<!-- Servlet -->
<dependency>
<groupId>javax.servlet</groupId>
<artifactId>javax.servlet-api</artifactId>
<version>3.1.0</version>
<scope>provided</scope>
</dependency>
<dependency>
<groupId>javax.servlet.jsp</groupId>
<artifactId>jsp-api</artifactId>
<version>2.1</version>
<scope>provided</scope>
</dependency>
<dependency>
<groupId>javax.servlet</groupId>
<artifactId>jstl</artifactId>
<version>1.2</version>
</dependency>
<!-- Test -->
<dependency>
<groupId>junit</groupId>
<artifactId>junit</artifactId>
<version>4.7</version>
<scope>test</scope>
</dependency>
<!-- https://mvnrepository.com/artifact/com.oracle.database.jdbc/ojdbc6 -->
<dependency>
<groupId>com.oracle.database.jdbc</groupId>
<artifactId>ojdbc6</artifactId>
<version>11.2.0.4</version>
</dependency>
<!-- https://mvnrepository.com/artifact/com.zaxxer/HikariCP -->
<dependency>
<groupId>com.zaxxer</groupId>
<artifactId>HikariCP</artifactId>
<version>4.0.3</version>
</dependency>
<!-- https://mvnrepository.com/artifact/org.springframework/spring-jdbc -->
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-jdbc</artifactId>
<version>${org.springframework-version}</version>
</dependency>
<!-- https://mvnrepository.com/artifact/org.mybatis/mybatis -->
<dependency>
<groupId>org.mybatis</groupId>
<artifactId>mybatis</artifactId>
<version>3.5.11</version>
</dependency>
<!-- https://mvnrepository.com/artifact/org.mybatis/mybatis-spring -->
<dependency>
<groupId>org.mybatis</groupId>
<artifactId>mybatis-spring</artifactId>
<version>2.0.1</version>
</dependency>
<!-- https://mvnrepository.com/artifact/com.fasterxml.jackson.core/jackson-databind -->
<dependency>
<groupId>com.fasterxml.jackson.core</groupId>
<artifactId>jackson-databind</artifactId>
<version>2.13.4.2</version>
</dependency>
<!-- https://mvnrepository.com/artifact/com.google.code.gson/gson -->
<dependency>
<groupId>com.google.code.gson</groupId>
<artifactId>gson</artifactId>
<version>2.9.1</version>
</dependency>
<!-- https://mvnrepository.com/artifact/org.springframework.security/spring-security-web -->
<dependency>
<groupId>org.springframework.security</groupId>
<artifactId>spring-security-web</artifactId>
<version>${org.springframework-version}</version>
</dependency>
<!-- https://mvnrepository.com/artifact/javax.mail/javax.mail-api -->
<dependency>
<groupId>javax.mail</groupId>
<artifactId>javax.mail-api</artifactId>
<version>1.6.2</version>
</dependency>
<!-- https://mvnrepository.com/artifact/com.sun.mail/javax.mail -->
<dependency>
<groupId>com.sun.mail</groupId>
<artifactId>javax.mail</artifactId>
<version>1.6.2</version>
</dependency>
<!-- https://mvnrepository.com/artifact/org.springframework/spring-context-support -->
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-context-support</artifactId>
<version>${org.springframework-version}</version>
</dependency>
</dependencies>
<build>
<plugins>
<plugin>
<artifactId>maven-eclipse-plugin</artifactId>
<version>2.9</version>
<configuration>
<additionalProjectnatures>
<projectnature>org.springframework.ide.eclipse.core.springnature</projectnature>
</additionalProjectnatures>
<additionalBuildcommands>
<buildcommand>org.springframework.ide.eclipse.core.springbuilder</buildcommand>
</additionalBuildcommands>
<downloadSources>true</downloadSources>
<downloadJavadocs>true</downloadJavadocs>
</configuration>
</plugin>
<plugin>
<groupId>org.apache.maven.plugins</groupId>
<artifactId>maven-compiler-plugin</artifactId>
<version>3.5.1</version>
<configuration>
<source>1.8</source>
<target>1.8</target>
<compilerArgument>-Xlint:all</compilerArgument>
<showWarnings>true</showWarnings>
<showDeprecation>true</showDeprecation>
</configuration>
</plugin>
<plugin>
<groupId>org.codehaus.mojo</groupId>
<artifactId>exec-maven-plugin</artifactId>
<version>1.2.1</version>
<configuration>
<mainClass>org.test.int1.Main</mainClass>
</configuration>
</plugin>
</plugins>
</build>
</project>
일단 스포이지만?
게시판을 할 경우 파일 첨부해서 게시판 이용자가 파일을 다운로드 받을 수 있도록 해볼 것이다.
이제 페이지를 연결하는 작업을 해보도록 하자.
index.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>index</title>
</head>
<body>
<c:import url="/default/header" />
<c:import url="/default/main" />
<c:import url="/default/footer" />
</body>
</html>
HomeController.java
package com.care.db_quiz;
import java.text.DateFormat;
import java.util.Date;
import java.util.Locale;
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
/**
* Handles requests for the application home page.
*/
@Controller
public class HomeController {
@RequestMapping("default/header") public void header() {}
@RequestMapping("default/main") public void main() {}
@RequestMapping("default/footer") public void footer() {}
}
header.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>header</title>
<style type="text/css">
a {text-decoration: none; color:black;}
ul {padding: 20px;}
ul li {display: inline; padding: 15px;}
.main_div{height:150px;}
.font{text-align: center; width:100%; margin-bottom: 50px}
</style>
</head>
<body>
<div align="center">
<h1>CARE LAB</h1>
</div>
<div align="right">
<hr>
<ul>
<li><a href="/db_quiz/member/index">HOME</a></li>
<c:choose>
<c:when test="${empty sessionScope.id }">
<li><a href="register">Register</a></li>
<li><a href="login">Login</a></li>
</c:when>
<c:otherwise>
<li><a href="memberInfo">memberInfo</a></li>
<li><a href="logout">Logout</a></li>
</c:otherwise>
</c:choose>
</ul>
<hr>
<div class="font"><font color="red">${msg }</font></div>
</div>
</body>
</html>위와 같이 기존에 했던 방식으로 페이지를 연결해도 상관은 없다.
자신이 편한 방법으로 이어주면 된다.
필자는 쪼매 다르게 연결해 보고자 한다.
HomeController.java
package com.care.pra;
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
@Controller
public class HomeController {
private static final Logger logger = LoggerFactory.getLogger(HomeController.class);
// http://localhost:8085/pra/
// '/'를 입력할 경우 맵핑 시작
@RequestMapping(value = "/")
public String index(Model model) {
//Model을 통해 formpath라는 이름에 들어가는 값을 home.jsp로 지정
model.addAttribute("formpath", "home");
//맵핑했을 때 index.jsp를 반환하여 웹에 띄워준다.
return "index";
}
@RequestMapping(value = "index")
public void index(String formpath, Model model) {
//Model을 통해 formpath라는 이름에 들어가는 값을 formpath로 지정
//formpath의 값은 top.jsp에서 쓰이게 된다.
//top.jsp에서 url을 지정하게 되는데 formpath='Controller부분의' value값으로 설정할 경우
//value를 맵핑하여 각각의 값을 return한다.
model.addAttribute("formpath", formpath);
}
// http://localhost:8085/pra/index?formpath=home
@RequestMapping(value = "home")
public void home() {}
// http://localhost:8085/pra/index?formpath=login
@RequestMapping(value = "login")
public String login() {
return "member/loginForm";
}
// http://localhost:8085/pra/index?formpath=member
@RequestMapping(value = "member")
public String member() {
return "member/memberForm";
}
// http://localhost:8085/pra/index?formpath=board
@RequestMapping(value = "board")
public String board() {
return "board/boardForm";
}
}
index.jsp
<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<html>
<body>
<div align="center">
<table style="width:800px;">
<tr>
<td style="height:100px;"><%@ include file="common/top.jsp" %></td>
</tr>
<tr>
<td style="height:400px;"><c:import url="/${formpath }" /></td>
</tr>
<tr>
<td style="height:50px;"><%@ include file="common/footer.jsp" %></td>
</tr>
</table>
</div>
</body>
</html>
top.jsp
<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<style type="text/css">
<!--
a:link{color:black;font-family:sans-serif;text-decoration:none;}
a:visited{color:black;font-family:sans-serif;text-decoration:none;}
a:hover{color:#cc3300; font-weight:bold; }
a:active{color:#ff00cc; text-decoration:underline; }
-->
</style>
<!-- root를 변수로 지정하여 '/'값을 넣어준다. -->
<c:url var="root" value="/" />
<table width=800>
<tr><td align="center" colspan=5><h1>CARE Lab</h1></td></tr>
<tr align="right">
<td width=600></td>
<!-- ${root}를 통해 http://localhost:8085/pra/경로까지 불러오고?
index?formpath=HomeController.java의 value값을 지정하여 각 value가 갖고있는
return값을 가져올 수 있다. -->
<td><a href="${root }index?formpath=home">홈</a></td>
<td><a href="${root }index?formpath=login">로그인</a></td>
<td><a href="${root }index?formpath=member">회원가입</a></td>
<td><a href="${root }index?formpath=board">게시판</a></td>
</tr>
<tr><td align="center" colspan=5><hr/></td></tr>
</table>
위 사진에서 결론은 이거다. url설정을 formpath=value로 했을 경우, 각 버튼의 value값은 formpath부분에 저장되며
그 저장된 formpath는 각 버튼의 return값을 가져와 사용자에게 보여준다.
그러면 결과는?
해당하는 버튼을 클릭할때마다 페이지 전환이 정상적으로 이루어지는 것을 확인 할 수 있었다.
3. 결말
처음 필자도 기존 방법으로 페이지를 이었다. 배우기도 했고 가장 쉬웠으니까...
근데 강사님 코드를 받고 가만히 코드를 보고 있자니 이렇게도 가능하구나 라는 것을 알았다.
이래서 코드 작성에는 정답이 없는 거 같다. 필자는 언제쯤 이렇게 간결하게 코드를 작성할 수 있을까...
이 아래로는 현재 사용한 Form에 관한 코드들이다.
여기에 추가하거나 삭제하거나 지지고 볶고 할 예정이니
필자도 자주사용해야하니 첨부로 남기도록 한다.
'3층 1구역 - 개발의 장 > Spring' 카테고리의 다른 글
| spring - 회원제 게시판 구현하기 - [비밀번호 암호화]회원 가입(2)(2022-11-05) (0) | 2022.11.06 |
|---|---|
| spring - 회원제 게시판 구현하기 - [아이디 중복확인]회원 가입(1)(2022-11-05) (0) | 2022.11.06 |
| spring - AWS 데이터베이스를 생성해보자(2022-11-02) (0) | 2022.11.02 |
| spring - 우분투(리눅스) OS를 이용하여 외부 서버 열어보기(2022-11-01) (0) | 2022.11.01 |
| spring - Starter 프로젝트를 한번 사용하야 보자!(2022-10-31) (0) | 2022.10.31 |