お互いにコミュニケーションを取り、学ぶためにWeChatを追加することを歓迎します!
プロジェクトのソースコード:https://gitee.com/oklongmm/biye
まず、ページのUIは、Bootstrapフレームワークを使用してすばやく構築されます。このフレームワークは、高速であるだけでなく、美しく、フラットなスタイルで、比較的使いやすいです。そして、私の種類の英語のスカムには、中国語のヘルプドキュメントがあり、始めるのはそれほど簡単ではありません。ビルドの一般的なレンダリングは、1-1に示すようになります。もちろん、ビルドは静的ページにすぎません。 、次のデータ、ボタンのbutton_clickイベントは後で書き込まれます。
写真1-1
次に、SSMフレームワークを導入する具体的なプロセスを紹介します。ローカルにアクセスされ、ネットワークサーバーに配置されないため、Tomcatがサーバーとして使用されます。プロジェクトのフロントエンドがリクエストを開始し、SpringMVCフロントエンドに送信します。コントローラーであり、SpringMVCフロントエンドによって制御されます。サーバーは、処理できるかどうかを判断し、処理できる場合はコントローラーに送信します。静的ページを処理できない場合は、サーバーに直接送信します。サーバーによる分析用のTomcatサーバー。コントローラに送信されるデータは、サービス層のビジネスロジックを呼び出します。データベースレイヤーを操作する場合は、それをDaoレイヤーのコンポーネントに渡すと、DaoレイヤーのコンポーネントがMyBatisに書き込まれ、MyBatisの特定のマッパーがデータベースと操作します。同時に、これらのマッパーファイルとインターフェイスはすべてMyBatisGenerator(MBG)によって自動的に生成されますが、クエリ時に複数のテーブルジョイントクエリがあるため、マルチテーブルジョイントクエリを実装するために2つの新しいメソッドがxmlファイルに記述されています。同時に、基本的な追加、削除、変更はAjaxを介して実装され、Ajaxはリクエストを送信してからJsonに戻り、JSを使用してJsonを解析し、ページに表示します。
プロジェクトは依存関係の管理にMavenを使用します。簡単に言うと、プロジェクトに必要なjarパッケージをMavenからダウンロードするだけです。同時に、プロジェクトの完了後、Mavenを使用してwarパッケージをビルドし、プロジェクトがEclipseではなく実サーバーにデプロイされます。ミラーサーバー。
一般的な構造が終わったので、プロジェクトの実際の使用における注意点について話しましょう。新しい従業員を追加するときは、フロントエンドとバックエンドの検証方法を使用して、ダーティデータの追加を大幅に回避できます。同時に、名前とメールボックスが正当であるかどうかを判断するためのいくつかの正規表現。フロントエンドから送信されたAjaxリクエストをバックグラウンドに渡して処理するには、メソッドに@ResponseBodyと@RequestMapping(「パスサフィックス」)を追加するだけです。
最後に、伝説のデモンストレーションの実現。
従業員追加機能の実装:
変更機能の実現:
単一削除の実装:
バッチ削除: