Как установить поле объекта из шаблона Thymeleaf? - PullRequest
0 голосов
/ 18 апреля 2019

Я новичок в Spring, и я пытаюсь изучить его с помощью Spring в действии 5 (Крейг Уоллс). Я создаю небольшую Spring Boot MVC-application. Теперь у меня небольшая проблема с Thymeleaf.

У меня есть Controller, View и модель как объект POJO. Когда я пытаюсь получить данные из формы, Intellij Idea сказала мне, что что-то не так с моим представлением Thymeleaf в этой строке:

Model
import java.util.Date;
import java.util.List;

import javax.validation.constraints.NotNull;
import javax.validation.constraints.Size;

import lombok.Data;


@Data
public class Taco {

    private Long id;

    private Date createdAt;

    @NotNull
    @Size(min=5, message="Name must be at least 5 characters long")
    private String name;

    @Size(min=1, message="You must choose at least 1 ingredient")
    private List<Ingredient> ingredients;


}

View

<!DOCTYPE html>
<html lang="en"
      xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Taco Cloud</title>
    <link rel="stylesheet" th:href="@{/styles.css}"/>

</head>
<body>

    <h1>Design your taco!</h1>
    <img src="../static/images/TacoCloud.png" alt="TacoCloud.png" th:src="@{/images/TacoCloud.png}">

    <form method="POST" th:object="${taco}">
        <div class="grid">
            <div class="ingredient-group" id="wraps">
                <h3>Designate yor wrap:</h3>
                <div th:each="ingredient:${wrap}">
                    <input name="ingredients" type="checkbox" th:value="${ingredient.id}"/>

                    <span th:text="${ingredient.name}">INGREDIENT</span><br/>
                </div>
            </div>


            <div class="ingredient-group" id="proteins">
            <h3>Pick your protein:</h3>
            <div th:each="ingredient: ${protein}">
                <input name="ingredients" type="checkbox" th:value="${ingredient.id}"/>
                <span th:text="${ingredient.name}">INGREDIENT</span>
            </div>
        </div>


            <div class="ingredient-group" id="cheeses">
                <h3>Choose your cheese:</h3>
                <div th:each="ingredient:${cheese}">
                    <input name="ingredients" type="checkbox" th:value="${ingredient.id}"/>
                    <span th:text="${ingredient.name}">INGREDIENT</span><br/>
                </div>
            </div>

            <div class="ingredient-group" id="veggies">
                <h3>Determine your veggies:</h3>
                <div th:each="ingredient : ${veggies}">
                    <input name="ingredients" type="checkbox" th:value="${ingredient.id}"
                    />
                    <span th:text="${ingredient.name}">INGREDIENT</span><br/>
                </div>
            </div>
            <div class="ingredient-group" id="sauces">
                <h3>Select your sauce:</h3>
                <div th:each="ingredient : ${sauce}">
                    <input name="ingredients" type="checkbox" th:value="${ingredient.id}"
                    />
                    <span th:text="${ingredient.name}">INGREDIENT</span><br/>
                </div>
            </div>
        </div>
        <div>
            <h3>Name your taco creation:</h3>
            <input type="text" name="name"  th:field="*{name}"/> 

            <br/>
            <button>Submit your taco</button>
        </div>

    </form>

</body>
</html>

Контроллер

import lombok.extern.slf4j.Slf4j;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.validation.Errors;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import tacos.Ingredient.Type;
import tacos.Ingredient;
import org.springframework.web.bind.annotation.ModelAttribute;
import tacos.Taco;
import tacos.data.IngredientRepository;

import javax.validation.Valid;


import java.util.ArrayList;
import java.util.Arrays;
import java.util.List;
import java.util.stream.Collectors;


@Slf4j
@Controller
@RequestMapping("/design")
public class DesignTacoController {

    private final IngredientRepository ingredientRepo;

    @Autowired
    public DesignTacoController(IngredientRepository ingredientRepo){
        this.ingredientRepo=ingredientRepo;
    }


    @GetMapping
    public String showDesignForm(Model model) {

        List<Ingredient> ingredients=new ArrayList<>();
        ingredientRepo.findAll().forEach(i->ingredients.add(i));

        Type[] types = Ingredient.Type.values();
        for (Type type : types) {
            model.addAttribute(type.toString().toLowerCase(),
                    filterByType(ingredients, type));
        }

        return "design";
    }


    private List<Ingredient> filterByType(
            List<Ingredient> ingredients, Type type) {
        return ingredients
                .stream()
                .filter(x -> x.getType().equals(type))
                .collect(Collectors.toList());
    }

    @PostMapping
    public String processDesign(@Valid @ModelAttribute("design") Taco design, Errors errors, Model model) {
        if (errors.hasErrors()) {
            return "design";
        }

        // Save the taco design...
        // We'll do this in chapter 3
        log.info("Processing design: " + design);

        return "redirect:/orders/current";
    }

}

И наконец я получаю эту ошибку:

org.thymeleaf.exceptions.TemplateInputException: An error happened during template parsing (template: "class path resource [templates/design.html]")

Caused by: org.attoparser.ParseException: Error during execution of processor 'org.thymeleaf.spring5.processor.SpringInputGeneralFieldTagProcessor' (template: "design" - line 64, col 45)

Ответы [ 2 ]

1 голос
/ 18 апреля 2019

Я заметил две вещи в вашем коде.

  1. Я не вижу th:action в вашей форме, необходимой для отправки формы.
  2. изменить form method="POST" th:object="${taco}" на form method="POST" th:object="${design}"

Попробуйте исправить эти два, и это должно работать.

0 голосов
/ 18 апреля 2019

Я нашел две вещи в коде:

  1. Я не нахожу никаких действий, ваша форма в HTML.Вы должны использовать тег th:action для добавления действия.
  2. в html вы использовали th:object="${taco}" для объявления объекта для вашей HTML-формы.Но вы не добавляете объект «taco» в вашу модель в методе контроллера, откуда вы возвращаете html-дизайн.Вы должны добавить объект «taco» в свой метод контроллера, как показано ниже.

    model.addAttribute («taco», объект taco);

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...