SpringBoot単純なプロジェクトの研究では、06(エラーページのカスタマイズを)ノート

アドレスgithubのプロジェクト(進行中のプロジェクトとすぐに完全な更新がアップロードされますされます)

要約である:従業員情報、従業員情報の変更を、提出削除した従業員情報(https://www.cnblogs.com/zhaochunhui/p/11332064.html

このセクションを要約すると次のとおりです。カスタムエラーページ

## 14 、カスタムエラーページが
 1)、テンプレートエンジンの状況の存在下で:エラー/ ステータスコード、名前のエラーページインタフェース:フォルダの下にエラーの.htmlファイルテンプレートエンジンフォルダのエラーステータスコード
この起こりますエラーステータスコードは、対応するファイルの下に来る
        エラーが発生したときに最初に、それは正確にケースが見つからない場合、一致する、探しピンポイントになる、ファイルの名前を命名する4XX、5XX名を使用することができますXX対応する文書
        ページは、情報を取得することができる。
                タイムスタンプ:タイムスタンプ
                ステータス:ステータスコード
                エラー:エラー
                例外:例外
                メッセージ:例外メッセージ
                 エラー:JSR303データパリティエラー

例えば、4XX.htmlは、ファイルの内容のように書くことができます。 : 
<!DOCTYPEのHTML> 
< - URLから保存=(0052)HTTP :! // getbootstrap.com/docs/4.0/examples/dashboard/ - > 
<HTML LANG = "EN"のxmlns:TH =「HTTP: //www.thymeleaf.org「> 
<頭>
<META HTTP-当量= "Content-Typeの"コンテンツ= "text / htmlの;のcharset = UTF-8"> 
<メタ名= "ビューポート"コンテンツ= "幅=装置幅、初期の規模= 1、シュリンクに-fit =なし"> 
<META NAME ="説明」コンテンツ= ""> 
<META NAME = "著者"コンテンツ= ""> 
<タイトル>ダッシュボードテンプレートのためのブートストラップ</ TITLE> 
<! -コアCSSブートストラップ- > 
<リンクのhref = "アサート/ CSS / bootstrap.min.css"のrel = "スタイルシート"> 
<! -カスタムスタイルのために 、このテンプレート- > 
<リンクのhref = "アサート/ CSS / dashboard.css"のrel =」スタイルシート"> 
<スタイルタイプ="テキスト/ cssの">/ * Chart.js * / 
@ -webkit-キーフレームのchartjs-レンダーアニメーション{ 
{から
不透明度:

150 
} 
{に
:不透明 1 
} 
} 

@keyframes chartjs -render- アニメーション{ 
{から
:不透明度 150 
} 
{に
不透明度: 1 
} 
} 

.chartjs -render- モニター{
 chartjsレンダリングアニメーション0:-webkit-アニメーション.001sを; 
アニメーション:chartjs -renderアニメーション0 .001s。
}
 </スタイル> 
</ HEAD> 
<BODY> 
<divの目:= "コモンズ/バー:: topbar"を置き換える> </ divの
 <divのクラス = "コンテナ流体"> 
<divのクラス =」
<divの目:置き換える= "コモン/バー::#サイドバー(activeuri = '')"> </ div> 
<主な役割= "メイン" クラス = "COL-MD-9ミリリットル-SM-自動COL-LG- 10 PT-3 PX-4" > 
<H1>ステータス:[[$ {ステータス}]] </ H1> 
<H2>タイムスタンプ:[[$ {タイムスタンプ}]] </ H2> 
<H2>エラー:[[ $ {エラー}]] </ H2> 
<H2>例外:[[$ {例外}]] </ H2> 
<H2>メッセージ:[[$ {メッセージ}]] </ H2> 
<H2>エラー:[ [$ {エラー}]] </ H2> 
</メイン> 
</ div> 
</ div> 
<! - コアJavaScriptのブートストラップ
 ==================== ============================== - > 
<! -ページ読み込みが速くなるよう、文書の最後に置か- - >
<スクリプトタイプ= "テキスト/ javascriptの" srcが= "アサート/ JS / jqueryの-3.2.1.slim.min.js"> </ SCRIPT>
ます。<script type = "text / javascriptの" SRC = "アサート/ JS / popper.min.js"> </ SCRIPT> 
ます。<script type = "text / javascriptの" SRC =は"/のJS / bootstrap.min.jsをアサート"> </ スクリプト
 <! -アイコン- > 
ます。<script type = "text / javascriptの" SRC => </ SCRIPT> "/ JS / feather.min.jsアサート" 
の<script> 
feather.replace()
 </スクリプト>を
<! -グラフ- > 
ます。<script type = "text / javascriptの" SRC = "/ JS / Chart.min.jsアサート"> </ SCRIPT> 
<SCRIPT> 
のvar CTX =のdocument.getElementById( "myChart" ); 
VaRのmyChart = 新しいチャート(CTX、{ 
タイプ: '行'"日曜日"、 "月曜日"、 "火曜日"、 "水曜日"、 "木曜日"、 "金曜日"、 "土曜日" ]、
データセット:[{ 
データ:[ 15339、21345、18483、24003、23489、24092、12034 ] 、
lineTension: 0 
のbackgroundColor: '透明' 
BORDERCOLOR: '#1 007bff' 
borderWidth: 4 
pointBackgroundColor: '#1 007bff' 
}] 
}、
オプション:{ 
スケール:{ 
yAxes:[{ 
ティック:{ 
beginAtZero:
} 
} ] 
}、
凡例:{ 
ディスプレイ:
}  
}
})。
 </ SCRIPT> 
</ BODY> 
</ HTML> 
前記ヘッド部または境界と同一の要素が抽出されるの左側部分、およびそれらはに部分のみを記述する
役割メイン=「メイン」< クラス = "COL-MD- 9ミリリットル-SM-自動COL-LG-10 PT- 3 PX-4。。。"> 
<>ステータスのH1:[[$ {ステータス}]] <>の/ H1 
<H2>タイムスタンプ:[[$ {タイムスタンプ}]] </ H2> 
<H2>エラー:[[$ {エラー}]] </ H2> 
<H2>例外:[[$ {例外}]] </ H2> 
<H2>メッセージ:[[メッセージ{} $]] </ H2> 
<H2>エラー:[[$ {エラー}]] </ H2> 
</メイン>
これは、エラー情報の内容を抽出し、ページ上に表示されていることができ、レイアウトスタイルのページを完了(厳格なレイアウトスタイルは、ページレイアウトスタイルは、その設計に基づいて、エラー情報のみを取得することができ、独自のデザインに応じて行うことができます)

 2)の場合には何のテンプレートエンジンは、静的リソースフォルダ(で、(テンプレートエンジンは、エラーページを見つけることができない)が存在しない静的で見て)
この時、ない文法規則thymeleafは、対応する情報を取得することはできません
)3上記のエラーページは、時間ではありません、春ブーツに来ては、デフォルトのエラーページです

来週は()に更新していきます

おすすめ

転載: www.cnblogs.com/zhaochunhui/p/11332089.html