atguigu_ssm_crud

SSM-CRUD (Vídeo do Vale do Silício)

1. Ferramentas de desenvolvimento

• IDEIA InteliJ 2019

• Maven 3.6.1

2. Introdução à função

• 1. Adicione, exclua, modifique e verifique

• 2. Consulta de paginação

• 3. Verificação de dados

  • Validação de front-end (JS)

  • Validação de back-end (JSR303)

• 4. ajax

• 5. URI de estilo de descanso:

  • Use verbos no modo de solicitação do protocolo HTTP para expressar operações em recursos

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

  • GET: /emps/get consulta

  • POST: /emps/saveincrease

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

  • DELETE: /emps/del/{id} deletar

  • DELETE: /emps/dels/{ids} excluir

3. Suporte técnico

• 1. Estrutura básica (SSM-Spring+SpringMVC+Mybatis)

  • Primavera 5.1.6

  • Mybatis 3.5.1

• 2. Banco de dados-Mysql 8.0

• 3. Estrutura front-end-BootStrap 3.3.1

• 4. Gerenciamento de dependências do projeto – Maven 3.6.1

• 5. Plug-in de paginação PageHelper

• 6. Gerador mybatis de engenharia reversa

4. Construção básica do ambiente

• 1. Crie um projeto maven-web

• 2. Importe as coordenadas das quais o projeto depende

  • núcleo de mola

  • primavera mvc

  • primavera jdbc

  • teste de primavera

  • primavera

  • conector-mysql-jar

  • taglib jstl

  • serlevt jsp

  • mybatis mybatis-primavera

  • ajudante de página

  • hibernar validar

  • outro

• 3. Apresente a estrutura front-end Bootstrap

• 4. Escreva o arquivo de configuração de integração ssm

  • web.xml

  • mybatis-config.xml

  • primavera-mybatis.xml

  • springMVC.XML

  • configGenerator.xml

  • 5. Teste a configuração da camada dao (TestMapper.java)

5. Consulta

• 1. Visite index.jsp

• 2. A página de índice envia uma solicitação para consultar a lista de funcionários

• 3. EmployeeController recebe a solicitação, descobre os dados do funcionário e retorna à página de visualização

• 4. jsp analisa dados e os exibe

6. Use ajax+json para implementar consultas e funções subsequentes

• 1. A página index.jsp envia uma solicitação ajax para realizar consulta de paginação dos dados do funcionário.

• 2. O servidor retorna os dados consultados ao navegador na forma de uma string json.

• 3. O navegador recebe a string json, usa js para analisar e processar o json e jquery opera o objeto DOM para exibir os dados.

• 4. Ajax alcança independência do lado do cliente

7. Novos funcionários

• 1. Clique no botão "Adicionar" na página index.jsp

• 2. Uma caixa de diálogo para preenchimento de informações é exibida (caixa modal BootStrap)

• 3. Acesse o banco de dados para consultar a lista de departamentos e exibi-la na lista suspensa

• 4. O usuário insere dados e conclui a verificação de front-end e back-end.

  • racionalidade dos dados de verificação de front-end js + jquery

  • Ajax envia uma solicitação para verificar se o nome do usuário é repetido

  • O back-end de dados importantes (JSR303) é verificado novamente

• 5. Implementar economia

8. Modificação de informações de funcionários

• 1. Clique no botão "Editar" na página index.jsp

• 2. Abre uma caixa de diálogo para modificar informações (caixa modal BootStrap, mostrando informações existentes)

• 3. O usuário insere dados e realiza verificação de plausibilidade.

• 4. Clique em Modificar para concluir a atualização das informações

9. Exclusão de funcionário

• 1. Clique no botão "Excluir" na página index.jsp

• 2. Caixa de confirmação pop-up

• 3. Exclusão completa

  • URI de exclusão única: /emps/del/{id}

  • Exclua URIs em lotes: /emps/dels/{ids}

10. Resumo