Spring Boot Thymeleaf GetParameter

Question

用戶如何在html處輸入數據-復選框並選擇列表。 我用過Thymeleaf和SpringBoot。

<form id="register-form" th:object="${worker}" th:action="@{/worker/save}"
                                          method="post"
                                          role="form">
                                        <div class="form-group">
                                            <input type="text" th:field="*{firstName}" id="firstName" tabindex="1"
                                                   class="form-control" placeholder="First Name" value=""/>
                                        </div>
                                        <div class="form-group">
                                            <input type="text" th:field="*{secondName}" id="secondName" tabindex="1"
                                                   class="form-control" placeholder="Second Name" value=""/>
                                        </div>

                                        <div class="form-group">
                                            <input class="form-control" placeholder="Date of Bithday" type="text"
                                                   th:field="*{dateBirth}" id="datepicker"/>
                                        </div>

                                        <div class="form-group">
                                            <label class="checkbox-inline">
                                                <input type="checkbox" value="java"/>JAVA Skill
                                            </label>
                                            <select class="form-control" id="exampleSelect1">
                                                <option value=""></option>
                                                <option value="first"> First level</option>
                                                <option value="second"> Second level</option>
                                                <option value="third"> Third level</option>
                                                <option value="fourth"> Fourth level</option>
                                                <option value="fifth"> Fifth level</option>
                                            </select>
                                        </div>

                                        <div class="form-group">
                                            <label class="checkbox-inline">
                                                <input th:field="*{phpSkill}" type="checkbox" value="php"/>PHP Skill
                                            </label>
                                            <select class="form-control" id="exampleSelect2">
                                                <option value=""></option>
                                                <option value="first"> First level</option>
                                                <option value="second"> Second level</option>
                                                <option value="third"> Third level</option>
                                                <option value="fourth"> Fourth level</option>
                                                <option value="fifth"> Fifth level</option>
                                            </select>
                                        </div>

                                        <div class="form-group">
                                            <label class="checkbox-inline">
                                                <input th:field="*{javascriptSkill}" type="checkbox"
                                                       value="javascript"/>JAVA
                                                SCRIPT Skill
                                            </label>
                                            <select class="form-control" id="exampleSelect3">
                                                <option value=""></option>
                                                <option value="first"> First level</option>
                                                <option value="second"> Second level</option>
                                                <option value="third"> Third level</option>
                                                <option value="fourth"> Fourth level</option>
                                                <option value="fifth"> Fifth level</option>
                                            </select>
                                        </div>

                                        <hr/>


                                        <div class="form-group">
                                            <div class="row">
                                                <div class="col-sm-6 col-sm-offset-3">
                                                    <input type="submit" name="register-submit" id="register-submit"
                                                           tabindex="4" class="form-control btn btn-register"
                                                           value="Register Now"/>
                                                </div>
                                            </div>
                                        </div>
                                    </form>

這是我的控制器代碼：我需要在此處接收選擇選項值和復選框值

@Controller
public class WorkerController {



     private WorkerServ workerServ;

        @Autowired
        public WorkerController(WorkerServ workerServ) {
            this.workerServ = workerServ;
        }

        @RequestMapping(value = "/worker/register")
        public String saveWorker(Model model) {
            model.addAttribute("worker", new Worker());
            return "signupWorker";
        }
        @RequestMapping(value = "worker/save", method = RequestMethod.POST)
        public String saveWorker(Worker worker) {
            String firstName = worker.getFirstName();
            String secondName = worker.getSecondName();
            String dateBith = worker.getDateBirth();


            workerServ.registerWorker(firstName, secondName, dateBith, null);
            return "index";
        }
    }

Answer 1

如果在CheckBox和Select中使用javaSkill和level，則模型“ worker”應具有帶有getter和setter的變量！

復選框：

<input type="checkbox" name="javaSkill" th:checked="*{javaSkill}" />

選擇：

<select th:field="*{level}">
  <option th:value="first" th:text="First Level"></option>
  <option th:value="second" th:text="Second Level"></option>
</select>

Answer 2

這是下拉菜單的簡單有效的示例

例

<select class="form-control" th:value="${appointment.location}" name="location" id="location">
                        <option disabled="disabled" selected="selected" > -- select the location --</option>
                        <option>Boston</option>
                        <option>New York</option>
                        <option>Chicago</option>
                        <option>San Francisco</option>
                    </select>

如果您在控制器中訪問location值，那么您將能夠獲得下拉值

類似的去復選框