Как правильно присвоить значение объекту в thymleaf?

Question

[федор unknown]

У меня есть HTML - форма , в которой есть options (select box) для поле categoryName Объекта Product. Значение для options берутся из объекта Category и должны присвоеваться в поле categoryName Объекта Product,
Но это не происходит, в чем может быть проблема?

html:

<form action="#" th:action="@{/save}" th:object="${product}" method="post">
        <table border="0" cellpadding="10">
            <tr>
                <td>Наименования:</td>
                <td><input required type="text" th:field="*{name}"/></td>
            </tr>
            <tr>
                <td>Описание:</td>
                <td><input required type="text" th:field="*{description}"/>

                </td>
            </tr>
            <tr>
                <td>Категория:</td>
                <td>
                    <input required type="text" th:field="*{category}"/>

                    <!-- Проблема! значение из option не происвается в product-->
                    <select class="form-select form-select-sm" aria-label=".form-select-sm example">
                        <option selected>Выберите котегорию</option>
                        <option th:each="category : ${categoryList}" value="${category.id}"
                                th:text="${product.category}"></option>
                    </select>

                </td>
            </tr>
            <tr>
                <td>Цена:</td>
                <td><input required type="number" th:field="*{price}" pattern='[0-9]+(\\.[0-9][0-9]?)?'/></td>
            </tr>
            <tr>
                <td colspan="2">
                    <button type="submit" class="btn btn-primary">Сохранить</button>
                </td>
            </tr>
        </table>
    </form>

Контроллер:

// добавить продукт
	@RequestMapping("/new_product")
	public String showNewProductForm(Model model) {
		Product product = new Product();
		List<Category> category = categoryService.getAll();
		model.addAttribute("categoryList", category);
		model.addAttribute("product", product);

		return "new_product";
	}

Answer 1

[Орхан Гасанлы]

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

List<Category> category = categoryService.getAll();

Точно не уверен, но могут ли названия двух полей, как-то конфликтовать?! Надо бы этот момент проверить.
th:field="*{category}"
Попробуйте в блоке ниже сменить category : на что-нибудь другое. Например, cat и соответственно, смените его в соответствующих строках тоже.

<option th:each="category : ${categoryList}" value="${category.id}"
                                th:text="${product.category}"></option>

Вы имеете ввиду вот, тут не присваивается? th:text="${product.category}"
Если да, то он и не будет присвоен, ибо в данном случае вы лишь получаете значение product.category, а так как product новый: Product product = new Product();, то и присвоенной категории для него тоже не будет.

Comments

[федор unknown]

Вы имеете ввиду вот, тут не присваивается? th:text="${product.category}"
Если да, то он и не будет присвоен, ибо в данном случае вы лишь получаете значение product.category, а так как product новый: Product product = new Product();, то и присвоенной категории для него тоже не будет.

ДА именно так, как я могу решить данную проблеме? пожалуйста помогите(((

[Орхан Гасанлы]

федор unknown,
Смотрите, категория не присваивается в самой форме. Вам нужно, чтобы пользователь просто выбрал категорию, которую впоследствии нужно присвоить к товару и при сабмите нужно категорию вместе с остальными данными передать в соответствующий метод контроллера. А затем уже к товар сохраняется и соответствующая категория присваивается к товару.
При сабмите формы отправляется ли выбранная вами категория в бэкенд? Глянуть можно во вкладке сеть в консоли браузера, выбрав соответствующий POST запрос.
К тому же, я не вижу вашего POST метода, который обрабатывает содержимое формы при сабмите.
Если что можете закинуть ваш проект на гитхаб и дать ссылку.

[федор unknown]

Орхан Гасанлы, https://github.com/turdubekovOmur/product-manager
спасибо)

[Орхан Гасанлы]

федор unknown, видимо, вы скинули не ту версию проекта.
тут нет сущности Category

нет, кода, который был показан в вашем вопросе.
Например,

List<Category> category = categoryService.getAll();

и т.д.

[федор unknown]

Орхан Гасанлы, извените пожалуйста, все добавил : https://github.com/turdubekovOmur/product-manager-demo

[Орхан Гасанлы]

федор unknown, Так, я глянул ваш проект.
1) как я вижу в коде вы закомментировали отношение ManyToMany для Product & Category.

2) Нет смысла в строке (сущ. Product)
private String category;
если у вас есть сущность Category

