Thymleaf表单提交结果为404？

Question

我在Thymeleaf中编写了一个表单，从用户那里获取数据。看起来是这样的：

 	<h1>Form</h1>
    <form action="#" th:action="@{/addArticle}" th:object="${article}" method="post">
    	<p>Id: <input type="text" th:field="*{id}" /></p>
        <p>Message: <input type="text" th:field="*{title}" /></p>
        <p>Message: <input type="text" th:field="*{authors}" /></p>
        <p>Message: <input type="text" th:field="*{genre}" /></p>
        <p>Message: <input type="text" th:field="*{content}" /></p>
        <p>Message: <input type="text" th:field="*{date}" /></p>
        <p><input type="submit" value="Submit" /> <input type="reset" value="Reset" /></p>
    </form>

问题是，每当我提交此表单时，它都不会保存到mongo数据库，甚至不会显示结果页面。相反，它抛出了404。我注意到这个错误来自url：

http://localhost:8080/addArticle

这很奇怪，因为我试图重定向到我调用return.html的页面（它存在于正确的目录中，我已经测试了html是否有效）。这是我的控制器：

>@Controller
@RequestMapping("/articles")
public class ArticleController {

    private ArticleRepo articleRepo;

    @Autowired
    public ArticleController(ArticleRepo articleRepo) {
        this.articleRepo = articleRepo;
    }

    @RequestMapping(value = "/findAll", method = RequestMethod.GET)
    @ResponseBody
    public List<Article> findall() {
        return articleRepo.findAll();
    }

    @GetMapping("/addArticle")
    public String getAddArticle(Model model) {
        model.addAttribute("article", new Article());
        return "submitAnArticle";
    }

    @PostMapping("/addArticle")
    public String submitAddArticle(@ModelAttribute Article newArticle) {
        articleRepo.save(newArticle);
        return "result";
    }


}

我试着浏览堆栈溢出并参考这个Spring文档，但我被卡住了。关于这一点，我有几个问题：

最重要的问题1。有人可以使用此表单吗？或者可能可以识别此错误？

额外问题2。在我切换到Thymeleaf的奇怪表单之前，我已经在Javascript中成功使用了这个。我可以像以前一样从这里获取数据并将其放入javascript中吗？我尝试使用标准的html表单，但它什么也不做。3.有没有一种方法可以在不通过AJAX重定向页面的情况下完成此操作？

我似乎在用我的问题来解决堆积如山的问题，因为他们总是被高估，但要么回答不正确，要么根本没有答案。在此方面的任何帮助都将不胜感激。

Answer 1

我想你可能不会导入必要的jar，把这些放在pom.xml或自己下载

    <dependency>
        <groupId>nz.net.ultraq.thymeleaf</groupId>
        <artifactId>thymeleaf-layout-dialect</artifactId>
    </dependency>

    <dependency>
        <groupId>net.sourceforge.nekohtml</groupId>
        <artifactId>nekohtml</artifactId>
    </dependency>

Answer 2

看看地图，不是你的URL吗http://localhost:8080/articles/addArticle ?, 尝试从操作中删除“/”：

th： action="@{add文章}"

否则，这可能会导致url取自根，即：

http://localhost:8080/addArticle

编辑：此外，您声明：

因为我正试图重定向到一个我称之为return.html页面

但在您的控制器中，您将返回结果，请尝试将其更改为：

@PostMapping("/addArticle")
public String submitAddArticle(@ModelAttribute Article newArticle) {
    articleRepo.save(newArticle);
    return "return";
}

Answer 3

基于您的代码示例，它肯定会抛出404错误。在控制器中，您在

@RequestMapping("/articles")
public class ArticleController

和

@PostMapping("/addArticle")
public String submitAddArticle(@ModelAttribute Article newArticle) {

因此，您的url将是

http://localhost:8080/articles/addArticle

但你正在尝试发布

http://localhost:8080/addArticle