스프링 mysql 연결하기

 

 

 

1. 우선 오류가 나서 테스트 시 주석처리했던 pom의 mybatis와 mysql 의 주석을 풀어준다.

 

 

2. 설정파일을 수정

jsp시 context에 적어주었던 db연결시 필요했던 정보들을 동일하게 적어준다.

 

p84페이지의 레거시 모델의 root.xml, 옆쪽의 자바파일을 yml파일로설정할수잇다

내가 yml파일로 쉽게 작성한 코드를 스프링이 xml,자바파일로 만들어 설정해준다.

 

3. 마이바티스 연결 설정하기

 

p89

 

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.cos.crud.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);
    }
}

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();
	}
}

 

 

 

 

컨트롤+클릭하면 안에 있는 모든 라이브러리를 알수 있다.

 

 

 

 

대표사진 삭제

그대로 복붙!

 

 

 

 

*스프링 컨텍스트 안에 ioc개념을 이용해서 스프링이 컴포넌트스캔(구성요소를 스캔) @__ 어노테이션들을 찾는다.

복붙한것들이 @configuration 이 메모리에 뜬다.

 

 

이제 만든 폴더안에 설정 텍스트만 넣어주면 된다.

 

 

4. my sql database만들기

 

root 접속해서 만들기

create user 'spring'@'%' identified by 'bitc5600';

create database spring;

grant all privileges on spring.* to 'spring'@'%';

 

테이블 만들기

CREATE TABLE mem(
id int AUTO_INCREMENT PRIMARY KEY, 
username varchar(100) not null,
password varchar(100) not null,
email varchar(100),
createDate timestamp

)ENGINE=InnoDB DEFAULT CHARSET = utf8;

 

 

5. 모델 만들기

 

 

 

모델을 만들건데

domain: 기능이라는 의미

damain패키지를 만들어서 그 안에 model, dto등의 기능들을 모아놓을수도 있다.

model=Value Object, VO라는 패키지라고도 만든다.

VO는 불변, 변하지않는다는 특징이 있다. finaly , 수정되지않는 데이터만을 VO라 부른다.

setter을 만들지 않는다. getter와 생성자만 만든다.

변경할수잇는 데이터를 만들고 싶으면 dto모델을 만들어 model을 읽어 dto에서 데이터를 변경하여 사용한다.

협업을 위한 약속!

 

 

 

 

 

 

6. 마이바티스 사용을 위한 파일 만들기

 

https://mybatis.org/mybatis-3/sqlmap-xml.html

mybatis – MyBatis 3 | Mapper XML Files

 

