스프링 - 상품 조회 게시판 만들기(1)

 

 

 

스프링 프레임워크를 이용하여 상품을 조회할수 있는 게시판을 만들어보자

 

1. product 프로젝트 생성

1) 기본 셋팅

메이븐 방식 사용할 것이며 아래의 라이브러리를 생성 시에 함게 만들어 줄 것이다.

 

 

2) Tomcat Jasper 라이브러리 추가

jsp페이지는 스프링이 지원하지않아 따로 추가해야겠다.

-pom.xml 에 추가

 

<!-- https://mvnrepository.com/artifact/org.apache.tomcat/tomcat-jasper -->
<dependency>
    <groupId>org.apache.tomcat</groupId>
    <artifactId>tomcat-jasper</artifactId>
    <version>9.0.22</version>
</dependency>

 

 

 

다시 실행해보면 jasperrk 추가 된 것을 확인 할 수 있다.

 

임의로 폴더를 지정해서 만들어 준다.

 

- 설정파일 수정(yml)

 

 

server:
  port: 8080
  servlet:
    context-path: /

spring:
  mvc:
    view:
      prefix: /WEB-INF/views/
      suffix: .jsp 
      

 

 

문서의 가독성을 위해 yml파일로 수정 후 jsp페이지를 인식하기 위한 설정코드를 넣는다.

이때 내부톰캣의 포트번호와 context-path를 함께 설정해 주었다.

 

-productController

package com.seoha.product.controller; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.GetMapping; @Controller public class ProductController { @GetMapping({"","/"}) public String index() { return "index"; } }

 

 

 

 

index페이지를 만들어서 디스패처가 잘 낚아 채는가 jasper라이브러리의 설정이 맞게 되었는지 확인

 

 

3) mysql, mybatis 설정하기

- mysql의 사용자와 테이블을 함께 만든다.

사용자는 앞에서 만들었던 spring을 사용하고 테이블만 만들어야겠당

CREATE TABLE product(
id int AUTO_INCREMENT PRIMARY KEY, 
name varchar(100) not null,
price int not null,
orderCount int,
type varchar(100)

)ENGINE=InnoDB DEFAULT CHARSET = utf8;

- model 만들기

아이디는 DB에서 오토를 걸어줬기때문에 생성자는 롬북라이브러리를 쓰지않고 id만 빼고 따로 생성자를 만들어주었당. builder를 쓸 계획은 아직 없을거 같지만 혹시 모를 기능을 위해 빌더를 걸어놓는당.

package com.seoha.product.model;

import lombok.Data;
import lombok.NoArgsConstructor;

@NoArgsConstructor
@Data
public class Product {
	private int id;
	private String name;
	private int price;
	private int orderCount;
	private String type;
	
	@Builder
	public Product(String name, int price, int orderCount, String type) {
		super();
		this.name = name;
		this.price = price;
		this.orderCount = orderCount;
		this.type = type;
	}
}

 

 

- yml파일에 추가

  datasource:
    url: jdbc:mysql://localhost:3306/spring?serverTimezone=Asia/Seoul
    username: spring
    password: bitc5600
    driver-class-name: com.mysql.cj.jdbc.Driver

 

jsp로 mysql할때랑 다른게 없다! 여기서도 서버타임존을 설정해준다!

 

- config 패키지 만들어서 mybatis설정파일 복붙하기

 

 

 

- DataAccessConfig

복붙만 하면 되는데 베이스패키지는 repository 패키지를 바라볼수있게 셋팅해준다.

또 매퍼의 xml파일을 만들어준다

package com.seoha.product.config;

import javax.sql.DataSource;

import org.apache.ibatis.session.SqlSessionFactory;
import org.mybatis.spring.SqlSessionFactoryBean;
import org.mybatis.spring.SqlSessionTemplate;
import org.mybatis.spring.annotation.MapperScan;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.core.io.support.PathMatchingResourcePatternResolver;

@Configuration
@MapperScan(basePackages = "com.seoha.product.repository")
public class DataAccessConfig {

    @Bean
    public SqlSessionFactory sqlSessionFactory(DataSource dataSource) throws Exception {

        SqlSessionFactoryBean sessionFactory = new SqlSessionFactoryBean();

        sessionFactory.setDataSource(dataSource);
        sessionFactory.setMapperLocations(
        		new PathMatchingResourcePatternResolver().getResources("classpath:mapper/*.xml"));
        return sessionFactory.getObject();
    }

    @Bean
    public SqlSessionTemplate sqlSessionTemplate(SqlSessionFactory sqlSessionFactory) {
        return new SqlSessionTemplate(sqlSessionFactory);
    }
}

 

- DataSourceConfig

package com.seoha.product.config;

import javax.sql.DataSource;

import org.springframework.boot.context.properties.ConfigurationProperties;
import org.springframework.boot.jdbc.DataSourceBuilder;
import org.springframework.context.annotation.Configuration;

@Configuration
public class DataSourceConfig {

	@ConfigurationProperties(prefix="spring.datasource")
	public DataSource dataSource(){
    	return DataSourceBuilder.create().build();
	}
}

 

 

-mapper/product.xml

난 타입에 맞게 뿌리기만 하면 되기에 selete만 사용

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE mapper
  PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
  "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper
	namespace="com.seoha.baseball.repository.BaseballRepository">

	<select id="findAll" resultType="com.seoha.baseball.model.Baseball">
		select * from baseball
	</select>
 
</mapper>

- com.seoha.product.repository.ProductRepository 인터페이스 만들기

 

package com.seoha.product.repository;

import java.util.List;

import com.seoha.product.model.Product;

public interface ProductRepository {
	List<Product> findAll();
}	

 

 

 

 

4. jsp페이지에 출력하기

 

 

 

-productController추가

간단하게 만든 쿼리문을 사용하여 정보를 모델에 저장하였당

@Controller
public class ProductController {

	@Autowired
	private ProductRepository productRepository;

	@GetMapping({ "", "/" })
	public String index(Model model) {
		
		List<Product> products = productRepository.findAll();
		model.addAttribute("products", products);
		return "product";
		

 

-product에 뿌리기

	<table border="1">
		<tr id="title">
			<th>id</th>
			<th>name</th>
			<th>price</th>
			<th>orderCount</th>
			<th>type</th>
		</tr>
		
		<c:forEach var="product" items="${products}">

			<tr class="item">
				<td>${product.id}</td>
				<td>${product.name}</td>
				<td>${product.price}</td>
				<td>${product.orderCount}</td>
				<td>${product.type}</td>

			</tr>
		</c:forEach>

	</table>

 

 

 

 

이렇게 스프링을 이용해서 뿌려보았당