atguigu_ssm_crud

SSM-CRUD (vídeo de Silicon Valley)

1. Herramientas de desarrollo

• IDEA InteliJ 2019

• Maven 3.6.1

2. Introducción a la función

• 1. Agregar, eliminar, modificar y verificar

• 2. Consulta de paginación

• 3. Verificación de datos

  • Validación frontal (JS)

  • Validación de backend (JSR303)

• 4. ajax

• 5. URI de estilo de descanso:

  • Utilice verbos en el modo de solicitud del protocolo Http para expresar operaciones en recursos

  • OBTENER: /emps/get/{id} consulta

  • OBTENER: /emps/obtener consulta

  • ENVIAR: /emps/saveincrease

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

  • ELIMINAR: /emps/del/{id} eliminar

  • ELIMINAR: /emps/dels/{ids} eliminar

3. Soporte técnico

• 1. Marco básico (SSM-Spring+SpringMVC+Mybatis)

  • Primavera 5.1.6

  • Mybatis 3.5.1

• 2. Base de datos-Mysql 8.0

• 3. Marco de interfaz de usuario-BootStrap 3.3.1

• 4. Gestión de la dependencia del proyecto-Maven 3.6.1

• 5. Complemento de paginación PageHelper

• 6. Ingeniería inversa-mybatis-generador

4. Construcción del entorno básico.

• 1. Crear un proyecto web maven

• 2. Importe las coordenadas de las que depende el proyecto.

  • núcleo de resorte

  • primavera mvc

  • primavera jdbc

  • prueba de primavera

  • primavera

  • conector-mysql-jar

  • etiqueta jstl

  • serlevt jsp

  • mybatis mybatis-primavera

  • ayudante de página

  • hibernar validar

  • otro

• 3. Introducir el marco de interfaz de usuario Bootstrap

• 4. Escriba el archivo de configuración de integración ssm

  • web.xml

  • mybatis-config.xml

  • primavera-mybatis.xml

  • primaveraMVC.XML

  • configGenerator.xml

  • 5. Pruebe la configuración de la capa dao (TestMapper.java)

5. Consulta

• 1. Visita index.jsp

• 2. La página de índice envía una solicitud para consultar la lista de empleados.

• 3. EmployeeController recibe la solicitud, descubre los datos del empleado y regresa a la página de visualización.

• 4. jsp analiza los datos y los muestra

6. Utilice ajax + json para implementar consultas y funciones posteriores.

• 1. La página index.jsp envía una solicitud ajax para realizar una consulta de paginación de los datos de los empleados.

• 2. El servidor devuelve los datos consultados al navegador en forma de una cadena json.

• 3. El navegador recibe la cadena json, usa js para analizar y procesar el json y jquery opera el objeto DOM para mostrar los datos.

• 4. Ajax logra independencia del lado del cliente

7. Nuevos empleados

• 1. Haga clic en el botón "Agregar" en la página index.jsp.

• 2. Aparece un cuadro de diálogo para completar información (cuadro modal BootStrap)

• 3. Vaya a la base de datos para consultar la lista de departamentos y mostrarla en la lista desplegable.

• 4. El usuario ingresa datos y completa la verificación de front-end y back-end.

  • racionalidad de datos de verificación front-end de js + jquery

  • Ajax envía una solicitud para verificar si el nombre de usuario se repite

  • El backend de datos importantes (JSR303) se verifica nuevamente

• 5. Implementar el ahorro

8. Modificación de la información de los empleados

• 1. Haga clic en el botón "Editar" en la página index.jsp.

• 2. Abra un cuadro de diálogo para modificar información (cuadro modal BootStrap, que muestra la información existente)

• 3. El usuario ingresa datos y realiza una verificación de plausibilidad.

• 4. Haga clic en Modificar para completar la actualización de la información.

9. Eliminación de empleados

• 1. Haga clic en el botón "Eliminar" en la página index.jsp.

• 2. Cuadro de confirmación emergente

• 3. Eliminación completa

  • URI de eliminación única: /emps/del/{id}

  • Eliminar URI en lotes: /emps/dels/{ids}

10. Resumen