[이전 글]

2021/01/11 - [IT/spring] - [투표사이트만들기] Eclipse에서 Spring boot 설치하기 - 1

 

[투표사이트만들기] Eclipse에서 Spring boot 설치하기 - 1

파이널 프로젝트로 투표 사이트를 만든다. 개발하기 전에 개발 환경 설정을 기록하려고 한다. 아래 목차 순서대로 정리할 것임! <목차> spring boot 설치 thyemleaf 설치 mysql 설치 실행해보기 1. Eclipse

song-yujin.tistory.com


 

 

앞에서 VotingHomePage 프로젝트를 만들때 의존성으로 Lombok도 추가했었다.

이것은 VotingHomePage 프로젝트에 Lombok 의존성을 추가한다는 것이고 개발도구인 이클립스에서도 Lombok을 쓰려면 따로 추가를 해줘야한다. 

 

2. Eclipse에 Lombok 설치


projectlombok.org/download

 

위에 사이트를 들어가서 Lombok JAR 파일을 다운받는다. 

 

그리고 다운로드된 JAR 파일을 더블클릭하면 아래 화면이 나온다. 

Install / Update 를 누르면 된다! 

 

 

이렇게 설치해서 Eclipse가 실행될 때 Lombok이 같이 실행될 수 있도록 한다. 

이클립스 실행 파일인 eclipse.ini 를 확인해보면 lombok jar가 추가되어있는 것을 확인할 수 있다. 

 

 

[이전 글]

2021/01/11 - [IT/spring] - [투표사이트만들기] MySQL Workbench - 4

 

[투표사이트만들기] MySQL Workbench - 4

