java - Springboot/Thymeleaf : Links on html-template cannot be parsed

Question

我继续我的 Springboot/Thymeleaf 项目并解决了前面提到的一些问题 ( Springboot: Localhost:8080 results in Whitepage-Error instead of showing content )。

localhost:8080 现在显示基因和蛋白质列表(见图)。遵循 URI http://localhost:8080/protein?id=Q6GZX3 (例如)我现在可以显示一种蛋白质的条目。对于基因来说，同样的情况也是可能的。

现在，我尝试链接蛋白质和基因(在蛋白质页面上有一个链接，上面写着“基因”，并在单击时显示gene-html页面。到目前为止仅适用于蛋白质页面)。执行后，我的 Protein.html 出现以下错误:

 <a th:href=”gene?id= + ${geneid}”>Gene</a>

 could not be parsed. 

为了进一步了解/如有必要:解决了我的 Protein.html 页面的链接错误后，我的最终目标是:

使通过index.html显示的列表元素可点击，点击后显示基因/蛋白质的详细信息。此外，每个基因位点上都有一个按钮，可以将您重定向到相应的蛋白质，反之亦然。

背景信息:

到目前为止我的代码:Pom.xml

<?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 http://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>

    <groupId>com.MMueller</groupId>
    <artifactId>SpringBoot_v2</artifactId>
    <version>1.0-SNAPSHOT</version>

    <parent>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-parent</artifactId>
        <version>2.0.3.RELEASE</version>
    </parent>

    <dependencies>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>

        <dependency>
            <groupId>org.apache.commons</groupId>
            <artifactId>commons-lang3</artifactId>
            <type>jar</type>
        </dependency>

        <dependency>
            <groupId>org.slf4j</groupId>
            <artifactId>slf4j-api</artifactId>
        </dependency>

        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-thymeleaf</artifactId>
        </dependency>

        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>

    </dependencies>

    <properties>
        <java.version>1.8</java.version>
    </properties>


    <build>
        <plugins>
            <plugin>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-maven-plugin</artifactId>
            </plugin>
        </plugins>
    </build>

</project>

Main.java

package main;

import db.admin.DatabaseQuery;
import db.admin.local.DatabaseQueryLocal;
import db.io.FileReader;
import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.EnableAutoConfiguration;
import org.springframework.boot.autoconfigure.SpringBootApplication;
//import org.springframework.boot.builder.SpringApplicationBuilder;
import org.springframework.context.annotation.ComponentScan;

/**
 * Main class
 * @author Miriam Mueller
 */
//@Configuration
@SpringBootApplication
@ComponentScan(basePackages = "gui.spring")// sucht alle @Controller in gui.spring
@EnableAutoConfiguration
public class Main {

    public static void main(String[] args) {


        DatabaseQuery query = new DatabaseQueryLocal();
        new FileReader(query); 

        SpringApplication.run(Main.class, args);

    }
}

应用程序 Controller .java

package gui.spring.controller;

import db.admin.DatabaseQuery;
import db.admin.local.DatabaseQueryLocal;
import db.sample.Gene;
import db.sample.Protein;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import java.util.List;

@Controller
public class ApplicationController {
    @RequestMapping(value = "/", method=RequestMethod.GET)

    public String deleteSession(Model model){
        DatabaseQuery query = new DatabaseQueryLocal();
        List<Protein> proteins = query.getProteins();
        List<Gene> genes= query.getGenes();

        model.addAttribute("proteins", proteins);
        model.addAttribute("genes", genes);
        return "index";
    }
}

蛋白质 Controller .java

package gui.spring.controller;

import db.admin.DatabaseQuery;
import db.admin.local.DatabaseQueryLocal;
import db.sample.Protein;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.bind.annotation.RequestParam;
import java.util.Optional;

@Controller
public class ProteinController {

