atguigu_ssm_crud

SSM-CRUD (Vidéo de la Silicon Valley)

1. Outils de développement

• IDÉE InteliJ 2019

• Maven3.6.1

2. Présentation des fonctions

• 1. Ajouter, supprimer, modifier et vérifier

• 2. Requête de pagination

• 3. Vérification des données

  • Validation frontale (JS)

  • Validation back-end (JSR303)

• 4. ajax

• 5. URI du style de repos :

  • Utiliser des verbes en mode requête du protocole Http pour exprimer des opérations sur les ressources

  • GET : requête /emps/get/{id}

  • GET : /emps/get requête

  • POST : /emps/saveincrease

  • PUT : /emps/update/{id} Modifier

  • SUPPRIMER : /emps/del/{id} supprimer

  • SUPPRIMER : /emps/dels/{ids} supprimer

3. Assistance technique

• 1. Framework de base (SSM-Spring+SpringMVC+Mybatis)

  • Printemps 5.1.6

  • Mybatis 3.5.1

• 2. Base de données-Mysql 8.0

• 3. Framework frontal-BootStrap 3.3.1

• 4. Gestion des dépendances du projet-Maven 3.6.1

• 5. Plug-in de pagination PageHelper

• 6. Ingénierie inverse-générateur mybatis

4. Construction de l'environnement de base

• 1. Créer un projet maven-web

• 2. Importez les coordonnées dont dépend le projet

  • noyau de ressort

  • printemps mvc

  • printemps jdbc

  • essai de printemps

  • printemps

  • mysql-connecteur-jar

  • jstl taglib

  • serveur jsp

  • mybatis mybatis-printemps

  • aide-page

  • hiberner valider

  • autre

• 3. Présentation du framework frontal Bootstrap

• 4. Écrivez le fichier de configuration de l'intégration ssm

  • web.xml

  • monbatis-config.xml

  • spring-mybatis.xml

  • printempsMVC.XML

  • configGenerator.xml

  • 5. Testez la configuration de la couche dao (TestMapper.java)

5. Enquête

• 1. Visitez index.jsp

• 2. La page d'index envoie une demande pour interroger la liste des employés

• 3. EmployeeController reçoit la demande, découvre les données de l'employé et revient à la page d'affichage

• 4. jsp analyse les données et les affiche

6. Utilisez ajax+json pour implémenter la requête et les fonctions ultérieures

• 1. La page index.jsp envoie une requête ajax pour effectuer une requête de pagination des données des employés.

• 2. Le serveur renvoie les données interrogées au navigateur sous la forme d'une chaîne json.

• 3. Le navigateur reçoit la chaîne json, utilise js pour analyser et traiter le json, et jquery exploite l'objet DOM pour afficher les données.

• 4. Ajax atteint l'indépendance côté client

7. Nouveaux employés

• 1. Cliquez sur le bouton "Ajouter" sur la page index.jsp

• 2. Une boîte de dialogue permettant de renseigner les informations apparaît (boîte modale BootStrap)

• 3. Accédez à la base de données pour interroger la liste des départements et affichez-la dans la liste déroulante

• 4. L'utilisateur saisit les données et effectue la vérification frontale et back-end.

  • js+jquery rationalité des données de vérification frontale

  • Ajax envoie une requête pour vérifier si le nom d'utilisateur est répété

  • Le backend de données importantes (JSR303) est à nouveau vérifié

• 5. Mettre en œuvre des économies

8. Modification des informations sur les salariés

• 1. Cliquez sur le bouton "Modifier" sur la page index.jsp

• 2. Affichez une boîte de dialogue pour modifier les informations (boîte modale BootStrap, affichant les informations existantes)

• 3. L'utilisateur saisit les données et effectue une vérification de plausibilité.

• 4. Cliquez sur Modifier pour terminer la mise à jour des informations

9. Suppression d'employés

• 1. Cliquez sur le bouton "Supprimer" sur la page index.jsp

• 2. Boîte de confirmation contextuelle

• 3. Suppression complète

  • URI de suppression unique : /emps/del/{id}

  • Supprimer les URI par lots : /emps/dels/{ids}

10. Résumé