堆栈内存溢出
  繁体   English   中英

Thymeleaf 形式总是给控制器提供空值

[英]Thymeleaf form always give null value to controller

 原文  2019-12-28 14:15:22  0   1    jquery/ html/ spring/ twitter-bootstrap/ thymeleaf

问题描述

我目前正在做学校项目，我有点迷茫。 我有一个表格来添加实习，实习由很多元素定义，如姓名、实习内容等，以及我的问题最重要的部分，日期。 在我的表单中，我使用 datepicker 来选择我的日期，但是当我的对象被检索到我的控制器中的“postmapping”方法时，我的所有日​​期都具有“null”值，但我不明白为什么。

这是代码：

@Entity
@Table(name="stage")
@Where(clause="actif=true")
public class Stage{

    @Id
    @Column(name="id",nullable=false)
    @GeneratedValue(strategy = GenerationType.IDENTITY)
    private int id;

    //other attributes

    @DateTimeFormat(pattern = "dd-MM-yyyy") //I've try this but that change nothing
    @Column(name="date_candidature")
    private Calendar datecandidature;

    @Column(name="date_reponse")
    private Calendar datereponse;

    @Column(name="date_relance")
    private Calendar daterelance;

    //getters / setters / constructor

此模型与表“舞台”链接

DROP TABLE IF EXISTS `stage`;
CREATE TABLE IF NOT EXISTS `stage` (
  `id` int(100) NOT NULL AUTO_INCREMENT,
  `actif` tinyint(1) NOT NULL DEFAULT '1',
  `date_candidature` date DEFAULT NULL,
  `date_relance` date DEFAULT NULL,
  `date_reponse` date DEFAULT NULL,
  PRIMARY KEY (`id`)
) ENGINE=MyISAM AUTO_INCREMENT=16 DEFAULT CHARSET=utf8;

然后我们有控制器的 post 方法：

    @PreAuthorize("hasRole('ROLE_USER') or hasRole('ROLE_ADMIN')")
    @PostMapping(value={"/stage/add"})
    public ModelAndView stageAddPost(@ModelAttribute("stage") Stage stage, BindingResult errors, Model model) {
        System.out.println("Stage date candi : " + stage.getDatecandidature());
        System.out.println("Stage date relance : " + stage.getDaterelance());
        System.out.println("Stage date rep : " + stage.getDatereponse());
        stageService.saveOrUpdate(stage);
        ModelAndView mav = new ModelAndView("redirect:/");
        //mav.addObject("stage", stage);

        return mav;
    }

然后百里香形式：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:th="https://www.thymeleaf.org"
    xmlns:sec="https://www.thymeleaf.org/thymeleaf-extras-springsecurity5">
<head>
    <title>Ajout stage</title>

</head>
<body>



    <div th:replace="fragments/header :: head"></div>

    <!-- Page Content -->
    <div class="container pt-5">

        <form th:action="@{/stage/add}" th:object="${stage}" method="post">

                <input type="text" th:field="*{id}" hidden readonly>
                <input type="text" th:field="*{nouveau}" hidden readonly>
<!--                <input type="text" th:field="*{datederniereconnection}" hidden readonly> -->
<!--                <input type="text" th:field="*{datedernieremodification}" hidden readonly> -->
<!--                <input type="text" th:field="*{datecreation}" hidden readonly> -->
                <input type="text" th:field="*{actif}" hidden readonly>

            <div class="form-group row">
            <div class="col-md-4 mt-5">
                <label for="datecandidature">Date de candidature</label>
                <div class="input-group date">
                    <input type="text" class="form-control" autocomplete="off" th:id="datecandidature" th:name="datecandidature" th:value="*{datecandidature}"/>
                    <div class="input-group-append">
                        <span class="input-group-text"><i class="far fa-calendar-alt"></i></span>
                    </div>
                </div>
            </div>
        </div>
<!--            <div class="form-group"> -->
<!--                    <label for="inputNumeroRue">Date de candidature</label> <input type="date" -->
<!--                        class="form-control" id="inputNumeroRue" th:field="*{datecandidature}"> -->
<!--                    <p class="alert alert-warning" role="alert" th:if="${#fields.hasErrors('datecandidature')}" th:errors="*{datecandidature}"></p> -->

<!--            </div> -->

            <div class="col-md-4 mt-5">
                <label for="datereponse">Date de réponse</label>
                <div class="input-group date">
                    <input type="text" class="form-control" id="datereponse" autocomplete="off" th:field="*{datereponse}"/>
                    <div class="input-group-append">
                        <span class="input-group-text"><i class="far fa-calendar-alt"></i></span>
                    </div>
                </div>
            </div>

            <div class="col-md-4 mt-5">
                <label for="daterelance">Date de relance</label>
                <div class="input-group date">
                    <input type="text" class="form-control" id="daterelance" autocomplete="off" th:field="*{daterelance}"/>
                    <div class="input-group-append">
                        <span class="input-group-text"><i class="far fa-calendar-alt"></i></span>
                    </div>
                </div>
            </div>

            <button type="submit" class="btn btn-primary" value="Submit">Enregistrer</button>
        </form>

    </div>

    <div th:replace="fragments/footer :: foot"></div>
</body>
</html>

和标题片段：

<!DOCTYPE html>
<html lang="fr" xmlns:th="http://www.thymeleaf.org">
<head>
<link rel="stylesheet" href="/webjars/bootstrap/css/bootstrap.min.css" />
<link rel="stylesheet" href="/webjars/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.css"/>
<link rel="stylesheet" href="/webjars/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.standalone.css"/>

<script src="/webjars/bootstrap/4.3.1/webjars-requirejs.js"></script>
<script type="text/javascript" src="/webjars/jquery/3.4.1/webjars-requirejs.js"></script>
<script type="text/javascript" src="/webjars/jquery/3.4.1/jquery.js"></script>

<script type="text/javascript" src="/webjars/popper.js/1.15.0/umd/popper.js"></script>
<script type="text/javascript" src="/webjars/bootstrap/4.3.1/js/bootstrap.min.js"></script>

<script src="https://kit.fontawesome.com/d72cc611fe.js" crossorigin="anonymous"></script>
<script src="/webjars/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.js"></script>
<script>
    var $j = jQuery.noConflict();
//          alert("HI"); // is it there yet?
             $j(document).ready(function() {
                    $j(".input-group.date").datepicker({
                        format: 'dd/mm/yyyy',
                        setDate: new Date(),
                        useCurrent: false,
                        autoclose: true,
                        pickerPosition: "bottom-left",
                        language: 'fr'
                    });
                  });   
</script>

<link href="/css/modern-business.css" rel="stylesheet">
</head>
<body>
    <div th:fragment="head">
        <nav class="navbar fixed-top navbar-expand-lg navbar-dark bg-dark fixed-top row align-items-center">
            <div class="container">
                <a class="navbar-brand col-lg-4" th:href="@{/}"><img th:src="@{/images/iutsd_ul.png}" width="80%" class="img-fluid" alt="Logo IUT et Unniversité de Lorraine"></a>
                <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div class="collapse navbar-collapse col-lg-8" id="navbarResponsive">
                    <ul class="navbar-nav ml-auto">
                        <li class="nav-item">
                            <a class="nav-link" th:href="@{/}">Accueil</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" th:href="@{/a-propos}">A-propos</a>
                        </li>
                        <li sec:authorize="isAuthenticated() && hasRole('ROLE_ETUDIANT')"  class="nav-item" >
                            <a class="nav-link" th:href="@{/profil/mes-stages}">Mes stages</a>
                        </li>

                        <li sec:authorize="isAnonymous()">
<!--                            <a sec:authorize="isAuthenticated()" th:href="@{/logout}" class="btn btn-primary">Logout</a> -->
                            <a sec:authorize="isAnonymous()" th:href="@{/login}" class="btn btn-primary">Login</a>
                        </li>

                        <li sec:authorize="isAuthenticated()" class="nav-item dropdown no-arrow">
                            <a class="nav-link dropdown" href="#" id="userDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                <i class="fas fa-user-cog"></i>
                            </a>
                            <div class="dropdown-menu dropdown-menu-right" aria-labelledby="userDropdown">
                                <a sec:authorize="hasAnyRole('ROLE_USER','ROLE_ADMIN')" class="dropdown-item" th:href="@{/profil}">Profil</a>
                            <div class="dropdown-divider"></div>
                                <a th:href="@{/logout}" class="dropdown-item">Logout</a>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>
    </div>


</body>
</html>

请注意，我已经删除了很多代码以使其对您更具可读性。 我希望有人可以帮助我，如果我没有正确解释，我很抱歉。

编辑：将日历更改为日期适用于“datereponse”和“daterelance”，但不适用于@DateTimeFormat(pattern = "dd-MM-yyyy") 的“datecandidature”原因

编辑 2：@DatTimeFormat 并添加 @Temporal(TemporalType.DATE) 正常工作

1 个解决方案

解决方案1
 0 已采纳  2019-12-28 15:04:29

尝试将日历更改为日期并查看它是否有效

暂无
暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 传递给控制器​​的值始终为null Spring MVC Thymeleaf：对象参数属性值始终为null jQuery的 <select>的价值<form>总是为空 将 thymeleaf 表值发送到 controller 表单值通过 jquery 发布 null 到 controller MVC 4 Ajax异步文件上传始终将空值传递给控制器 JsonResult控制器参数始终为null 控制器总是收到空参数 Razor 控制器值为空 控制器获取NULL值？
相关标签
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM