【发布时间】：2020-05-25 19:37:29
【问题描述】：
我正在使用 Springboot 和 Thymeleaf 制作一个井字游戏应用程序。但我面临将我的index.html 重定向到message.html 的问题
这是我的 index.html 代码
<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:th="http://www.thymeleaf.org"
xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3"
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout">
<head>
<title>Tic Tac Toe</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script
src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="js/app-main.js"></script>
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" />
<link rel="stylesheet" href="css/app-layout.css" />
<link rel="icon" type="image/png" href="images/tic-tac-toe.png" />
</head>
<body>
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<span class="navbar-brand"> <img alt="Brand"
src="images/tic-tac-toe.png" /> Tic Tac Toe
</span>
</div>
</div>
</nav>
<div class="game-area panel panel-default">
<div class="panel-body">
<h4 class="game-status">
<span th:if="${game.getPlayerState().isInProgress()}"
class="label label-default"> Your turn. Think very carefully
and click a square when ready.</span> <span
th:if="${game.getPlayerState().isWin()}"
class="label label-success"> YOU WIN! Your superior
intellect prevailed and assured a sound victory. Click here to <a
href="/message">view your reward</a>
</span> <span th:if="${game.getPlayerState().isLoss()}"
class="label label-danger"> You've lost. Better luck next
time!</span> <span th:if="${game.getPlayerState().isDraw()}"
class="label label-info"> Mheh! A smelly draw. Beats losing
though, right?</span>
</h4>
<table class="board">
<tr th:each="row : ${game.getBoard().getTiles()}" class="board-row">
<td th:each="tile : ${row}">
<div th:id="${tile.getId()}" class="board-row-tile"
th:classappend="${!tile.isEmpty()} ? ${tile} + '-value' : (${!game.isGameOver()} ? 'available')"
th:text="${tile}"> </div>
</td>
</tr>
</table>
<form id="form_mark_tile" th:action="@{/}" method="POST"
class="form-inline">
<div class="checkbox">
<label><input name="player_go_first" type="checkbox"
th:checked="${game.isPlayerGoFirst()}" /> Play First</label>
</div>
<div class="btn-new-game-wrap">
<a id="btn-new-game" class="btn btn-success btn-lg"
href="javascript:void(0);" role="button">New Game</a>
</div>
<input id="is_game_over" type="hidden"
th:value="${game.isGameOver()}" /> <input id="tile_id"
name="tile_id" type="hidden" value="" /> <input id="new_game"
name="new_game" type="hidden" value="" />
</form>
</div>
</div>
</body>
</html>
这是我的井字游戏控制器
@Controller
@SessionAttributes("game")
public class TicTacToeController {
@RequestMapping(value = "/", method = RequestMethod.GET)
public String index(@ModelAttribute("game") Game game) {
return "index";
}
@RequestMapping(value = "/", method = RequestMethod.POST)
public String markTile(@ModelAttribute("game") Game game, @RequestParam("tile_id") String tileId,
@RequestParam(value = "new_game", required = false, defaultValue = "false") boolean newGame,
@RequestParam(value = "player_go_first", required = false, defaultValue = "false") boolean playerGoFirst) {
if (newGame) {
game.reset();
game.setPlayerGoFirst(playerGoFirst);
if (!playerGoFirst) {
// give computer a small advantage by always placing X in the center as its
// first move
game.markTile("1-1");
}
} else {
game.markTile(tileId); // Player Turn
game.markTileRandom(); // Computer Turn
}
return "index";
}
@GetMapping(value = "/message")
public String message() {
return "redirect:/message.html";
}
@ModelAttribute("game")
public Game populateGame() {
return new Game();
}
}
有人可以用一段代码指导我如何将其重定向到新的 HTML 页面，message.html。我没有从index.html 传递任何特定数据。在 href 属性上运行时出现以下错误。
> Whitelabel 错误页面 此应用程序没有显式映射 /error，因此您将其视为后备。
【问题讨论】：
标签： java html spring-boot