Was ich getan habe

Wir haben eine Webanwendung entwickelt, die die Anzahl der Schritte verwaltet. Sprache: Java (Frühling), JavaScript

Verfahren

Erstellen Sie ein Projekt (registrieren Sie den Projektcode zu diesem Zeitpunkt)
Durch Eingabe des in 1. registrierten Projektcodes wechseln Sie zu dem Projekt, das Sie hinzufügen / bearbeiten / anzeigen möchten
Aufgabe hinzufügen (Aufgabenname, Arbeitskräfte, Startdatum, Enddatum, verantwortliche Person usw.)
Durchsuchen von Aufgaben (welche Art von Aufgabe hat die verantwortliche Person in einem bestimmten Zeitraum erledigt, wie viel Aufwand jede für das Projekt verantwortliche Person aufwendet usw.)

Bildschirm

Bildschirm zur Eingabe des Projektcodes スクリーンショット 2020-05-30 13.53.52.png

Bildschirm zum Hinzufügen (und Ändern) von Aufgaben スクリーンショット 2020-05-30 13.54.28.png

Bildschirm zum Anzeigen von Aufgaben スクリーンショット 2020-05-30 13.53.05.png

Verstopft

Kooperation zwischen JavaScript und Thymeleaf?

Wie ich in Vorheriger Artikel geschrieben habe, zum Beispiel in JavaScript

target.html('<a th:href="@{/hello}">Stichprobe</a>');

Selbst wenn ich schrieb, funktionierte das a-Tag nicht.

Lösung

<script type="text/javascript" th:inline="javascript">
    const link = /*[[@{/hello}]]*/'';
    target.html('<a href="' + link + '">Stichprobe</a>');
</script>

Ich habe es durch Schreiben gelöst. Auf diese Weise kämpfte ich mit der Tatsache, dass Thymeleafs `th:` nicht in JavaScript verwendet werden kann.

Das Problem, das `form``` -Tag nicht in das` table``` -Tag schreiben zu können

Zum Beispiel

<table>
    <tr>
        <th>#</th>
        <th>Name</th>
        <th>Taste</th>
    </tr>
    <tr>
        <form>
            <td>1</td>
            <td><input type="text"/></td>
            <td><input type="submit"></td>
        </form>
    </tr>
    <tr>
        <form>
            <td>2</td>
            <td><input type="text" /></td>
            <td><input type="submit"></td>
        </form>
    </tr>
</table>

Wenn es ein Bild ist スクリーンショット 2020-05-30 14.21.26.png

Das ist der Fall. Wenn Sie dies mit den Entwicklertools von Chrome betrachten, ... スクリーンショット 2020-05-30 14.27.43.png

Seltsam. .. .. `` `form``` tag, schließe es dort nicht. .. ..

Lösung

Fügen Sie dem Tag `` `form``` ein id-Attribut hinzu
Geben Sie die in 1. angegebene ID in das Formularattribut des Tags `` `input``` ein.

Auf diese Weise können Sie den Wert value `input``` senden, der der ID des Tags` form entspricht. Übrigens kann das `` `form Tag irgendwo über oder unter das input``` Tag geschrieben werden.

Im obigen Beispiel

<table>
    <tr>
        <th>#</th>
        <th>Name</th>
        <th>Taste</th>
    </tr>
    <tr>
        <form id="form_01"></form>
        <td>1</td>
        <td><input type="text" form="form_01" /></td>
        <td><input type="submit" form="form_01"></td>
    </tr>
    <tr>
        <form id="form_02"></form>
        <td>2</td>
        <td><input type="text" form="form_02" /></td>
        <td><input type="submit" form="form_02"></td>
    </tr>
</table>

Betrachten Sie die Entwicklertools