springbootデータベースクエリ、jsは二つの効果の連携を実現します

1.データベース設計

 

 

 オラクル、MySQLのデータベース・リンクを実装するさまざまな異なるデータタイプ

2.データベースクエリPARENT_ID = 0のデータは、add.htmlページにmodelMapに格納されたときにジャンプするページを追加します。

（ "/追加" @GetMapping ）
パブリック文字列を追加（ModelMap MMAP）{ 
   //データベースクエリの種類、データベース返すオラクルとMySQL等
   一覧<Da​​tabaseVo> databaseVo = matedataService.selectDatabases（）; 
   mmap.addAttribute（ "データベース" 、databaseVo） ;リターン"/追加" ; 
}

返されたデータは、カスタムDatabaseVoを使用して受信されます。

パブリッククラスDatabaseVo実装シリアライズ{ 
    プライベート静的最終長いのserialVersionUID = 1L 。
    //编号
    プライベートロングID。
    //数据库名称
    プライベート文字列名; 
}

ページadd.html 3.ジャンプ

<DIV CLASS = "フォームグループ"> 
    <ラベルクラス= "COL-SM-3コントロールラベル">数据库类型：</ label>は
        <DIV CLASS = "COL-SM-8"> 
             <SELECTクラス= "形-control MB "ID = "データベース"番目：名= "databaseId"> 
                  <オプション値= "">请选择数据库</オプション> 
                  <オプション番目：各= "データベース：$ {データベース}"番目：値=" $ {database.id}」目：テキスト= "$ {database.name}"> </オプション> 
             </ select>の
   　　 </ div> 
</ div>

<DIV CLASS = "フォームグループ"> 
     <ラベルクラス= "COL-SM-3コントロールラベル">数据项类型：</ label>は
        <DIV CLASS = "COL-SM-8"> 
                <SELECT NAME =」タイプ」ID = "タイプ"クラス= "フォーム制御MB"> 
                    
                </選択> 
       　</ div> 
</ div>

4.jsと関連付けるためのコード

    $（ "＃データベース" ）.change（関数（）{ 
        VAR databaseId = $（ "＃データベース" ）.val（）; 
        （databaseId == nullの場合）{ 
            リターン;  }  $アヤックス（{  キャッシュ：真、 タイプ： "取得" 、URL：接頭辞+ "/ getTypeByDataBaseId" 、データ：{ "databaseId" ：databaseId}、成功：機能（データ）{はconsole.log（データ）; VARタイプ= $（ "＃タイプ" ）.empty （）のために（; I <data.data.length; VAR iが0 = I ++ ）{types.append（ "<オプション値= '" + data.data [I] .nameの+ "'>" + data.data [I] .nameの+ "</オプション>" ）;}}}）}）

データベースのデータ型を照会するIDは、返されたデータは、データベースと一致しています

    @GetMapping（ "/ getTypeByDataBaseId" ）
    @ResponseBodyの
    公共AjaxResult getTypeByDataBaseId（@RequestParam（ "DatabaseID" ）ロングID）{ 
        //データ種別IDに対応するデータベースクエリ
        リスト<TypeVo> typeVo = matedataService.selectTypesByDatabaseId（ID）、
        IF（ == nullのtypeVo ）{  スローのRuntimeException新新（ "空のデータ！" ）;  }  リターンAjaxResult.success（typeVo）;}

結果を達成するため6

 

================================================== ====================================

 

================================================== ====================================

7.まとめ

基本的な考え方は、データベースの設計が異なり、いくつかの詳細は、すべての人の同じで、あなたが調整することができない場合があり、これを達成することです。