الصفحة الرئيسية>كود مصدر ASP>فئات أخرى
تنزيل

SSM-CRUD (فيديو وادي السيليكون)

1. أدوات التطوير

  • فكرة InteliJ 2019

  • مخضرم 3.6.1

2. مقدمة الوظيفة

  • 1. إضافة وحذف وتعديل وفحص

  • 2. استعلام الترحيل

  • 3. التحقق من البيانات

    • التحقق من صحة الواجهة الأمامية (JS)
    • التحقق من صحة الواجهة الخلفية (JSR303)

  • 4. اياكس

  • 5. عنوان URI لنمط الراحة:

    • استخدم الأفعال في وضع طلب بروتوكول Http للتعبير عن العمليات على الموارد
    • الحصول على: استعلام /emps/get/{id}.
    • الحصول على: /emps/الحصول على الاستعلام
    • المشاركة: /emps/saveincrease
    • وضع: /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. إنشاء مشروع ويب مخضرم

  • 2. استيراد الإحداثيات التي يعتمد عليها المشروع

    • جوهر الربيع
    • الربيع ام في سي
    • الربيع Jdbc
    • اختبار الربيع
    • الربيع
    • mysql-موصل-جرة
    • jstl taglib
    • servt jsp
    • mybatis mybatis-الربيع
    • pagehelper
    • التحقق من صحة السبات
    • آخر

  • 3. تقديم إطار عمل Bootstrap للواجهة الأمامية

  • 4. كتابة ملف تكوين التكامل ssm

    • web.xml
    • mybatis-config.xml
    • Spring-mybatis.xml
    • SpringMVC.XML
    • configGenerator.xml

    • 5. اختبار تكوين طبقة داو (TestMapper.java)

5. الاستفسار

  • 1. قم بزيارة ملف Index.jsp

  • 2. تقوم صفحة الفهرس بإرسال طلب للاستعلام عن قائمة الموظفين

  • 3. يقوم مراقب الموظفين باستلام الطلب ومعرفة بيانات الموظف والعودة إلى صفحة العرض

  • 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. ملخص

img

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل