码迷,mamicode.com
首页 > 编程语言 > 详细

springboot框架中集成thymeleaf引擎,使用form表单提交数据,debug结果后台获取不到数据

时间:2020-01-25 19:36:08      阅读:167      评论:0      收藏:0      [点我收藏+]

标签:picker   BMI   email   dmi   admin   stp   obj   号码   field   

springboot框架中集成thymeleaf引擎,使用form表单提交数据,debug结果后台获取不到数据

表单html:

                            <form class="form-horizontal form-material" th:object="${user}" th:action="@{/user/updateOneUserInfo}" method="post">
                                <input type="hidden" name="id" th:field="*{id}">
                                <div class="form-group">
                                    <label class="col-md-12">姓 名</label>
                                    <div class="col-md-12">
                                        <input type="text" placeholder="Johnathan Doe" class="form-control form-control-line" th:field="*{userName}">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="example-email" class="col-md-12">邮 箱</label>
                                    <div class="col-md-12">
                                        <input type="email" placeholder="johnathan@admin.com" th:field="*{email}" class="form-control form-control-line" name="example-email" id="example-email">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-md-12">电话号码</label>
                                    <div class="col-md-12">
                                        <input type="text" placeholder="123 456 7890" th:field="*{telephone}" class="form-control form-control-line">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-md-12">职 业</label>
                                    <div class="col-md-12">
                                        <input type="text" placeholder="" th:field="*{job}" class="form-control form-control-line">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-md-12">个人简介</label>
                                    <div class="col-md-12">
                                        <textarea rows="5" class="form-control form-control-line" th:field="*{shortMessage}"></textarea>
                                    </div>
                                </div>
                                <!--地址暂未处理-->
                                <div class="form-group">
                                    <label class="col-sm-12">选择所在地</label>
                                    <div class="col-sm-12">
                                        <div data-toggle="distpicker" class="row col-md-12">
                                            <select class="col-md-4 form-control" data-province="北京市"></select>
                                            <select class="col-md-4 form-control" data-city="北京城区"></select>
                                            <select class="col-md-4 form-control" data-district="东城区"></select>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="col-sm-12" style="text-align: center">
                                        <button class="btn btn-success" type="submit">更新资料</button>
                                    </div>
                                </div>
                            </form>

后台按照post的地址进行接收即可,需要注意的是,提交数据的时候,button或者input都设置成为submit,然后获取数据的时候用成th:field={*变量}的形式获取数据即可

springboot框架中集成thymeleaf引擎,使用form表单提交数据,debug结果后台获取不到数据

标签:picker   BMI   email   dmi   admin   stp   obj   号码   field   

原文地址:https://www.cnblogs.com/chenyameng/p/12233298.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!