Spring Boot + Vue.js掲示板(2)-プロジェクトの作成、DBの作成、接続

3641 ワード
Java vue.js Spring テキストリンク
プロジェクトの作成と設定
spring initializerを使用してjavaバージョン11,gradleプロジェクトを生成します.
application.属性の設定
serverportは8082に変更されました.
server.port = 8082
build.勾配依存の設定
dependencies {
	//MyBatis 대신 JPA 사용하여 쿼리양을 줄일 수 있다.
	implementation 'org.springframework.boot:spring-boot-starter-data-jpa'
	//JWT token 인증을 위해 사용한다.
	implementation 'org.springframework.boot:spring-boot-starter-security'
	//프론트용 템플릿 엔진
	implementation 'org.springframework.boot:spring-boot-starter-thymeleaf'
	//web application을 위해 추가한다.
	implementation 'org.springframework.boot:spring-boot-starter-web'
	implementation 'org.thymeleaf.extras:thymeleaf-extras-springsecurity5'
	//getter, setter 등의 함수를 어노테이션을 사용하여 코드양을 줄일 수 있다.
	compileOnly 'org.projectlombok:lombok'
	//프로젝트가 변경되면 자동으로 재시작해준다.
	developmentOnly 'org.springframework.boot:spring-boot-devtools'
	runtimeOnly 'mysql:mysql-connector-java'
	annotationProcessor 'org.projectlombok:lombok'
	testImplementation 'org.springframework.boot:spring-boot-starter-test'
	testImplementation 'org.springframework.security:spring-security-test'
}
ウィンドウの勾配の取り付け
Windows gradleインストールリンク(4.1.02)
押すとすぐダウンロードするので注意してください
ウィンドウでgradeをインストールした後、システム環境変数設定にgrade pathを追加する必要があります.
CMDでグラデーションバージョンを確認する
gradle -v

CMDにMySqlユーザ、DBを作成する
cmdでmysqlインストールフォルダのbinフォルダパスに移動し、mysqlをルート(ユーザー)に接続します.
C:\Program Files\MySQL\MySQL Server 8.0\bin

mysql -u root -p
データベースを作成します.
create database DB이름;
DBに接続するユーザー名とパスワードを作成します.
create user '아이디'@'%' identified by '비밀번호';
希望するDBユーザー名と権限を与えます.
grant all privileges on DB이름.* to '아이디'@'%';
最終適用権限.
flush privileges;
DBVEAERへの接続
mySQL 8+を選択し、Driver propertiesで次の設定を変更して接続します.
allowPublickeyRetrieval true
serverTimezone UTC

application.propertiesへのデータベース情報の追加
DB名:vue board
ユーザー名:vueUser
パスワード:vue 1234
##local
spring.datasource.url=jdbc:mysql://localhost:3306/vue_board?useSSL=false&characterEncoding=UTF-8&serverTimezone=UTC
spring.datasource.username=vueUser
spring.datasource.password=vue1234
spring.datasource.driver-class-name= com.mysql.cj.jdbc.Driver
VUE 3ガイド(10)-提供と注入
[ Code Kata ] 🤯 Python#23回帰(Recursion)