在thymeleaf中动态填充列表

Question

在SpringMVC项目的控制器中，我确实有一个列表，我将其放在模型映射中，如下所示。

@GetMapping("/teacher/{userId}/add_thiesis")
  public String dashboard(ModelMap model, @PathVariable Long userId) {

        List<Course> courses = courseRepo.findAll();
        model.put("courses", courses);

        String uId = String.valueOf(userId);

        ArrayList<String> questions = new ArrayList<>();
        model.put("id", uId);
        model.put("thiesis", new Thiesis());
        model.put("questions",questions);
        return "add_thiesis"; 
  }

现在我想在thymeleaf视图中使用post方法动态填充它。为此，我使用了一个JavaScript脚本。这不是所有的html代码，但为了简单起见，我只添加了JS部分。

    window.addEventListener("load", start);
    var i='0';




    var question = '<div class="form-group row">'+
                        '<label for="name" class="col-12 col-sm-4 col-form-label">Question:</label>'+
                        '<div class=" col-12 col-sm-8">'+
                            '<input type="text"'+ ' class="form-control" placeholder="Enter question here..." th:field="{questions['+i+']"}  required/><br/>'+
                        '</div>'+
                    '</div>';

    function start(){
        var plus = document.getElementById("plus");
        var minus = document.getElementById("minus");


        plus.addEventListener("click", add);
        minus.addEventListener("click", remove);
    }


    function add(){
        var addQuestion = document.getElementById("question_body");
        addQuestion.innerHTML += question;
        i++;
        console.log(i);
    }

    function remove(){
        var removeQuestion = document.getElementById("question_body");
        if(i>0){
            console.log(removeQuestion.lastChild.nodeName);
            removeQuestion.removeChild(removeQuestion.lastChild);
            i--;
            console.log(i);
        }

    }

这是测试有效的后方法。

    @PostMapping("/teacher/{userId}/add_thiesis")
public String addThiesis(Thiesis thiesis, ArrayList<String> questions)
{
    for (String question : questions) {
        Question q = new Question();
        q.setQuestion(question);
        questionService.save(q);
    }
    System.out.println("addThiesis called");
    String tmpCourse = thiesis.getTmpCourse();
    thiesisService.save(thiesis, tmpCourse);
    System.out.println(thiesis.getId());
    return "" ;
}

它向我显示了错误：错误解析模板[]，模板可能不存在或任何已配置的模板解析程序都无法访问，这肯定是因为：th:field=“{questions['i']”。有没有办法动态填充数组，因为添加的问题数量是一个变量。有没有办法处理它？

Answer 1

在GET方法中尝试以下操作：

return "add_thiesis.html";

并使用@Controller注释，如下所示：

@Controller
public class YourClass {
//
}

编辑：

也为th：字段有一个微小的错误

th:field="'*{questions['+i+']}'"