質問編集履歴

2

試したことにリンクを追加

2021/07/18 07:52

投稿

tamuten
tamuten

スコア12

test CHANGED
File without changes
test CHANGED
@@ -408,6 +408,8 @@
408
408
 
409
409
 
410
410
 
411
+ https://qiita.com/alpha_pz/items/95842733d06cb5c9eb1b
412
+
411
413
  https://teratail.com/questions/5133
412
414
 
413
415
  など参考にしてMapとListのネストでも表示できるようにするためにThymeleafを編集してきましたが、ここで詰まってしまいました。

1

homeLayout.htmlを追加

2021/07/18 07:52

投稿

tamuten
tamuten

スコア12

test CHANGED
File without changes
test CHANGED
@@ -242,6 +242,166 @@
242
242
 
243
243
 
244
244
 
245
+ ```HTML
246
+
247
+ <!DOCTYPE html>
248
+
249
+ <html xmlns:th="http://www.thymeleaf.org"
250
+
251
+ xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout">
252
+
253
+
254
+
255
+ <head>
256
+
257
+ <meta charset="UTF-8"></meta>
258
+
259
+
260
+
261
+ <!-- Bootstrapの設定 -->
262
+
263
+ <link th:href="@{/webjars/bootstrap/3.3.7-1/css/bootstrap.min.css}"
264
+
265
+ rel="stylesheet"></link>
266
+
267
+ <script th:src="@{/webjars/jquery/1.11.1/jquery.min.js}"></script>
268
+
269
+ <script th:src="@{/webjars/bootstrap/3.3.7-1/js/bootstrap.min.js}"></script>
270
+
271
+
272
+
273
+ <!-- CSSの読込 -->
274
+
275
+ <link th:href="@{/css/home.css}" rel="stylesheet"></link>
276
+
277
+ <!-- Font Awesomeの読込 -->
278
+
279
+ <link href="https://use.fontawesome.com/releases/v5.15.1/css/all.css"
280
+
281
+ rel="stylesheet">
282
+
283
+
284
+
285
+ <title>jukuSystem</title>
286
+
287
+ </head>
288
+
289
+ <body>
290
+
291
+ <!-- ===== ヘッダー(ナビゲーションバー) ===== -->
292
+
293
+ <nav class="navbar navbar-inverse navbar-fixed-top">
294
+
295
+ <div class="container-fluid">
296
+
297
+ <div class="navbar-header">
298
+
299
+ <a class="navbar-brand" href="#">jukuSystem</a>
300
+
301
+ </div>
302
+
303
+ <form method="post" th:action="@{/logout}">
304
+
305
+ <button class="btn btn-link pull-right navbar-brand" type="submit">
306
+
307
+ ログアウト</button>
308
+
309
+ </form>
310
+
311
+ </div>
312
+
313
+ </nav>
314
+
315
+ <!-- ===== サイドバー ===== -->
316
+
317
+ <div class="container-fluid">
318
+
319
+ <div class="row">
320
+
321
+ <div class="col-sm-2 sidebar">
322
+
323
+ <ul class="nav nav-pills nav-stacked">
324
+
325
+ <li role="presentation"><a th:href="@{'/studentList'}"><i
326
+
327
+ class="fas fa-user-graduate"></i>&nbsp;生徒管理</a></li>
328
+
329
+ <li role="presentation"><a th:href="@{'/teacherList'}"><i
330
+
331
+ class="fas fa-chalkboard-teacher"></i>&nbsp;講師管理</a></li>
332
+
333
+
334
+
335
+ <li role="presentation"><a class="js-menu_item_link"
336
+
337
+ href="javascript:void(0)"><i class="fas fa-vr-cardboard"></i>&nbsp;マスタ管理</a>
338
+
339
+ <ul class="submenu nav nav-pills nav-stacked">
340
+
341
+ <li role="presentation" class="submenu_item"><a
342
+
343
+ th:href="@{'/courseList'}">&nbsp;コース管理</a></li>
344
+
345
+ <li role="presentation" class="submenu_item"><a
346
+
347
+ th:href="@{'/lessonList'}">&nbsp;授業管理</a></li>
348
+
349
+ <li role="presentation" class="submenu_item"><a
350
+
351
+ th:href="@{'/timetable'}">&nbsp;時間割管理</a></li>
352
+
353
+ <li role="presentation" class="submenu_item"><a
354
+
355
+ th:href="@{'/timed'}">&nbsp;時限管理</a></li>
356
+
357
+ </ul></li>
358
+
359
+
360
+
361
+ </ul>
362
+
363
+ </div>
364
+
365
+ </div>
366
+
367
+ </div>
368
+
369
+ <!-- ===== コンテンツ ===== -->
370
+
371
+ <div class="container-fluid">
372
+
373
+ <div class="row">
374
+
375
+ <div class="col-sm-10 col-sm-offset-2 main">
376
+
377
+ <div th:include="__${contents}__"></div>
378
+
379
+ </div>
380
+
381
+ </div>
382
+
383
+ </div>
384
+
385
+
386
+
387
+ <script type="text/javascript" th:src="@{/js/jukuSystem.js}"></script>
388
+
389
+ </body>
390
+
391
+ </html>
392
+
393
+
394
+
395
+
396
+
397
+
398
+
399
+
400
+
401
+ ```
402
+
403
+
404
+
245
405
 
246
406
 
247
407
  ### 試したこと