atguigu_ssm_crud

SSM-CRUD (วิดีโอซิลิคอนแวลลีย์)

1. เครื่องมือในการพัฒนา

• InteliJ IDEA 2019

• มาเวน 3.6.1

2. การแนะนำฟังก์ชั่น

• 1. เพิ่ม ลบ แก้ไข และตรวจสอบ

• 2. แบบสอบถามเพจจิ้ง

• 3. การตรวจสอบข้อมูล

  • การตรวจสอบส่วนหน้า (JS)

  • การตรวจสอบแบ็กเอนด์ (JSR303)

• 4. อาแจ็กซ์

• 5. URI สไตล์ที่เหลือ:

  • ใช้คำกริยาในโหมดคำขอโปรโตคอล Http เพื่อแสดงการดำเนินการกับทรัพยากร

  • GET: /emps/get/{id} แบบสอบถาม

  • GET: /emps/get แบบสอบถาม

  • โพสต์: /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. นำเข้าพิกัดที่โครงการขึ้นอยู่กับ

  • แกนสปริง

  • สปริง เอ็มวีซี

  • สปริง เจดีบีซี

  • การทดสอบสปริง

  • ฤดูใบไม้ผลิ

  • mysql-เชื่อมต่อ-jar

  • jstl แท็กlib

  • เจเอสพี เซอร์เลฟท์

  • มายบาติส มายบาติส-สปริง

  • ตัวช่วยเพจ

  • จำศีลตรวจสอบ

  • อื่น

• 3. แนะนำเฟรมเวิร์กส่วนหน้า Bootstrap

• 4. เขียนไฟล์การกำหนดค่าการรวม ssm

  • เว็บ.xml

  • mybatis-config.xml

  • spring-mybatis.xml

  • springMVC.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. กล่องโต้ตอบสำหรับกรอกข้อมูลจะปรากฏขึ้น (กล่อง Modal BootStrap)

• 3. ไปที่ฐานข้อมูลเพื่อค้นหารายชื่อแผนกและแสดงในรายการแบบเลื่อนลง

• 4. ผู้ใช้ป้อนข้อมูลและทำการตรวจสอบส่วนหน้าและส่วนหลังให้เสร็จสิ้น

  • js+jquery การตรวจสอบความถูกต้องของข้อมูลส่วนหน้า

  • Ajax ส่งคำขอเพื่อตรวจสอบว่าชื่อผู้ใช้ซ้ำหรือไม่

  • แบ็กเอนด์ข้อมูลสำคัญ (JSR303) ได้รับการตรวจสอบอีกครั้ง

• 5. ดำเนินการบันทึก

8. การแก้ไขข้อมูลพนักงาน

• 1. คลิกปุ่ม "แก้ไข" บนหน้า index.jsp

• 2. เปิดกล่องโต้ตอบสำหรับแก้ไขข้อมูล (กล่อง Modal BootStrap แสดงข้อมูลที่มีอยู่)

• 3. ผู้ใช้ป้อนข้อมูลและดำเนินการตรวจสอบความน่าเชื่อถือ

• 4. คลิก แก้ไข เพื่อดำเนินการอัพเดตข้อมูลให้เสร็จสิ้น

9. การลบพนักงาน

• 1. คลิกปุ่ม "ลบ" บนหน้า index.jsp

• 2. กล่องยืนยันป๊อปอัป

• 3. ลบให้เสร็จสิ้น

  • URI ลบเดี่ยว: /emps/del/{id}

  • ลบ URI เป็นกลุ่ม: /emps/dels/{ids}

10. สรุป