atguigu_ssm_crud

SSM-CRUD (Silicon Valley Video)

1. Entwicklungstools

• InteliJ IDEA 2019

• Maven 3.6.1

2. Funktionseinführung

• 1. Hinzufügen, löschen, ändern und prüfen

• 2. Paging-Abfrage

• 3. Datenüberprüfung

  • Front-End-Validierung (JS)

  • Backend-Validierung (JSR303)

• 4. Ajax

• 5. Rest-Stil-URI:

  • Verwenden Sie Verben im HTTP-Protokollanforderungsmodus, um Vorgänge für Ressourcen auszudrücken

  • GET: /emps/get/{id}-Abfrage

  • GET: /emps/get-Abfrage

  • POST: /emps/saveincrease

  • PUT: /emps/update/{id} Ändern

  • LÖSCHEN: /emps/del/{id} löschen

  • LÖSCHEN: /emps/dels/{ids} löschen

3. Technischer Support

• 1. Grundgerüst (SSM-Spring+SpringMVC+Mybatis)

  • Frühling 5.1.6

  • Mybatis 3.5.1

• 2. Datenbank-Mysql 8.0

• 3. Front-End-Framework-BootStrap 3.3.1

• 4. Projektabhängigkeitsmanagement-Maven 3.6.1

• 5. Paging-Plug-in PageHelper

• 6. Reverse Engineering-Mybatis-Generator

4. Grundlegender Umgebungsaufbau

• 1. Erstellen Sie ein Maven-Web-Projekt

• 2. Importieren Sie die Koordinaten, von denen das Projekt abhängt

  • Federkern

  • Frühling MVC

  • Frühling JDBC

  • Frühlingstest

  • Frühling aop

  • MySQL-Connector-Jar

  • jstl taglib

  • serlevt jsp

  • Mybatis Mybatis-Frühling

  • Seitenhelfer

  • Ruhezustand validieren

  • andere

• 3. Einführung des Bootstrap-Front-End-Frameworks

• 4. Schreiben Sie die Konfigurationsdatei für die SSM-Integration

  • web.xml

  • mybatis-config.xml

  • spring-mybatis.xml

  • springMVC.XML

  • configGenerator.xml

  • 5. Testen Sie die Dao-Layer-Konfiguration (TestMapper.java).

5. Anfrage

• 1. Besuchen Sie index.jsp

• 2. Die Indexseite sendet eine Anfrage zur Abfrage der Mitarbeiterliste

• 3. EmployeeController empfängt die Anfrage, ermittelt die Mitarbeiterdaten und kehrt zur Ansichtsseite zurück

• 4. JSP analysiert Daten und zeigt sie an

6. Verwenden Sie Ajax+JSON, um Abfrage- und Folgefunktionen zu implementieren

• 1. Die Seite index.jsp sendet eine Ajax-Anfrage, um eine Paging-Abfrage von Mitarbeiterdaten durchzuführen.

• 2. Der Server gibt die abgefragten Daten in Form eines JSON-Strings an den Browser zurück.

• 3. Der Browser empfängt die JSON-Zeichenfolge, verwendet js zum Parsen und Verarbeiten des JSON und jquery betreibt das DOM-Objekt, um die Daten anzuzeigen.

• 4. Ajax erreicht clientseitige Unabhängigkeit

7. Neue Mitarbeiter

• 1. Klicken Sie auf der Seite index.jsp auf die Schaltfläche „Hinzufügen“.

• 2. Ein Dialogfeld zum Ausfüllen von Informationen wird angezeigt (modales BootStrap-Feld).

• 3. Gehen Sie zur Datenbank, um die Abteilungsliste abzufragen und sie in der Dropdown-Liste anzuzeigen

• 4. Der Benutzer gibt Daten ein und führt die Front-End- und Back-End-Verifizierung durch.

  • js + jquery Front-End-Verifizierungsdatenrationalität

  • Ajax sendet eine Anfrage, um zu überprüfen, ob der Benutzername wiederholt wird

  • Wichtiges Daten-Backend (JSR303) wird erneut überprüft

• 5. Sparen umsetzen

8. Änderung von Mitarbeiterinformationen

• 1. Klicken Sie auf der Seite index.jsp auf die Schaltfläche „Bearbeiten“.

• 2. Öffnen Sie ein Dialogfeld zum Ändern von Informationen (modales BootStrap-Feld, das vorhandene Informationen anzeigt).

• 3. Der Benutzer gibt Daten ein und führt eine Plausibilitätsprüfung durch.

• 4. Klicken Sie auf „Ändern“, um die Informationsaktualisierung abzuschließen

9. Mitarbeiterlöschung

• 1. Klicken Sie auf der Seite index.jsp auf die Schaltfläche „Löschen“.

• 2. Popup-Bestätigungsfeld

• 3. Vollständige Löschung

  • Einzelner Lösch-URI: /emps/del/{id}

  • URIs stapelweise löschen: /emps/dels/{ids}

10. Zusammenfassung