atguigu_ssm_crud

SSM-CRUD (Video Lembah Silikon)

1. Alat pengembangan

• IDE InteliJ 2019

• Maven 3.6.1

2. Pengenalan fungsi

• 1. Tambah, hapus, ubah dan periksa

• 2. Permintaan halaman

• 3. Verifikasi data

  • Validasi ujung depan (JS)

  • Validasi backend (JSR303)

• 4.ajax

• 5. URI gaya istirahat:

  • Gunakan kata kerja dalam mode permintaan protokol Http untuk mengekspresikan operasi pada sumber daya

  • DAPATKAN: permintaan /emps/get/{id}

  • DAPATKAN: /emps/dapatkan kueri

  • POST: /emps/saveincrease

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

  • HAPUS: /emps/del/{id} hapus

  • HAPUS: /emps/dels/{ids} hapus

3. Dukungan teknis

• 1. Kerangka dasar (SSM-Spring+SpringMVC+Mybatis)

  • Musim semi 5.1.6

  • Mybatis 3.5.1

• 2. Basis Data-Mysql 8.0

• 3. Kerangka kerja front-end-BootStrap 3.3.1

• 4. Manajemen ketergantungan proyek-Maven 3.6.1

• 5. PageHelper plugin halaman

• 6. Rekayasa balik-generator-mybatis

4. Konstruksi lingkungan dasar

• 1. Buat proyek maven-web

• 2. Impor koordinat tempat proyek bergantung

  • inti pegas

  • musim semi mvc

  • musim semi jdbc

  • tes musim semi

  • musim semi aop

  • mysql-konektor-jar

  • hanya taglib

  • serlevt jsp

  • mybatis mybatis-musim semi

  • pembantu halaman

  • hiberasi validasi

  • lainnya

• 3. Memperkenalkan kerangka front-end Bootstrap

• 4. Tulis file konfigurasi integrasi ssm

  • web.xml

  • mybatis-config.xml

  • musim semi-mybatis.xml

  • musim semiMVC.XML

  • configGenerator.xml

  • 5. Uji konfigurasi lapisan dao (TestMapper.java)

5. Penyelidikan

• 1. Kunjungi index.jsp

• 2. Halaman indeks mengirimkan permintaan untuk menanyakan daftar karyawan

• 3. EmployeeController menerima permintaan tersebut, mengetahui data karyawan, dan kembali ke halaman tampilan

• 4. jsp mem-parsing data dan menampilkannya

6. Gunakan ajax+json untuk mengimplementasikan kueri dan fungsi selanjutnya

• 1. Halaman index.jsp mengirimkan permintaan ajax untuk melakukan query paging data karyawan.

• 2. Server mengembalikan data yang ditanyakan ke browser dalam bentuk string json.

• 3. Browser menerima string json, menggunakan js untuk mengurai dan memproses json, dan jquery mengoperasikan objek DOM untuk menampilkan data.

• 4. Ajax mencapai independensi sisi klien

7. Karyawan baru

• 1. Klik tombol "Tambah" pada halaman index.jsp

• 2. Kotak dialog untuk mengisi informasi muncul (kotak modal BootStrap)

• 3. Masuk ke database untuk menanyakan daftar departemen dan menampilkannya di daftar drop-down

• 4. Pengguna memasukkan data dan menyelesaikan verifikasi front-end dan back-end.

  • rasionalitas data verifikasi front-end js+jquery

  • Ajax mengirimkan permintaan untuk memverifikasi apakah nama pengguna diulang

  • Backend data penting (JSR303) diverifikasi lagi

• 5. Melaksanakan penghematan

8. Modifikasi informasi karyawan

• 1. Klik tombol "Edit" pada halaman index.jsp

• 2. Muncul kotak dialog untuk mengubah informasi (kotak modal BootStrap, menampilkan informasi yang ada)

• 3. Pengguna memasukkan data dan melakukan verifikasi masuk akal.

• 4. Klik Modifikasi untuk menyelesaikan pembaruan informasi

9. Penghapusan karyawan

• 1. Klik tombol "Hapus" pada halaman index.jsp

• 2. Kotak konfirmasi muncul

• 3. Penghapusan total

  • URI penghapusan tunggal: /emps/del/{id}

  • Hapus URI secara berkelompok: /emps/dels/{ids}

10. Ringkasan