質問編集履歴
2
試したことにリンクを追加
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -203,6 +203,7 @@
|
|
|
203
203
|
|
|
204
204
|
### 試したこと
|
|
205
205
|
|
|
206
|
+
https://qiita.com/alpha_pz/items/95842733d06cb5c9eb1b
|
|
206
207
|
https://teratail.com/questions/5133
|
|
207
208
|
など参考にしてMapとListのネストでも表示できるようにするためにThymeleafを編集してきましたが、ここで詰まってしまいました。
|
|
208
209
|
|
1
homeLayout.htmlを追加
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -120,7 +120,87 @@
|
|
|
120
120
|
</html>
|
|
121
121
|
```
|
|
122
122
|
|
|
123
|
+
```HTML
|
|
124
|
+
<!DOCTYPE html>
|
|
125
|
+
<html xmlns:th="http://www.thymeleaf.org"
|
|
126
|
+
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout">
|
|
123
127
|
|
|
128
|
+
<head>
|
|
129
|
+
<meta charset="UTF-8"></meta>
|
|
130
|
+
|
|
131
|
+
<!-- Bootstrapの設定 -->
|
|
132
|
+
<link th:href="@{/webjars/bootstrap/3.3.7-1/css/bootstrap.min.css}"
|
|
133
|
+
rel="stylesheet"></link>
|
|
134
|
+
<script th:src="@{/webjars/jquery/1.11.1/jquery.min.js}"></script>
|
|
135
|
+
<script th:src="@{/webjars/bootstrap/3.3.7-1/js/bootstrap.min.js}"></script>
|
|
136
|
+
|
|
137
|
+
<!-- CSSの読込 -->
|
|
138
|
+
<link th:href="@{/css/home.css}" rel="stylesheet"></link>
|
|
139
|
+
<!-- Font Awesomeの読込 -->
|
|
140
|
+
<link href="https://use.fontawesome.com/releases/v5.15.1/css/all.css"
|
|
141
|
+
rel="stylesheet">
|
|
142
|
+
|
|
143
|
+
<title>jukuSystem</title>
|
|
144
|
+
</head>
|
|
145
|
+
<body>
|
|
146
|
+
<!-- ===== ヘッダー（ナビゲーションバー） ===== -->
|
|
147
|
+
<nav class="navbar navbar-inverse navbar-fixed-top">
|
|
148
|
+
<div class="container-fluid">
|
|
149
|
+
<div class="navbar-header">
|
|
150
|
+
<a class="navbar-brand" href="#">jukuSystem</a>
|
|
151
|
+
</div>
|
|
152
|
+
<form method="post" th:action="@{/logout}">
|
|
153
|
+
<button class="btn btn-link pull-right navbar-brand" type="submit">
|
|
154
|
+
ログアウト</button>
|
|
155
|
+
</form>
|
|
156
|
+
</div>
|
|
157
|
+
</nav>
|
|
158
|
+
<!-- ===== サイドバー ===== -->
|
|
159
|
+
<div class="container-fluid">
|
|
160
|
+
<div class="row">
|
|
161
|
+
<div class="col-sm-2 sidebar">
|
|
162
|
+
<ul class="nav nav-pills nav-stacked">
|
|
163
|
+
<li role="presentation"><a th:href="@{'/studentList'}"><i
|
|
164
|
+
class="fas fa-user-graduate"></i> 生徒管理</a></li>
|
|
165
|
+
<li role="presentation"><a th:href="@{'/teacherList'}"><i
|
|
166
|
+
class="fas fa-chalkboard-teacher"></i> 講師管理</a></li>
|
|
167
|
+
|
|
168
|
+
<li role="presentation"><a class="js-menu_item_link"
|
|
169
|
+
href="javascript:void(0)"><i class="fas fa-vr-cardboard"></i> マスタ管理</a>
|
|
170
|
+
<ul class="submenu nav nav-pills nav-stacked">
|
|
171
|
+
<li role="presentation" class="submenu_item"><a
|
|
172
|
+
th:href="@{'/courseList'}"> コース管理</a></li>
|
|
173
|
+
<li role="presentation" class="submenu_item"><a
|
|
174
|
+
th:href="@{'/lessonList'}"> 授業管理</a></li>
|
|
175
|
+
<li role="presentation" class="submenu_item"><a
|
|
176
|
+
th:href="@{'/timetable'}"> 時間割管理</a></li>
|
|
177
|
+
<li role="presentation" class="submenu_item"><a
|
|
178
|
+
th:href="@{'/timed'}"> 時限管理</a></li>
|
|
179
|
+
</ul></li>
|
|
180
|
+
|
|
181
|
+
</ul>
|
|
182
|
+
</div>
|
|
183
|
+
</div>
|
|
184
|
+
</div>
|
|
185
|
+
<!-- ===== コンテンツ ===== -->
|
|
186
|
+
<div class="container-fluid">
|
|
187
|
+
<div class="row">
|
|
188
|
+
<div class="col-sm-10 col-sm-offset-2 main">
|
|
189
|
+
<div th:include="__${contents}__"></div>
|
|
190
|
+
</div>
|
|
191
|
+
</div>
|
|
192
|
+
</div>
|
|
193
|
+
|
|
194
|
+
<script type="text/javascript" th:src="@{/js/jukuSystem.js}"></script>
|
|
195
|
+
</body>
|
|
196
|
+
</html>
|
|
197
|
+
|
|
198
|
+
|
|
199
|
+
|
|
200
|
+
|
|
201
|
+
```
|
|
202
|
+
|
|
203
|
+
|
|
124
204
|
### 試したこと
|
|
125
205
|
|
|
126
206
|
https://teratail.com/questions/5133
|