使用するフロントエンドプラグのコレクション

使用するフロントエンドプラグのコレクション

FontAwesomeフォント

• 素晴らしいフォント

例上記のサイトの詳細な使用方法を参照してください。

SweetAlertシリーズ

• SweetAlert
• SweetAlert2
• SweetAlert2へSweetAlertアップグレードガイド

例：

基本的な使用：

1. swal("标题","内容","success);

内容はアヤックスでの使用を正常に送信SweetAlert（行われる）または失敗（エラー）ではありませんでしたヒント。

これは、以前の文言の更新版です

機能deleteRecord（レコードID）{ 
    のSwaI（{ 
        タイトル：「？あなたは、この製品が何を削除したいあなたは確か」、
        テキスト：「削除回復することはできません。」、 タイプの「警告」、 showCancelButton：trueに、closeOnConfirm：偽、confirmButtonText： "はい、私は削除したい！" 、confirmButtonColor： "＃1 ec6c62" 、cancelButtonTextを： "私は二度考えてみましょう" }、機能（isConfirm）{ IF（isConfirm！）戻り値;タイプの$アヤックス（{： "POST" 、URL ： "/ /削除" 、データ：{ "ID" ：レコードID}、成功：関数（データ）{ VAR dataobj = $。parseJSON（日付）;（dataObj.statusは=== 0）{IF // バックエンドが正常のSwaI削除（ "正常に削除"、dataObj.info、 "成功" ）; $（ "P-＃" +レコードID）.remove（）// 削除データページ}行他{のSwaI（ "エラー・ラ..."、dataObj.msg、 "エラー"）; // リアの削除が失敗した}}、エラー：関数は（）{ // Ajaxリクエストは「（SwaIで失敗します青... ""サーバがさまよっ... ""エラー" ）;}}）}）;}

そう書くことで更新した後、

SwaI（{ 
  タイトル：「タイトルはここに書く」、
  テキスト：「ここにコンテンツを置く」、
  「警告」：アイコンを   // ここで（成功、警告、情報、エラー）のタイプのアイコンを置く ボタン：{キャンセル：{テキスト： " "私は二度考えてみましょう：目に見える、trueに、値：偽の"私はただ削除する：{テキスト：}、確認してください" ）}}}そして、（。機能（isConfirm）{ IF （isConfirm）{のSwaI（"あなたが死にました」。 、{ボタン"OK" }）。

Toastr通知

• Toastr

toastr [「成功」]（「あなたが正常に記録されました！」）

jQueryLazyload遅延ロード

例：

<！DOCTYPE HTML >
 < HTML のlang = "ZH-CN" > < ヘッド> < メタのcharset = "UTF-8" > < メタHTTP-当量= "X-UA-互換" コンテンツ= "IE =縁" > < メタ名= "ビューポート" コンテンツ= "幅=デバイス幅、初期スケール= 1" > < タイトル>懒加载示例</ タイトル> </ ヘッド> < ボディ> <> < IMGのSRC = "IMG / 0.jpg" ALT = "" クラス= "怠惰" データ・元= "IMG / 5.jpg" 幅= "600PX" 高さ= "400ピクセル" > </ DIV > ... < DIV > < IMG SRC = "IMG / 0.jpg" ALT = "" クラス= "怠惰" データ・元= "IMG / 6.jpg" 幅= "600PX" 高さ= "400ピクセル" > </ divの> < / DIV >< スクリプトSRC = "https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"> </ スクリプト> < スクリプトSRC = "jquery.lazyload.min.js" > </ スクリプト> < スクリプト> $（" img.lazy " ）.lazyload（{効果：" フェードイン" 、イベント：" クリック" } ）</ スクリプト> </ ボディ> </ HTML >

テンプレート

良い管理背景テンプレート

• METRONIC

 

 

 

 

 

使用するフロントエンドプラグのコレクション

FontAwesomeフォント

• 素晴らしいフォント

例上記のサイトの詳細な使用方法を参照してください。

SweetAlertシリーズ

• SweetAlert
• SweetAlert2
• SweetAlert2へSweetAlertアップグレードガイド

例：

基本的な使用：

1. swal("标题","内容","success);

内容はアヤックスでの使用を正常に送信SweetAlert（行われる）または失敗（エラー）ではありませんでしたヒント。

これは、以前の文言の更新版です

機能deleteRecord（レコードID）{ 
    のSwaI（{ 
        タイトル：「？あなたは、この製品が何を削除したいあなたは確か」、
        テキスト：「削除回復することはできません。」、 タイプの「警告」、 showCancelButton：trueに、closeOnConfirm：偽、confirmButtonText： "はい、私は削除したい！" 、confirmButtonColor： "＃1 ec6c62" 、cancelButtonTextを： "私は二度考えてみましょう" }、機能（isConfirm）{ IF（isConfirm！）戻り値;タイプの$アヤックス（{： "POST" 、URL ： "/ /削除" 、データ：{ "ID" ：レコードID}、成功：関数（データ）{ VAR dataobj = $。parseJSON（日付）;（dataObj.statusは=== 0）{IF // バックエンドが正常のSwaI削除（ "正常に削除"、dataObj.info、 "成功" ）; $（ "P-＃" +レコードID）.remove（）// 削除データページ}行他{のSwaI（ "エラー・ラ..."、dataObj.msg、 "エラー"）; // リアの削除が失敗した}}、エラー：関数は（）{ // Ajaxリクエストは「（SwaIで失敗します青... ""サーバがさまよっ... ""エラー" ）;}}）}）;}

そう書くことで更新した後、

SwaI（{ 
  タイトル：「タイトルはここに書く」、
  テキスト：「ここにコンテンツを置く」、
  「警告」：アイコンを   // ここで（成功、警告、情報、エラー）のタイプのアイコンを置く ボタン：{キャンセル：{テキスト： " "私は二度考えてみましょう：目に見える、trueに、値：偽の"私はただ削除する：{テキスト：}、確認してください" ）}}}そして、（。機能（isConfirm）{ IF （isConfirm）{のSwaI（"あなたが死にました」。 、{ボタン"OK" }）。

Toastr通知

• Toastr

toastr [「成功」]（「あなたが正常に記録されました！」）

jQueryLazyload遅延ロード

例：

<！DOCTYPE HTML >
 < HTML のlang = "ZH-CN" > < ヘッド> < メタのcharset = "UTF-8" > < メタHTTP-当量= "X-UA-互換" コンテンツ= "IE =縁" > < メタ名= "ビューポート" コンテンツ= "幅=デバイス幅、初期スケール= 1" > < タイトル>懒加载示例</ タイトル> </ ヘッド> < ボディ> <> < IMGのSRC = "IMG / 0.jpg" ALT = "" クラス= "怠惰" データ・元= "IMG / 5.jpg" 幅= "600PX" 高さ= "400ピクセル" > </ DIV > ... < DIV > < IMG SRC = "IMG / 0.jpg" ALT = "" クラス= "怠惰" データ・元= "IMG / 6.jpg" 幅= "600PX" 高さ= "400ピクセル" > </ divの> < / DIV >< スクリプトSRC = "https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"> </ スクリプト> < スクリプトSRC = "jquery.lazyload.min.js" > </ スクリプト> < スクリプト> $（" img.lazy " ）.lazyload（{効果：" フェードイン" 、イベント：" クリック" } ）</ スクリプト> </ ボディ> </ HTML >

テンプレート

良い管理背景テンプレート

• METRONIC