    @RequestMapping(value = "/protein", method = RequestMethod.GET)
    public String einProteinAnzeigen(Model model, @RequestParam("id") String identifier) {

        DatabaseQuery query = new DatabaseQueryLocal();
        Optional<Protein> protein = query.getProteinByName(identifier);

        if(protein.isPresent()) {
Gene associatedGene = query.getGenes().stream()
        .filter(g -> g.getProtein().equals(protein.get()))
        .findFirst().get();

            model.addAttribute("identifier", protein.get().getIdentifier());
            model.addAttribute("description", protein.get().getDesc());
            model.addAttribute("sequence", protein.get().getSequence());
    model.addAttribute("geneid", associatedGene.getIdentifier());

            } else {
             model.addAttribute("identifier", "No Protein found with this id " + identifier);

             model.addAttribute("description", "");
             model.addAttribute("sequence", "");
             }
            return "protein";
        }
}

GeneController.java

package gui.spring.controller;

import db.admin.DatabaseQuery;
import db.admin.local.DatabaseQueryLocal;
import db.sample.Gene;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.bind.annotation.RequestParam;

import java.util.Optional;

@Controller
public class GeneController {
    //Alle Aufrufe der Seite localhost:8080/gene landen hier, weil der value die URL "/protein" abgreift
    @RequestMapping(value = "/gene", method = RequestMethod.GET)
    public String einGenAnzeigen(Model model, @RequestParam("id") String identifier) {

        DatabaseQuery query = new DatabaseQueryLocal();
        Optional<Gene> gene = query.getGeneByName(identifier);

        if(gene.isPresent()) {
            model.addAttribute("identifier", gene.get().getIdentifier());
            model.addAttribute("description", gene.get().getDesc());
            model.addAttribute("sequence", gene.get().getSequence());
        } else {
            //wenn query kein Protein zuruckliefert eine Warnung an den Nutzer ausgeben:
            model.addAttribute("identifier", "No Gene found with this id " + identifier);
            //und die anderen Attribute leer setzten:
            model.addAttribute("description", "");
            model.addAttribute("sequence", "");
        }

        //liefert die protein.html-Datei
        return "gene";
    }
}

index.html

<!DOCTYPE html>
<html lang="en" xmlns:th="http://thymeleaf.org">
<head>
    <title>Index</title>
    <meta http-equiv="Content-Type" content="content/html; charset=UTF-8"/>
</head>
<body>

    <!--<a th:href="@{/protein}">"Proteins"</a> -->

    <h2>Genes and Proteins</h2>

    <table align="left" border="1" cellspacing="5" width="80%">
        <td style="width:50%;">
            <th:block th:each="gene:${genes}">
                <p th:text="${gene.getIdentifier()}"></p>
            </th:block>
        </td>
        <td style="width: 50%;">
            <th:block th:each="protein:${proteins}">
                <p th:text="${protein.getIdentifier()}"></p>
            </th:block>
        </td>
    </table>
</body>
</html>

蛋白质.html

<!DOCTYPE html>
<html lang="en" xmlns:th="http://thymeleaf.org">
<head>
    <title>Protein</title>
    <meta http-equiv="Content-Type" content="content/html; charset=UTF-8">
</head>
<body>
        <h2 th:text="${identifier}"></h2>

        <br/>
        <p th:text="${description}"></p>

        <br/>
        <p th:text="${sequence}" style="width: 400px; word-wrap: break-word"></p>
<br/>

<a th:href="gene?id= + ${geneid}">Gene</a>

</body>
</html>

基因.html

!DOCTYPE html>
<html lang="en" xmlns:th="http://thymeleaf.org">
<head>
    <title>Protein</title>
    <meta http-equiv="Content-Type" content="content/html; charset=UTF-8">
</head>
<body>

    <h2 th:text="${identifier}"></h2>

    <br/>
    <p th:text="${description}"></p>

    <br/>
    <p th:text="${sequence}" style="width: 400px; word-wrap: break-word"></p>

</body>
</html>

Answer 1

将您的 th:href 更改为以下内容:

<a th:href="@{'gene?id=' + ${geneid}}">Gene</a>

这应该将您重定向到所需的 URL，您可以在 GeneController 中调用 einGenAnzeigen 方法。