3) В сущности Category
@ManyToMany(mappedBy = "category")
А должно быть:
@ManyToMany(mappedBy = "categoryList")
потому что в сущ. Product
private List<Category> categoryList;

4) Для таких полей, как private String description;
лучше добавлять такую строку, как @Column(length=1000) Иначе по дефолту кол-во символов равно 255 и в случае, если описание больше, чем 255 символов, то получите исключение при попытке сохранить запись.

5) Небольшой совет

public Category get(Long id) {
        if (repository.findById(id).isPresent()){
            return repository.findById(id).get();
        }
        log.error("Категория не найдено");
        return null;
    }

Чтобы такого не делать, лучше используйте Optional<Category>

6) Еще один совет...
private int price;
int или long не подходит для хранения информации о стоимости. Вот, представьте, что если товар стоит 100 рублей 55 копеек. Это уже как минимум тип double или float.
Гораздо правильнее использовать BigDecimal. Ну или на худой конец для учебного проекта подойдет - double.

7) Чуть изменил ManyToMany
Category

@ManyToMany(mappedBy = "categoryList")
    private List<Product> productList;

Product

@ManyToMany(fetch = FetchType.LAZY, cascade = {
			CascadeType.PERSIST,
			CascadeType.MERGE
	})
	@JoinTable(name = "product_categories",
				joinColumns = @JoinColumn(name = "product_id"),
				inverseJoinColumns = @JoinColumn(name = "category_id"))
	private List<Category> categoryList;

8) Теперь, что касается вашего вопроса про категорию.

Во-первых, в шаблоне вы некорректно выводите колонку категории
<td th:text="${product.category}">Категория</td>
По факту вы выводите private String category; вместо списка категорий. См. пункт 2 (это поле вообще не нужно). Вам нужно просто получить список категорий назначенных для данного товара, а затем при помощи th:each вывести названия этих категорий.
Изменил эту колонку на:

<td>
				<span th:each="cat : ${product.categoryList}">
					<span th:text="${cat.name}">Категория</span>&nbsp;
				</span>
				</td>

9) Вот, что отправляется из фронта при сабмите формы:
name=11&description=22&category=&price=300
Как видите категория пустая. Пустая она потому, что:
Также это поле в шаблоне new product лишнее <input type="text" th:field="*{category}"/> Зачем вам это поле, если есть select?

10) Обратите внимание, что методы в интерфейсах по дефолту и так публичные.
Соответственно, нет смысла писать модификатор доступа public
public List<Category> search(String keyword);

11) Обновил ProductRepository на

@Query("SELECT p FROM Product p WHERE CONCAT(p.name, ' ', p.description, ' ', p.price) LIKE %?1%")
	List<Product> search(String keyword);

так как я в проекте удалил String category для Product.

12) Вместо аннотации @RequestMapping можно использовать более специализированные. Например, GetMapping PostMapping PutMapping и т.д.

13)
th:value="${product.category}"
Это не совсем верно. Вот, смотрите вы назначаете значению поля категория для нового товара - значение категории этого товара (которого не существует).

14) Также в шаблоне new product обновил:

<!-- Проблема! значение из option не происвается в product-->
						<select th:field="*{categoryList}" class="form-select form-select-sm" aria-label="form-select-sm example" required>
							<option selected value="">Выберите категорию</option>
							<option th:each="category : ${categories}" th:value="${category.id}" th:text="${category.name}" value=""></option>
						</select>

Вот, результат с успешно добавленным товаром:


А вот, что убежало в бекэнд


Рекомендую прочитать вот, эту статью:
https://vladmihalcea.com/the-best-way-to-use-the-m...

Доп. полезная информация:
https://stackoverflow.com/questions/50981616/thyme...
https://www.baeldung.com/thymeleaf-list

Вот, ваш проект с внесенными правками.
https://github.com/hasanli-orkhan/demo
Я не стал дорабатывать его, лишь указал на ваши ошибки и выше написал, как его можно улучшить

[федор unknown]

Орхан Гасанлы, Огромное человеческое спасибо!!!

[Орхан Гасанлы]

федор unknown, рад помочь