atguigu_ssm_crud

SSM-CRUD (Видео Кремниевой долины)

1. Инструменты разработки

• InteliJ ИДЕЯ 2019

• Мавен 3.6.1

2. Введение функции

• 1. Добавляйте, удаляйте, изменяйте и проверяйте

• 2. Пейджинговый запрос

• 3. Проверка данных

  • Фронтальная валидация (JS)

  • Внутренняя проверка (JSR303)

• 4. аякс

• 5. URI стиля отдыха:

  • Используйте глаголы в режиме запроса протокола Http для выражения операций с ресурсами.

  • GET: запрос /emps/get/{id}

  • GET: /emps/получить запрос

  • ПОСТ: /emps/saveincrease

  • PUT: /emps/update/{id} Изменить

  • УДАЛИТЬ: /emps/del/{id} удалить

  • УДАЛИТЬ: /emps/dels/{ids} удалить

3. Техническая поддержка

• 1. Базовая структура (SSM-Spring+SpringMVC+Mybatis)

  • Весна 5.1.6

  • Мибатис 3.5.1

• 2. База данных-Mysql 8.0.

• 3. Интерфейсный фреймворк — BootStrap 3.3.1.

• 4. Управление зависимостями проекта — Maven 3.6.1

• 5. Плагин пейджинга PageHelper

• 6. Реверс-инжиниринг-генератор мибатиса

4. Создание базовой среды

• 1. Создайте проект maven-web.

• 2. Импортируйте координаты, от которых зависит проект.

  • пружинный сердечник

  • весна мвк

  • весна jdbc

  • весенний тест

  • весна

  • mysql-коннектор-jar

  • jstl библиотека тегов

  • серлевт jsp

  • мибатис мибатис-весна

  • помощник страницы

  • спящий режим, проверка

  • другой

• 3. Внедрить интерфейсную платформу Bootstrap.

• 4. Напишите файл конфигурации интеграции ssm.

  • веб.xml

  • mybatis-config.xml

  • весна-mybatis.xml

  • веснаMVC.XML

  • configGenerator.xml

  • 5. Тестовая конфигурация слоя dao (TestMapper.java)

5. Запрос

• 1. Посетите index.jsp.

• 2. Индексная страница отправляет запрос на запрос списка сотрудников.

• 3. EmployeeController получает запрос, узнает данные о сотруднике и возвращается на страницу просмотра.

• 4. jsp анализирует данные и отображает их

6. Используйте ajax+json для реализации запроса и последующих функций.

• 1. Страница index.jsp отправляет ajax-запрос для выполнения страничного запроса данных о сотрудниках.

• 2. Сервер возвращает запрошенные данные браузеру в виде строки json.

• 3. Браузер получает строку json, использует js для анализа и обработки json, а jquery управляет объектом DOM для отображения данных.

• 4. Ajax достигает независимости на стороне клиента

7. Новые сотрудники

• 1. Нажмите кнопку «Добавить» на странице index.jsp.

• 2. Всплывает диалоговое окно для заполнения информации (модальное окно BootStrap)

• 3. Перейдите в базу данных, чтобы запросить список отделов и отобразить его в раскрывающемся списке.

• 4. Пользователь вводит данные и выполняет входную и внутреннюю проверку.

  • js+jquery: рациональность данных проверки внешнего интерфейса

  • Ajax отправляет запрос на проверку, повторяется ли имя пользователя

  • Серверная часть важных данных (JSR303) проверена еще раз.

• 5. Осуществить экономию

8. Изменение информации о сотруднике

• 1. Нажмите кнопку «Изменить» на странице index.jsp.

• 2. Всплывающее диалоговое окно для изменения информации (модальное окно BootStrap, показывающее существующую информацию).

• 3. Пользователь вводит данные и выполняет проверку их достоверности.

• 4. Нажмите «Изменить», чтобы завершить обновление информации.

9. Удаление сотрудника

• 1. Нажмите кнопку «Удалить» на странице index.jsp.

• 2. Всплывающее окно подтверждения.

• 3. Полное удаление

  • URI однократного удаления: /emps/del/{id}

  • Удалить URI пакетами: /emps/dels/{ids}

10. Резюме