Quarkus - Qute Templating Engine
Cara Mudah Setup Qute pada Proyek Quarkus yang Sudah Ada
 |
| Quarkus dan Qute Template |
Quarkus merupakan framework Java yang dirancang untuk menghadirkan performa tinggi dan startup time yang cepat, sangat cocok untuk pengembangan aplikasi cloud-native dan microservices. Salah satu fitur unggulan Quarkus adalah integrasi dengan Qute, sebuah templating engine modern yang ringan dan efisien.
Jika Anda sudah memiliki proyek Quarkus dan ingin menambahkan kemampuan rendering template menggunakan Qute, artikel ini akan memandu Anda langkah demi langkah untuk mengatur dan menggunakan Qute dengan mudah. Mulai dari konfigurasi dasar hingga contoh penggunaan template, Anda akan belajar bagaimana memanfaatkan Qute untuk membuat tampilan aplikasi yang dinamis tanpa mengorbankan performa.
Yuk, kita mulai setup Qute pada proyek Quarkus Anda!
Berikut ini adalah langkah-langkah pertama yang mudah diikuti untuk menambahkan dan menggunakan Qute pada proyek Quarkus yang sudah ada, khusus untuk pemula dan semua kalangan programmer Java:
Langkah 1: Tambahkan Dependency Qute ke Proyek Anda
Agar Quarkus mengenali dan menggunakan Qute, Anda perlu menambahkan dependency Qute ke file build proyek Anda.
Dengan Mengunakan Maven
Jika menggunakan Maven, buka filepom.xml dan tambahkan baris berikut di dalam tag <dependencies>: <dependency><groupId>io.quarkus</groupId>
<artifactId>quarkus-qute</artifactId>
</dependency>
Dengan Mengunakan Graddle
Jika menggunakan Gradle, buka file build.gradle dan tambahkan: |
| implementation 'io.quarkus:quarkus-qute' |
implementation 'io.quarkus:quarkus-rest-qute' Setelah menambahkan dependency, simpan file tersebut.
Langkah 2: Buat Folder Template
 |
src/main/resources/templates |
Qute akan mencari file template di dalam folder src/main/resources/templates. Jika folder ini belum ada, buatlah folder tersebut di dalam proyek Anda.
Langkah 3: Buat File Template Sederhana
 |
| hello.html |
Di dalam folder src/main/resources/templates, buat file baru bernama hello.html dengan isi berikut:
<!DOCTYPE html>
<html>
<head>
<title>Halo {name}!</title>
</head>
<body>
<h1>Halo, {name}!</h1>
</body>
</html>
Langkah 4: Buat Resource Class untuk Render Template
Buat kelas Java baru di dalam package resource Anda, misalnya src/main/java/com/example/HelloResource.java, dengan isi berikut:
package com.yoesoff.plate.resource;
import io.quarkus.qute.Template;
import io.quarkus.qute.TemplateInstance;
import jakarta.inject.Inject;
import jakarta.ws.rs.GET;
import jakarta.ws.rs.Path;
import jakarta.ws.rs.Produces;
import jakarta.ws.rs.QueryParam;
import jakarta.ws.rs.core.MediaType;
@Path("/hello")
public class HelloResource {
@Inject
Template hello; // otomatis mengacu ke templates/hello.html
@GET
@Produces(MediaType.TEXT_HTML)
public TemplateInstance hello(@QueryParam("name") String name) {
String displayName = (name != null && !name.isEmpty()) ? name : "anonymous";
return hello.data("name", displayName);
}
}
Langkah 5: Jalankan Aplikasi dan Cek Hasilnya
Jalankan aplikasi Quarkus Anda dengan perintah:
./mvnw quarkus:dev
Kemudian buka browser dan akses:
http://localhost:8080/hello
Anda akan melihat halaman HTML dengan tulisan:
 |
| http://localhost:8080/hello?name=John |
Comments
Post a Comment