質問編集履歴

1

homeLayout.htmlの追加

2020/07/30 04:25

投稿

Rivermouth
Rivermouth

スコア18

test CHANGED
File without changes
test CHANGED
@@ -214,6 +214,120 @@
214
214
 
215
215
 
216
216
 
217
+ ## homeLayout.html
218
+
219
+ ```HTML
220
+
221
+ <!DOCTYPE html>
222
+
223
+ <html xmlns:th="http://www.thymeleaf.org"
224
+
225
+ xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout">
226
+
227
+
228
+
229
+ <head>
230
+
231
+ <meta charset="UTF-8"></meta>
232
+
233
+
234
+
235
+ <!-- Bootstrapの設定 -->
236
+
237
+ <link th:href="@{/webjars/bootstrap/3.3.7-1/css/bootstrap.min.css}" rel="stylesheet"></link>
238
+
239
+ <script th:src="@{/webjars/jquery/1.11.1/jquery.min.js}"></script>
240
+
241
+ <script th:src="@{/webjars/bootstrap/3.3.7-1/js/bootstrap.min.js}"></script>
242
+
243
+
244
+
245
+ <!-- CSSの読込 -->
246
+
247
+ <link th:href="@{/css/home.css}" rel="stylesheet"></link>
248
+
249
+
250
+
251
+ <title>Home</title>
252
+
253
+ </head>
254
+
255
+ <body>
256
+
257
+ <!-- ===== ヘッダー(ナビゲーションバー) ===== -->
258
+
259
+ <nav class="navbar navbar-inverse navbar-fixed-top">
260
+
261
+ <div class="container-fluid">
262
+
263
+ <div class="navbar-header">
264
+
265
+ <a class="navbar-brand" href="#">SpringSample</a>
266
+
267
+ </div>
268
+
269
+ <form method="post" th:action="@{/logout}">
270
+
271
+ <button class="btn btn-link pull-right navbar-brand" type="submit">
272
+
273
+ ログアウト
274
+
275
+ </button>
276
+
277
+ </form>
278
+
279
+ </div>
280
+
281
+ </nav>
282
+
283
+ <!-- ===== サイドバー ===== -->
284
+
285
+ <div class="container-fluid">
286
+
287
+ <div class="row">
288
+
289
+ <div class="col-sm-2 sidebar">
290
+
291
+ <ul class="nav nav-pills nav-stacked">
292
+
293
+ <li role="presentation">
294
+
295
+ <a th:href="@{'/userList'}">ユーザ管理</a>
296
+
297
+ </li>
298
+
299
+ </ul>
300
+
301
+ </div>
302
+
303
+ </div>
304
+
305
+ </div>
306
+
307
+ <!-- ===== コンテンツ ===== -->
308
+
309
+ <div class="container-fluid">
310
+
311
+ <div class="row">
312
+
313
+ <div class="col-sm-10 col-sm-offset-2 main">
314
+
315
+ <div th:include="__${contents}__"></div>
316
+
317
+ </div>
318
+
319
+ </div>
320
+
321
+ </div>
322
+
323
+ </body>
324
+
325
+ </html>
326
+
327
+ ```
328
+
329
+
330
+
217
331
  文字数制限の関係で全てのクラスやHTMLファイルを載せることはできないのですが、不明点などがあればコメントをお願いいたします。
218
332
 
219
333