Jadual Kandungan
3, buat fail templat HTML
8, Cipta pengawal
5 Tambah kebergantungan
6. Konfigurasikan penghurai paparan
7.
Rumah Java javaTutorial Bagaimana untuk melaksanakan halaman html bersepadu projek microservice springboot

Bagaimana untuk melaksanakan halaman html bersepadu projek microservice springboot

May 13, 2023 pm 01:49 PM
html springboot

Projek perkhidmatan mikro Spring Boot biasanya menyediakan perkhidmatan melalui REST API dan bukannya menyepadukan halaman HTML secara langsung.

Jika anda menyepadukan halaman HTML dalam projek Spring Boot, anda hanya boleh menyusunnya dan menggunakan kaedah biasa berikut:

  • **Thymeleaf: **Thymeleaf ialah Enjin templat Java untuk mencipta templat XML/HTML/teks yang boleh diperluaskan dalam persekitaran web dan kendiri. Ia mudah disepadukan dengan Spring Boot, mudah digunakan dan menyokong ciri seperti pewarisan templat dan bahasa ekspresi.

  • **FreeMarker: **FreeMarker ialah enjin pemaparan paparan berasaskan templat yang menyokong penjanaan HTML dinamik, XML, JSON, JavaScript, CSS dan fail lain. Ia juga boleh disepadukan dengan mudah dengan Spring Boot, mudah digunakan dan menyokong ciri seperti warisan templat dan arahan tersuai.

  • **JSP: **JSP ialah teknologi pembangunan web dinamik berdasarkan teknologi Java, yang boleh membenamkan kod Java dan menjana halaman HTML dengan mudah. Ia juga boleh disepadukan dengan Spring Boot, tetapi memerlukan konfigurasi tambahan kebergantungan dan pemalam.

Sebagai contoh, jika anda memilih untuk menggunakan Thymeleaf, anda boleh mengikuti langkah berikut:

1. Tambahkan kebergantungan berikut dalam pom.xml:

<dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>
Salin selepas log masuk

2. Tambah konfigurasi berikut dalam application.properties:

2.1 Konfigurasikan laluan di mana fail templat Thymeleaf berada

spring.thymeleaf.prefix=classpath:/templates/
Salin selepas log masuk

2.2 Konfigurasikan nama akhiran fail templat Thymeleaf

spring.thymeleaf.suffix=.html
Salin selepas log masuk

2.3 Konfigurasi Set aksara fail templat Thymeleaf

spring.thymeleaf.encoding=UTF-8
Salin selepas log masuk

2.4 Hidupkan caching

spring.thymeleaf.cache=true
Salin selepas log masuk

3, buat fail templat HTML

Buat fail templat HTML dalam src/ direktori utama/sumber/templat, dan Gunakan teg Thymeleaf untuk operasi seperti pengikatan data dinamik dan pemaparan bersyarat.

Contohnya, berikut ialah fail templat HTML ringkas index.html:

<!DOCTYPE html>
<html>
<head>
    <title>Spring Boot + Thymeleaf</title>
</head>
<body>
    <h2>Welcome to Spring Boot</h2>
    <p th:text="${message}">This is a placeholder text.</p>
</body>
</html>
Salin selepas log masuk

4 Cipta pengawal

Dalam pengawal aplikasi Spring Boot, gunakan @. Anotasi GetMapping mentakrifkan kaedah pemprosesan permintaan yang mengembalikan objek ModelAndView dan menghantar nama fail templat dan data dinamik kepada objek ModelAndView.

Sebagai contoh, berikut ialah kelas pengawal mudah HomeController:

@Controller
public class HomeController {
    
    @GetMapping("/")
    public ModelAndView index() {
        ModelAndView modelAndView = new ModelAndView("index");
        modelAndView.addObject("message", "Hello, world!");
        return modelAndView;
    }
    
}
Salin selepas log masuk

Dengan cara ini, anda boleh melihat halaman HTML yang diberikan dengan melawati http://localhost:8080 dalam penyemak imbas.

Mari kita ambil satu lagi contoh FreeMarker untuk menerangkan secara ringkas:

Apabila menggunakan Spring Boot untuk membina aplikasi web, anda boleh menggunakan FreeMarker sebagai enjin templat untuk memaparkan halaman HTML. FreeMarker ialah enjin templat Java sumber terbuka yang membolehkan anda menjana dokumen seperti HTML dengan mentakrifkan templat. Berikut ialah beberapa kaedah biasa untuk menyepadukan FreeMarker dalam projek Spring Boot:

5 Tambah kebergantungan