<?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.cos.springboot.repository.MemRepository">

  <select id="findAll" resultType="com.cos.sprringboot.model.Mem">
    select * from mem order by id desc
  </select>
  
  
  <select id="findById" resultType="com.cos.sprringboot.model.Mem">
    select * from mem where id=#{id} 정확하게 적어야 한다.
  </select>
 
  <insert id="save"> // 게터가 호출 된다. 
  	insert into mem(username, password, email, createDate) values(#{username},#{password},#{email},now())
  </insert>
  
   <insert id="update"> 
  	update mem set password = #{password}, email = #{email} where id = #{id}
  </insert>
  
  <insert id="delete"> 
  	delete from mem where id= #{id}
  </insert>
  
</mapper>

 

 

 

* 간단한 SQL문 아래로도 걸 수 있다.

 

*조인해서 받을때 맵 쓰지말고 조인한 DTO사용 하여 받는 것이 좋다! 그렇게 받쟈

 

package com.cos.springboot.repository;
import java.util.List;
import com.cos.springboot.model.Mem;

public interface MemRepository {
    @Select("SELECT * FROM mem")
	List<Mem> findAll();
}

 

 

7. mem작동시키기

 

package com.cos.springboot.controller;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.ResponseBody;
import com.cos.springboot.dto.RequestMemJoinDto;
import com.cos.springboot.repository.MemRepository;

@Controller
public class MemController {
	
	@Autowired // 주입해준다 DI의 개념, 현재 @repository영역에 MemRepository 이 띄어져있기때문에 가능하다.
	private MemRepository memRepository;
	
	@PostMapping("/mem/api/join")
	// 필요한 데이터는 username, password, email , 한건은 getparam으로 받으면 되지만 여러건일때에는 DTO로 받는다.
	// json으로 던지고 json으로 받는다. requestbody, 그러고 형태를 변형시키면 된다.
	// DML은 인서트만 하기떄문에 결과값만 받기 떄문에 인서트가 성공하면 페이지이동만 해주면 된다.
	// api가 붙을때에는 data만 리턴해주면 된다. 페이지리턴이 아닌 인서트가 잘되었다는 결과값만 리턴
	public @ResponseBody int memApiJoin(@RequestBody RequestMemJoinDto requestMemJoinDto) {
		// mem형태로 받을수도있겠지만, DTO를 만들어 받는다. mem은 디비용
		// 리퀘스트바디,버퍼로 받는다. 원래 스프링은 못받지만 잭슨라이브러리가 오브젝트로 변환하여 받아준다.
		
		int result = memRepository.save(requestMemJoinDto);
		
		if(result ==1) {
			return 200; //원래는 뷰리졸브가 관여하기때문에 @@ResponseBody 로 데이터로 인식하게 해야함.
		}else {
			return 500;
		}
	}
}

 

현재의 에플리케이션컨텍스트 상황

@controller

HomeController

MemControler

@configulation

DataAccessConfig

DataSourceConfig

@repository (레파지토리 영역을 메모리에 띄우기 위해 사용, 예전엔 사용하였으나 현재는 dataacess가 띄어주고있음)

MemRepository

 

 

 

*int형이 아닌 String 형으로 리턴 받고 싶을때 사용 하는 메소드

 

 

 

 

 

 

추후 @valid 를 넣으면 오류메시지를 깔끔하게 확인할 수 있다.

 

 

 

(1). 회원가입

 

- MemController

public @ResponseBody ResponseEntity<String> memApiJoin(@RequestBody RequestMemJoinDto requestMemJoinDto) {
		// mem형태로 받을수도있겠지만, DTO를 만들어 받는다. mem은 디비용
		// 리퀘스트바디,버퍼로 받는다. 원래 스프링은 못받지만 잭슨라이브러리가 오브젝트로 변환하여 받아준다.

		int result = memRepository.save(requestMemJoinDto);

		if (result == 1) {
			return new ResponseEntity<String>("회원가입 성공", HttpStatus.CREATED); // 원래는 뷰리졸브가 관여하기때문에 @ResponseBody 로 데이터로
																				// 인식하게 해야함.
		} else {
			return new ResponseEntity<String>("회원가입 실패.", HttpStatus.BAD_REQUEST);
		}
	}

 

 

 

 

 

(2). 회원 리스트 페이지

- list.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>회원 리스트</title>
</head>
<body>
	<table border="1">
		<tr>
			<th>username</th>
			<th>email</th>
			<th>createdate</th>
			<th>update</th>
		</tr>
		<c:forEach var="mem" items="${mems}">
			<tr>
				<th>${mem.username}</th>
				<th>${mem.email}</th>
				<th>${mem.createDate}</th>
				<td><button onclick="mem_update(${mem.id})">edit</button></td>
			</tr>


		</c:forEach>
	</table>


<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

<script>
	function mem_update(mem_id){
		location.href='/mem/'+mem_id;
	}
</script>
</body>
</html>

- MemController

	@GetMapping("/mem")
	public String mems(Model model) {
		List<Mem> mems = memRepository.findAll();

		model.addAttribute("mems", mems);

		return "mem/list";
	}

 

 

 

 

(3). 회원 수정 페이지

 

- update.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>회원 수정 페이지</title>
</head>
<body>
	<table border="1">
		<tr>
			<th>id</th>
			<th>username</th>
			<th>password</th>
			<th>email</th>
			<th>createdate</th>

		</tr>
		<tr>
			<th><input id="id" type="text" value="${mem.id}"
				readonly="readonly"></th>
			<th><input type="text" value="${mem.username}"
				readonly="readonly"></th>
			<th><input id="password" type="password" value="${mem.password}"></th>
			<th><input id="email" type="text" value="${mem.email}"></th>
			<th><input type="text" value="${mem.createDate}"
				readonly="readonly"></th>
		</tr>

	</table>
	<button id="mem_update_proc">수정하기</button>
	<script
		src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
	<script>
		$('#mem_update_proc').on('click', function() {
			let data={
					id: $('#id').val(),
					password: $('#password').val(),
					email: $('#email').val()
					};
		$.ajax({
			type: 'PUT',
			url : '/mem/api/update',
			data : JSON.stringify(data),
			contentType : 'application/json; charset=utf-8',
			dataType :'json'
			}).done(function(result){
				if(result==='ok'){
				alert('회원정보가 수정 완료');
				location.href='/mem';
				}else {
					alset('회원정보 수정 실패')}
				}).fail(function(result){
				alert('서버오류');
				});
			});
	</script>
</body>
</html>

 

 

- MemController

	@PutMapping("/mem/api/update")
	public @ResponseBody ResponseEntity<?> updateProc(@RequestBody RequestMemUpdateDto requestMemUpdateDto) {
		int result = memRepository.update(requestMemUpdateDto);
		if(result==1) {
			return new ResponseEntity<RequestMemUpdateDto>(requestMemUpdateDto, HttpStatus.OK);	
		}else {
			return new ResponseEntity<RequestMemUpdateDto>(requestMemUpdateDto, HttpStatus.BAD_REQUEST);	
		}
	}

 

 

 

(4). 회원 삭제

- MemController

 

 

 

 

 

 

 

 

 

 

 

 

 

 

* 정리

 

1. mysql을 하기 위해서는 pom.xml의 mysql과 mybatis을 넣어줘야한다.

2. config파일을 둘다 복사붙여넣기를 해야한다. IOC하기위함,DataSourceConfig 은 수정할 필요 없다. DataAccessConfig은 스캔할 페이지만 확인하여 수정한다.

3. yml파일에서 DB연결을 위한 datasource를 추가한다.

4. model을 만든다. setter은 만들 필요가 없다. setter할 일이 없다.

5. MemRepository를 만든다. 매퍼가 스캔되는 위치에 있어야 하기때문에 DataAccessConfig의 스캔 위치에 정확하게 만든다.

6. mem.xml파일을 만든다. namespace를 정확하게 레파지토리를 바라볼수있게 확인한다.

 

리스트는 겟이라서 ajax 안썻다.

인서트, 업데이트는 포스트방식이라서 ajax를 사용했다.