アドレス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上記のエラーページは、時間ではありません、春ブーツに来ては、デフォルトのエラーページです
来週は()に更新していきます