Spring MVCでindex.jsp#warpをする方法

前提・実現したいこと

Spring MVC+JDBC で

のようにページ内の他の位置に遷移させようとしています。

発生している問題・エラーメッセージ

以下のように単に戻り値に#warpを付けても

	@RequestMapping(value = "/index", method = RequestMethod.POST)
	public String index(@ModelAttribute("insert") NewInsert form,
			BindingResult bindingResult, Model model, 
			@ModelAttribute("insert2") NewInsert2 form2) {
		logger.info("## NewInsert ##");
		//処理
		return "index#warp";
	}

以下のように.jspファイルのファイル名として解釈されてしまいます。

org.apache.catalina.connector.Request : 
The fragment in dispatch path [/WEB-INF/views/index#warp.jsp] has been removed

application.propertiesのspring.mvc.view.suffixはなるべく変えたくないのですがこのような場合、方法はあるのでしょうか。

補足情報（FW/ツールのバージョンなど）

maven.apache.org/POM/4.0.0
spring-boot-starter-parent 2.1.6.RELEASE
<java.version>1.8
Tomcat 9.0

行動規範の内容に同意します

回答1件

ベストアンサー

レスポンスする際に動的にanchorの位置を変えたい場合は、レスポンスするテンプレート名(return値)に値を加えるのではなく、"ブラウザはリクエストURLのanchor指定で、表示するページanchorの位置を判断する" ことを利用します。

具体的にはリダイレクトを使い、リダイレクト先に渡す情報をFlashスコープか、Sessionスコープに入れます。

java
1import org.springframework.stereotype.Controller;
2import org.springframework.web.bind.annotation.GetMapping;
3import org.springframework.web.bind.annotation.RequestMapping;
4import org.springframework.web.servlet.ModelAndView;
5import org.springframework.web.servlet.mvc.support.RedirectAttributes;
6
7@Controller
8@RequestMapping("/anchor")
9public class AnchorSampleController {
10
11	@GetMapping("top")
12	public ModelAndView displayTop(ModelAndView mnv) {
13		mnv.setViewName("anchor");
14		return mnv;
15	}
16
17	@GetMapping("target")
18	public ModelAndView anchorLogic(ModelAndView mnv, RedirectAttributes redirectAttribures ) {
19		redirectAttribures.addFlashAttribute("name", "capybara");
20		mnv.setViewName("redirect:anchor#anchorA");
21		return mnv;
22	}
23
24	@GetMapping("anchor")
25	public ModelAndView anchorRedirect(ModelAndView mnv) {
26		mnv.setViewName("anchor");
27		return mnv;
28	}
29}
30

html
1<!DOCTYPE html>
2<html xmlns:th="http://www.thymeleaf.org">
3<head>
4<meta charset="UTF-8" />
5</head>
6<body>
7
8検索結果：
9<p>ここはトップコンテンツです</p>
10<a href="target">アンカーを指定した場所へ遷移します。</a>
11
12....なんらかのコンテンツ....
13
14<p id="anchorA">アンカー指定した場所</p>
15<div th:text="${name}"></div>
16</body>
17</html>