LoginSignup
3
1

More than 3 years have passed since last update.

Gradle + Kotlin + ThymeleafでHello World

Last updated at Posted at 2019-07-16

はじめに

@Yosuke2712です。
普段はtoBの業務システムを作っています。
社内での技術のアップデードがないので個人的に色々学ぼうと思い、初めにSpring Bootで簡単なプロジェクトを作ろうとしたのですが思ったより引っかかったりしたので備忘も兼ねて作成してみました。

この記事はSpringを触ったことがない人向けです。

概要

環境
  • Windows10 Pro 1903
  • IntelliJ IDEA 2019.1.3 (Community Edition)
  • Jdk 11 (Amazon Corretto)
目次
  • Spring Initializrでプロジェクト作成
  • プロジェクトのインポート
  • Controllerの作成
  • Templateの作成
  • プロジェクトを実行

Spring Initializrでプロジェクト作成

大枠はSpring Initializrで作成します。

下記の手順通りに設定していきます。
■ Project
Gradle Project

■ Language
Kotlin

■ Spring Boot
2.1.6(2019/07/15時点)

■ Project Metadata
Group: com.example
Artifact: helloworld
(今回はこの名前を使います)
OptionsでJavaを11にします。

■ Dependencies
Developer Toolsの「Spring Boot DevTools」
Webの「Spring Web Starter」
Template Enginesの「Thymeleaf」
にチェックを入れます。

Generateからプロジェクトをダウンロードし、解凍したファイルを適当な場所に配置します。

プロジェクトのインポート

IDEAを開きます。
IDEA.jpg

Import Projectを選択し、解凍したファイルを選択します。
最初の設定画面でImport project from external model > Gradleを選択します。
IDEA2.jpg

次の画面でUse auto-importCreate directories for empty content roots automaticallyにチェックを入れます。
※Gradle JVMの設定をミスするとうまくいかなくなります
IDEA3.jpg

プロジェクトを開いてbuild.gradle.ktsを確認します。
(ktsがついたのは比較的最近のようです→build.gradle.ktsに移行しよう

helloworld\build.gradle.ktsのdpendenciesは以下のようになっているはずです。

build.gradle.kts
dependencies {
    implementation("org.springframework.boot:spring-boot-starter-thymeleaf")
    implementation("org.springframework.boot:spring-boot-starter-web")
    implementation("com.fasterxml.jackson.module:jackson-module-kotlin")
    implementation("org.jetbrains.kotlin:kotlin-reflect")
    implementation("org.jetbrains.kotlin:kotlin-stdlib-jdk8")
    developmentOnly("org.springframework.boot:spring-boot-devtools")
    testImplementation("org.springframework.boot:spring-boot-starter-test")
}

devtools,web,thymeleafなどが確認できます。

Controllerの作成

helloworld/src/main/kotlin/以下にcom.example.helloworld.HelloworldApplicationがありますが、こちらは今回編集する必要はありません。
HelloworldApplicationと同じ階層にHelloworldControllerのClassを作成し、以下のように記述します。

HelloworldController.kt
package com.example.helloworld

import org.springframework.stereotype.Controller
import org.springframework.ui.Model
import org.springframework.web.bind.annotation.GetMapping

@Controller
class HelloworldController {

    @GetMapping("/helloworld")
    fun helloworld(model: Model): String {
        model.addAttribute("message", "Hello World!")
        return "helloworld"
    }

}

アノテーションについては下の記事にいろいろ書いてあります。
Spring FrameworkのControllerの基本的なアノテーション

Templateの作成

次にhelloworld/src/main/resources/templates以下にhtmlファイルを作成します。
xmlns:th="http://www.thymeleaf.org"
th:text="${message}"
のあたりがThymeleafに関係します。

helloworld.html
<!DOCTYPE html>
<html lang="ja" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>HelloWorld</title>
</head>
<body>
    <h1 th:text="${message}"></h1>
</body>
</html>

プロジェクトを実行

ファイルの作成が終わったら画面左上のView > Tool Windows > Gradleを開きます。
IDEA4.jpg

そうすると右側に↓のような画面が表示されます。
helloworld > Tasks > application > bootrunを選択するとプロジェクトが実行されます。
IDEA5.jpg

コンソールに以下のログが出たらhttp://localhost:8080/helloworldを開きます。
[ restartedMain] c.e.helloworld.HelloworldApplicationKt : Started HelloworldApplicationKt in 7.576 seconds (JVM running for 10.035)

このような画面が出たら成功です。
chrome.jpg

さいごに

Spring Initializrを使うとサーバー立ち上げまで簡単にできるので初心者でも取り掛かりやすいと思います。
(簡単なものであればbuild.gradleの設定などが不要のため)

参考

Spring Boot で Thymeleaf 使い方メモ

3
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
1