atguigu_ssm_crud

SSM-CRUD (シリコンバレービデオ)

1. 開発ツール

• InteliJ IDEA 2019

• メイブン 3.6.1

2. 機能紹介

• 1. 追加、削除、変更、確認

• 2. ページングクエリ

• 3. データの検証

  • フロントエンド検証 (JS)

  • バックエンド検証 (JSR303)

• 4.アヤックス

• 5. 残りのスタイル URI:

  • Http プロトコル要求モードで動詞を使用してリソースに対する操作を表現する

  • GET: /emps/get/{id} クエリ

  • GET: /emps/get クエリ

  • POST: /emps/saveincrease

  • PUT: /emps/update/{id} 変更

  • 削除: /emps/del/{id} 削除

  • 削除: /emps/dels/{ids} 削除

3. 技術サポート

• 1. 基本フレームワーク（SSM-Spring+SpringMVC+Mybatis）

  • 春 5.1.6

  • マイバティス 3.5.1

• 2.データベース-Mysql 8.0

• 3. フロントエンドフレームワーク - BootStrap 3.3.1

• 4. プロジェクトの依存関係管理 - Maven 3.6.1

• 5. ページングプラグイン PageHelper

• 6. リバースエンジニアリング-mybatis-generator

4. 基本環境の構築

• 1. Maven-Web プロジェクトを作成する

• 2. プロジェクトが依存する座標をインポートします

  • スプリングコア

  • 春のMVC

  • 春のjdbc

  • 春のテスト

  • 春のAOP

  • mysql-コネクタ-jar

  • jstlタグライブラリ

  • サーレブトJSP

  • mybatis mybatis-春

  • ページヘルパー

  • 休止状態で検証する

  • 他の

• 3. Bootstrap フロントエンド フレームワークの導入

• 4. ssm統合設定ファイルの書き込み

  • web.xml

  • mybatis-config.xml

  • spring-mybatis.xml

  • springMVC.XML

  • configGenerator.xml

  • 5. Dao 層構成のテスト (TestMapper.java)

5. お問い合わせ

• 1.index.jspにアクセスします。

• 2. インデックス ページは、従業員リストをクエリするリクエストを送信します。

• 3. EmployeeController はリクエストを受信し、従業員データを見つけて、表示ページに戻ります。

• 4. jsp はデータを解析して表示します

6. ajax+json を使用してクエリと後続の関数を実装する

• 1.index.jsp ページは、従業員データのページング クエリを実行するための Ajax リクエストを送信します。

• 2. サーバーは、クエリされたデータを json 文字列の形式でブラウザに返します。

• 3. ブラウザーは json 文字列を受け取り、js を使用して json を解析および処理し、jquery が DOM オブジェクトを操作してデータを表示します。

• 4. Ajax はクライアント側の独立性を実現します

7. 新入社員

• 1.index.jspページの「追加」ボタンをクリックします。

• 2. 情報を入力するダイアログ ボックスが表示されます (BootStrap モーダル ボックス)。

• 3. データベースにアクセスして部門リストをクエリし、ドロップダウン リストに表示します。

• 4. ユーザーはデータを入力し、フロントエンドとバックエンドの検証を完了します。

  • js+jqueryフロントエンド検証データの合理性

  • Ajax はユーザー名が繰り返されているかどうかを確認するリクエストを送信します。

  • 重要なデータ バックエンド (JSR303) が再検証されました

• 5.保存を実装する

8. 従業員情報の変更

• 1.index.jspページの「編集」ボタンをクリックします。

• 2. 情報を変更するためのダイアログ ボックスをポップアップ表示します (BootStrap モーダル ボックス、既存の情報が表示されます)。

• 3. ユーザーはデータを入力し、妥当性検証を実行します。

• 4. 「変更」をクリックして情報の更新を完了します。

9. 従業員の削除

• 1.index.jspページの「削除」ボタンをクリックします。

• 2. ポップアップ確認ボックス

• 3. 完全削除

  • 単一の削除 URI: /emps/del/{id}

  • URI を一括削除: /emps/dels/{ids}

10. まとめ