Tambah kebergantungan FreeMarker dalam fail pom.xml projek:

rreee

6. Konfigurasikan penghurai paparan

Tambah konfigurasi berikut dalam fail application.properties untuk memberitahu Spring Boot menggunakan FreeMarker sebagai enjin templat untuk menghuraikan paparan:

<dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-freemarker</artifactId>
</dependency>
Salin selepas log masuk

7.

Buat fail .ftl dalam direktori src/main/resources/templates, yang akan digunakan untuk memaparkan halaman HTML. Dalam fail templat, anda menggunakan bahasa templat FreeMarker untuk mentakrifkan kandungan halaman HTML anda.

Sebagai contoh, berikut ialah fail templat ringkas yang akan memaparkan halaman HTML yang mengandungi "Hello World":

spring.mvc.view.prefix=/WEB-INF/views/
spring.mvc.view.suffix=.ftl
Salin selepas log masuk

Dalam templat di atas, ${message} akan digantikan dengan nilai sebenar . Anda boleh menggunakan model dalam kod Java untuk menetapkan nilai ini.

8, Cipta pengawal

Buat pengawal dalam aplikasi Spring Boot untuk mengendalikan permintaan HTTP dan mengembalikan nama serta model templat. Berikut ialah contoh pengawal:

<!DOCTYPE html>
<html>
<head>
    <title>Hello World</title>
</head>
<body>
    <h2>${message}</h2>
</body>
</html>
Salin selepas log masuk

Dalam contoh di atas, pengawal mengembalikan rentetan "home", yang akan digunakan sebagai nama fail templat. Ia juga menambah model pada paparan, yang mengandungi sifat yang dipanggil "mesej" dan nilai "Hello World!"

Ini ialah beberapa cara biasa untuk menggunakan FreeMarker sebagai enjin templat dalam projek Spring Boot. Apabila anda menggunakan FreeMarker, anda juga boleh menggunakan ciri lanjutan seperti pernyataan bersyarat, iterator dan makro untuk mempunyai lebih kawalan ke atas halaman HTML yang dijana.

Atas ialah kandungan terperinci Bagaimana untuk melaksanakan halaman html bersepadu projek microservice springboot. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

Video Face Swap

Video Face Swap

Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Sempadan Jadual dalam HTML Sempadan Jadual dalam HTML Sep 04, 2024 pm 04:49 PM

Panduan untuk Sempadan Jadual dalam HTML. Di sini kita membincangkan pelbagai cara untuk menentukan sempadan jadual dengan contoh Sempadan Jadual dalam HTML.

Jadual Bersarang dalam HTML Jadual Bersarang dalam HTML Sep 04, 2024 pm 04:49 PM

Ini ialah panduan untuk Nested Table dalam HTML. Di sini kita membincangkan cara membuat jadual dalam jadual bersama-sama dengan contoh masing-masing.

HTML jidar-kiri HTML jidar-kiri Sep 04, 2024 pm 04:48 PM

Panduan untuk HTML margin-kiri. Di sini kita membincangkan gambaran keseluruhan ringkas tentang HTML margin-left dan Contoh-contohnya bersama-sama dengan Pelaksanaan Kodnya.

Susun Atur Jadual HTML Susun Atur Jadual HTML Sep 04, 2024 pm 04:54 PM

Panduan untuk Susun Atur Jadual HTML. Di sini kita membincangkan Nilai Susun Atur Jadual HTML bersama-sama dengan contoh dan output n perincian.

Pemegang Tempat Input HTML Pemegang Tempat Input HTML Sep 04, 2024 pm 04:54 PM

Panduan untuk Pemegang Tempat Input HTML. Di sini kita membincangkan Contoh Pemegang Tempat Input HTML bersama-sama dengan kod dan output.

Memindahkan Teks dalam HTML Memindahkan Teks dalam HTML Sep 04, 2024 pm 04:45 PM

Panduan untuk Memindahkan Teks dalam HTML. Di sini kita membincangkan pengenalan, cara teg marquee berfungsi dengan sintaks dan contoh untuk dilaksanakan.

Senarai Tertib HTML Senarai Tertib HTML Sep 04, 2024 pm 04:43 PM

Panduan kepada Senarai Tertib HTML. Di sini kami juga membincangkan pengenalan senarai dan jenis Tertib HTML bersama-sama dengan contoh mereka masing-masing

Butang onclick HTML Butang onclick HTML Sep 04, 2024 pm 04:49 PM

Panduan untuk Butang onclick HTML. Di sini kita membincangkan pengenalan, kerja, contoh dan onclick Event masing-masing dalam pelbagai acara.

See all articles