[JAVA] Implementieren Sie einen Textlink mit Springboot + Thymeleaf
Implementieren Sie einen Textlink mit Springboot + Thymeleaf
Freut mich, dich kennenzulernen. Ich heiße Türklingel. Dieses Mal werden wir es entsprechend dem Titel implementieren.
Vorstellen
Ein auf SES spezialisiertes Unternehmen in Tokio, das derzeit an einem bestimmten Java-Projekt teilnimmt. Tenshoku Katsudo im August dieses Jahres! Und die Menschheit wiedererlangt. Aikatsu ist gut.
Diese Umgebung
- Win10
- javac 9.0.1
- Thymeleaf 2.1.3
Implementierungsübersicht
- Klicken Sie auf den Textlink, um zur MV-Seite von Glass Doll zu springen
Die Glaspuppe ist Aikatsu! Es ist ein Lied, das einer Figur namens Yurika Todo in der Serie gehört. Wie auch immer, es war so cool, dass ich ziemlich schockiert war, als ich es zum ersten Mal sah. Diesmal der MV-Link für ein solches Lied Wir werden es implementieren, damit es übergehen kann.
Was ist Aikatsu?
"Aikatsu!" Ist ein Arcade-Spiel für japanische Mädchen, das das von Bandai veröffentlichte Sammelkarten-Arcade-Spiel-Chassis und die Datenkarte das (DCD) verwendet. Das Spiel wurde am 25. Oktober 2012 live geschaltet. Die Fangkopie ist "National Idol Audition Game". Aikatsu! -Wikipedia
Zusätzlich zu den oben genannten Spielen bietet die TV-Serie Tokyo Tokyo "Aikatsu on Parade! ] Wird gesendet.
Quellcode
Quellcodeliste
--pom.xml: Wichtige Datei mit Informationen zum Projekt --HelloWorldController.java: Hauptklasse --index.html: HTML-Vorlage
├── src
│ └── main
│ ├── java
│ │ └── com
│ │ └── example
│ │ └── demo
│ │ └── controller
│ │ └── HelloWorldController.java
│ └── resources
│ └── templates
│ └── index.html
└── pom.xml
pom.xml
Wichtige Dateien mit Informationen zum Projekt Geben Sie Thymeleaf 2.1.3 an.
<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
<modelVersion>4.0.0</modelVersion>
<parent>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-parent</artifactId>
<version>2.1.3.RELEASE</version>
<relativePath/> <!-- lookup parent from repository -->
</parent>
HelloWorldController.java
Die Hauptklasse. Verwenden Sie Thymeleaf, um den Wert eines Objekts in eine HTML-Vorlage einzubetten und auszugeben.
package com.example.demo.controller;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
@Controller
public class HelloWorldController {
@RequestMapping(value = "/", method = RequestMethod.GET)
public String helloWorld(Model model) {
model.addAttribute("message", "Eingang zum Diener"); //Stellen Sie den anzuzeigenden Text ein
model.addAttribute("url", "https://www.youtube.com/watch?v=EbxoEIh3aHc"); //Stellen Sie einen Link zum MV von Glass Doll ein
return "index";
}
}
index.html
Vorlage HTML-Datei. Beschreiben der grundlegenden Vorlagenfunktion.
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:th="http://www.thymeleaf.org">
<head>
<title>Einen schönen Tag noch</title>
<meta charset="utf-8" />
<script>
function mes(event){
event.returnValue = "Ich werde Blut saugen!";
}
window.onbeforeunload = mes;
</script>
<!--Klicken Sie auf den Link, um zur MV-Seite von Glass Doll zu springen-->
</head>
<body>
<a th:href="@{${url}}"><span th:text="${message}">sss</span></a>
</body>
</html>
Ich habe eine Implementierung eingefügt, die die entscheidende Zeile von Yurika-sama anzeigt, wenn der Link gedrückt wird, aber ich wollte JS unbedingt aus einer externen Datei aufrufen, daher ist dies eine Reflexion.
Ausführungsmethode
- Klicken Sie mit der rechten Maustaste auf das Projekt und wählen Sie "Spring Boot Application" auf der Registerkarte "Run".
2.http://localhost:8080
Wenn erfolgreich auf die obige URL zugegriffen wurde, wird der folgende Bildschirm angezeigt.
-
Wenn Sie auf den Textlink klicken, wird eine Nachricht angezeigt. Klicken Sie daher auf "Diese Seite verlassen".
-
Wenn sich der Bildschirm ändert und die MV von "Glass Doll" abgespielt wird, ist dies in Ordnung.
th: Attributbeschreibung
th:text
- Der im Attribut th: text angegebene Wert ersetzt den Text im Element
Dieses Mal habe ich sss in index.html eingegeben, aber ich kann sehen, dass der Text im Element durch den für das Attribut angegebenen Wert ersetzt wurde. In der Java-Datei entsprechen die folgenden Teile dieser.
- HelloWorldController.java
model.addAttribute("message", "Eingang zum Diener"); //Stellen Sie den anzuzeigenden Text ein
Tutorial: Using Thymeleaf (ja)
Dieser \ $ {today} -Ausdruck ist einfach und bedeutet "eine Variable mit dem Namen today abrufen", kann jedoch komplizierter sein (z. B. \ $ {user.name} "erhält eine Benutzervariable". Es bedeutet "Aufruf der Methode getName ()").
th:href
Verwenden Sie beim Festlegen der URL den Linkausdruck "@ {…}". Es wird in Kombination mit dem Thymeleaf-Attribut "th: href-Attribut" verwendet. Wenn Sie Variablen zum Generieren von URLs verwenden möchten, verwenden Sie diese Syntax.
In der Java-Datei entsprechen die folgenden Teile dieser.
- HelloWorldController.java
model.addAttribute("url", "https://www.youtube.com/watch?v=EbxoEIh3aHc"); //Stellen Sie einen Link zum MV von Glass Doll ein
Durch Implementierung
Durch diese Implementierung haben wir die Punkte zusammengefasst, die wir verbessern möchten, und was wir als nächstes versuchen möchten.
- Schreiben Sie die URL oder Zeichenfolge in die Eigenschaftendatei und rufen Sie sie auf
- DB Zusammenarbeit
Am Ende
Da JSP im Feld verwendet wird, habe ich versucht, es als Überprüfung des Schreibens von Thymeleaf auszugeben, aber ich habe das Gefühl, dass ich es geschafft habe, daraus ein Formular zu machen. Ja, das ist auch Aikatsu.
Die Geschichte änderte sich, und vor einigen Monaten gab es einen Teil, den ich bei der Arbeit nicht implementieren konnte, und ich konnte ihn nur schwer implementieren. Zu dieser Zeit sagte Herr Mizuki: "Es tut mir leid, dass ich es nicht tun konnte. Gefühle. Wenn es das gibt, gehe weiter. Ich erinnerte mich an die Worte und stach sie tief.
Ich hoffe, Sie lesen diesen Artikel und interessieren sich für Aikatsu. [Aikatsu! ALL SEASON Blu-ray Festival! !! ](Https://www.amazon.co.jp/%E3%82%A2%E3%82%A4%E3%82%AB%E3%83%84%EF%BC%81ALL-SEASON-Blu-ray -% E3% 81% BE% E3% 81% A4% E3% 82% 8A% EF% BC% 81% EF% BC% 81-% E8% AB% B8% E6% 98% 9F% E3% 81% 99 % E3% 81% BF% E3% 82% 8C / dp / B07YLS6DJQ / ref = tmm_blu_title_0? _ Encoding = UTF8 & qid = & sr =)
Recommended Posts