[이전 글] 2021/01/11 - [IT/spring] - [투표사이트만들기] Eclipse에서 Thymeleaf 설치하기 - 3 [투표사이트만들기] Eclipse에서 Thymeleaf 설치하기 - 3 [이전 글] 2021/01/12 - [IT/spring] - [투표사이트만들..

song-yujin.tistory.com


5. Spring boot + Thymeleaf + JPA + MySQL 개발


개발 환경 설정까지 다 끝났으니 이제 한번 간단하게 실습? 해보려고 한다.

JPA는 goddaehee.tistory.com/209 블로그 참고하면 좋을 것 같다ㅎㅎ (블로그님 감사합니당)

 

천천히 따라오기만 하면 쉽.. 다..

 

 

개발해볼 것은!!! 목표는!!!

  • voteDB에서  sysadmin 테이블에 관리자 아이디와 관리자 카테고리 전체를 조회하여 화면에 나오도록 할 것 

 

[결과 화면]

 


 

 

 

이제 시작..!🙌

 

 

이전에 이미 생성한 VotingHomePage 프로젝트를 보면 application.properites를 볼 수 있다. 

 

 

 

 

.properites 보다 .yml 쓰는 걸 추천한다고 선배한테 들어서 바꿀 것이다.

 

 

 

spring:
  datasource:
    url: jdbc:mysql://localhost:3306/voteDB?serverTimezone=UTC
    username: yujin
    password: 1234
  jpa:
    hibernate:
      ddl-auto: update
    show-sql: true
  thymeleaf:
    prefix: classpath:templates/
    suffix: .html
    cache: false

그리고 이렇게 설정을 해준다.  3번째 줄에서 voteDB는 데이터베이스 이름이다. 알맞게 변경해줘야 함!

username과 password도 ..! 

소스코드는 접은 글로 사진 아래에 같이 첨부했다.

 

 

그리고 아까 build.gradle에서 타임리프 의존성도 따로 추가했으니 Pass!

 

 

 

 

 

 

controller, dao, dto, service 패키지를 순서대로 일단 만들어준다. 

 

 

 

  • dao.UserRepository (class)

package com.example.demo.dao;

import org.springframework.data.jpa.repository.JpaRepository;
import org.springframework.stereotype.Repository;
import com.example.demo.dto.UserDTO;

@Repository
public interface UserRepository extends JpaRepository<UserDTO, Integer>{ 

}

 

그리고 dao에서 UserRepository 인터페이스를 만들어준다.

 

[코드 설명]

코드를 보면 위에 @Repository를 붙인다.

Repository는 JPA와 같은 ORM을 사용하게 되면 객체 단위로 테이블을 관리한다. (DAO 역할을 대신함)

 

extends JpaRepository<UserDTO, Integer> => JPA 인터페이스를 확장을 해야 그 안에 메서드를 사용할 수 있다.  

안에 <UserDTO, Integer>는 사용할 DTO와 그 테이블의 PK 데이터 타입을 작성한다. 

 

 

 

 

 

 

  • service.UserService (interface)

package com.example.demo.service;

import java.util.List;
import com.example.demo.dto.UserDTO;

public interface UserService {

  List<UserDTO> getAllUser();
}

 

  • service.UserServiceImpl (class)

package com.example.demo.service;

import java.util.List;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;
import com.example.demo.dao.UserRepository;
import com.example.demo.dto.UserDTO;

@Service
public class UserServiceImpl implements UserService{

  @Autowired  //자동 연결 
  private UserRepository userRepository;
  
  
  @Override
  public List<UserDTO> getAllUser() {
    
    return userRepository.findAll();

  }

}

 

[코드 설명]

DB로부터 UserDTO를 list로 가져오기 위한 메소드를 작성한다. 

(인터페이스랑 인터페이스 구현 객체 같이 올림)

 

 

 

 

 

  • dto.UserDTO (class)

package com.example.demo.dto;

import javax.persistence.Column;
import javax.persistence.Entity;
import javax.persistence.GeneratedValue;
import javax.persistence.GenerationType;
import javax.persistence.Id;
import javax.persistence.Table;
import lombok.Data;

@Entity
@Table(name = "sysadmin")
@Data
public class UserDTO {

  @Id
  @Column(name = "ADMIN_SEQ")
  private int adminSeq;

  @Column(name = "ADMIN_CATG")
  private String adminCatg;

  @Column(name = "ADMIN_ID")
  private String adminID;

  @Column(name = "ADMMIN_PW")
  private String adminPW;

}

 

[코드 설명]

가져올 sysadmin 테이블의 정보를 작성해준다. 

12줄은 테이블 이름, 16줄 @Id는 adminSeq 이 이 테이블의 PK라는 것을 의미한다. 

 

 

 

 

 

  • controller.MainController(class)

package com.example.demo.controller;

import java.util.List;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.servlet.ModelAndView;
import com.example.demo.dto.UserDTO;
import com.example.demo.service.UserService;

@Controller
public class MainController {

  @Autowired
  private UserService userService;

  @GetMapping(value = "/")
  public ModelAndView main() {

    ModelAndView mv = new ModelAndView();
    List<UserDTO> userList = userService.getAllUser();
    mv.addObject("userList", userList);
    mv.setViewName("index");
    return mv;
  }

}

 

[코드 설명]

ModelAndView는 Model 인터페이스를 구현한 클래스로 객체 데이터를 뷰로 넘기는 데 사용을 한다. 

 

 

 

 

 

 

  • templates.index(html)

 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<h1>테스트</h1>
	<tr th:each="sysadmin : ${userList}">
		<td th:text="'id : ' + ${sysadmin.adminID}"></td>
		<td th:text="'admin catg : ' + ${sysadmin.adminCatg}"></td>
		<p/>
	</tr>
</body>
</html>

 

알맞게 작성해주면 끝이다.

 

 

 

 

 

실행은 프로젝트에서 우클릭해서 Run As > Spring Boot App을 해주면 된다.

 

그러면 앞에 있는 [결과 화면]이 나온다!

[이전 글]

 

2021/01/11 - [IT/spring] - [투표사이트만들기] Eclipse에서 Thymeleaf 설치하기 - 3

 

[투표사이트만들기] Eclipse에서 Thymeleaf 설치하기 - 3

[이전 글] 2021/01/12 - [IT/spring] - [투표사이트만들기] Eclipse에 Lombok 설치하기 - 2 [투표사이트만들기] Eclipse에 Lombok 설치하기 - 2 [이전 글] 2021/01/11 - [IT/spring] - [투표사이트만들기] Eclipse..

song-yujin.tistory.com


 

MySQL 부분은 이전에 올렸던 글이 있다. 그것을 보고 참고하면 된다.

 

그런데 여기서는 이클립스에서 mysql 쿼리를 작성하고 실행시키지 않고 mysql workbench에서 실행할 예정이다. 그래도 초기 설정은 아래 글에 있으니 꼭 참고해야 될 것 

 

2020/10/09 - [IT/JAVA] - macOS mysql 설치 & eclipse java 연동

 

macOS mysql 설치 & eclipse java 연동

macOS 에서 oracle를 사용하려면 복잡하지만 MySQL은 간단하다고 한다. 그래서 MySQL을 설치하고 사용할 것! macOS 용 패키지 관리자 Homebrew를 이용하여 설치할 것이다. Homebrew를 이용하면 설정 과정이

song-yujin.tistory.com


 

4. MySQL Workbench 사용


 

workbench에서 eer diagram을 만들어준다. (본인이 설계한 디비를 기반으로!)

 

 

 

 

다 완성했으면 상단에 Database > Forward Engineer.. 를 눌러서 진행해주면 알아서 테이블을 만들어준다!!!

 

 

 

이런식으로 쭉 가서... 

 

입력해주고....

 

테이블의 제약조건이 이상할 경우에는 에러가 난다. 

 

 

 

다 완성을 하면 Home으로 돌아가서 MySQL Connections 옆에 + 버튼을 눌러서 새로 만들어준다.

 

 

 

 

 

그리고 이렇게 알맞게 작성해주면 된다! 

 

끄으으으읕~!@!~!~!~!~!❤

 

 

 

 

 

 

[이전 글]

2021/01/12 - [IT/spring] - [투표사이트만들기] Eclipse에 Lombok 설치하기 - 2

 

[투표사이트만들기] Eclipse에 Lombok 설치하기 - 2

[이전 글] 2021/01/11 - [IT/spring] - [투표사이트만들기] Eclipse에서 Spring boot 설치하기 - 1 spring boot 설치 thyemleaf 설치 mysql 설치 실행해보기 1. Eclipse" data-og-host="song-yujin.tistory.com" d..

song-yujin.tistory.com

 


 

 

3. Eclipse에서 Thymeleaf 설치 & 프로젝트 적용 


제목에 " Thymeleaf 설치 & 프로젝트 적용"이라고 작성한 이유가 있다. 

 

일단 (1) spring boot처럼 marketplace에서 설치하는 방법(2) 프로젝트에 추가해주는 방법이 있다. 

 

(1)  spring boot처럼 marketplace에서 설치하는 방법

: Eclipse에서 Thymeleaf 플로그인 설치한다는 의미는 지금 쓰고 있는 개발 도구인 Eclipse에서 Thymeleaf 개발을 편리하게 하기 위한 도구를 설치하는 것

 

(2) 프로젝트에 추가해주는 방법

: 프로젝트에 Thymeleaf라는 라이브러리 의존성을 추가하는 것  (프젝에서 사용하려면 꼭 추가해야 됨!)

 

 

나는 1번째는 하지 않고 2번째 프로젝트에 추가해주기만 했다. (2번째 방법은 꼭 해야 될 것!)

 

(1) Marketplace에서 설치하는 방법 

thymeleaf도 마찬가지로 help > Eclipse Marketplace를 들어간다.

 

 

 

검색 후 install 해주면 끝!

 

 

 

 

 

(2) 프로젝트에 추가 

 

 

이전 글에서 생성한 VotingHomePage 프로젝트에서 build.gradle 들어가서 

 

 

dependencies 안에다가  아래 한 줄을 추가해준다. 

implementation 'org.springframework.boot:spring-boot-starter-thymeleaf'

 

그리고!!!!!

gradle을 수정했으면 반드시! refresh를 해줘야 한다! 안 그러면 적용이 안된다. 

build.gradle 위에서 우클릭을 눌러서 Gradle > Refresh Gradle Project 해주면 된다.

 

 

 

※ 그리고 여기서부터는 타임리프의 함수를 사용할 수 있고 ctrl + space 눌렀을 때 보일 수 있게(?) 하기 위한 설정이다. 

 

 

 

help > Install New Software 들어간다.

 

 

 

 

 

 

http://www.thymeleaf.org/eclipse-plugin-update-site/

work with에 링크를 넣어주고 이름도 적어줘서 쭉 진행해주면 끝이다!

 

 

파이널 프로젝트로 투표 사이트를 만든다. 

개발하기 전에 개발 환경 설정을 기록하려고 한다. 

아래 목차 순서대로 정리할 것임! 

 

<목차>

  • spring boot 설치
  • Lombok 설치
  • thyemleaf 설치
  • mysql 설치
  • 실행해보기

 

 

1. Eclipse에서 Spring boot 설치


이클립스 상단에 Help > Eclipse MarketPlace 로 들어간다. 

 

 

 

 

 

 

find에서 sts 단어만 작성해주면 표시한 Spring Tools 4 를 볼 수 있다. 이것을 install 할 것!

 

 

 

 

 

 

설치가 다 끝났으면 프로젝트를 만든다. (Spring Starter Project를 선택)

 

 

 

 

 

 

프로젝트 이름을 작성해주고 각 설정에 맞춰서 선택해주었다. 

 

 

 

 

 

 

엄청 많은 의존성이 있지만 내가 설정한 것은 오른쪽 나와있는 7가지이다. 

다 추가해주고 마지막 Finish 를 눌러준다. 

 

 

그럼 일단 spring boot 설치와 프로젝트 만들기 성공~!~!

 

 

 

 

 

 

 

+ Recent posts