تطوير مراكز التسوق عبر الإنترنت باستخدام الربيع
مخطط
- هذا هو المشروع الأول خلال دورة تدريبية Hyundai IT & E Developer.
- يتم إنتاج صفحة التسوق الرئيسية باستخدام بيانات المنتج المقدمة من قبل الوسيم.
فترة التنمية/الموظفين
- 2021.09 ~ 2021.10 / 2 أسابيع
- 4 -مشروع الشخص
بيئة التنمية
- جافا
- JSP
- ربيع
- mybatis
- أوراكل
دور
سيو مين -شيول (قائد الفريق)
- تطوير منطق API بشكل عام
- DB Lock Anti -Logic Development عند المشاركة في الحدث
- تطوير وظيفة فئة العلامة التجارية والمنتج
- تطوير صفحات قائمة المنتجات لكل فئة العلامة التجارية والمنتج
- عرض الصفحة التفصيلية والتطوير الوظيفي حسب المنتج
- حقيبة التسوق (عربة التسوق) وتطوير الوظائف
- صفحة دفع الطلب وتطوير الوظائف
- تم تطويره على أنه "تم تعيينه كوجهة شحن افتراضية" ، "الإعداد كدالة لوجهة الشحن الحديثة"
Yonghyuk Byun
- تطوير منطق API بشكل عام
- تطوير قائمة الأحداث ووظيفة التحميل
- تطوير صفحة معلومات مفصلة الحدث
- DB Lock Anti -Logic Development عند المشاركة في الحدث
- تطوير قائمة القسيمة ووظيفة التحميل
- عرض الصفحة التفصيلية والتطوير الوظيفي حسب المنتج
- حقيبة التسوق (عربة التسوق) وتطوير الوظائف
- تطوير وظيفة المستخدم في وقت واحد
نوع Seohoe
- تطوير وظيفة فئة العلامة التجارية والمنتج
- رابط وظيفة أمن الربيع
- تحديد الوصول إلى صفحة يمكن الوصول إليها لكل سلطة
- DB Lock Anti -Logic Development عند المشاركة في الحدث
- عرض الصفحة التفصيلية والتطوير الوظيفي حسب المنتج
لي سو -جيونج
- تطوير قائمة الأحداث ووظيفة التحميل
- DB Lock Anti -Logic Development عند المشاركة في الحدث
- عرض الصفحة التفصيلية والتطوير الوظيفي حسب المنتج
- حقيبة التسوق (عربة التسوق) وتطوير الوظائف
- تفاصيل الطلب صفحة تأكيد وتطوير وظيفة المرشح
توضيح
- نشير إلى صفحة Hanseom لحل المهمة.
- الصورة أعلاه هي إطار سلك مكتوب لتحليل وتنفيذ صفحة Hanseom حسب الدور.
- ERD مصممة لإدارة البيانات التي يتم تسليمها من جزيرة واحدة.
- هذا هو الجدول الزمني الذي يلخص جدول التطوير لمدة أسبوعين تقريبًا.
- أوائل 3 أيام: تصميم جدول DB وتنفيذ الشاشة
- معظمهم: تنفيذ الوظائف الأساسية
- آخر يومين: أضف ميزات راحة بسيطة وتعديل الأخطاء
- تستخدم إدارة الشكل العام للمشروع GIT.
- يتضمن الرأس شريط تنقل يمكن نقله إلى زر تسجيل الدخول والشعار وقائمة المنتج.
- إذا قمت بتحميل الماوس ، فسترى تصنيفًا أدنى في شكل منسدلة.
- في هذا الوقت ، تم تصميم معلومات الفئة الأدنى لجلبها غير متزامن باستخدام AJAX.
- سيظهر لك النقر فوق الحدث الشاشة حيث يمكنك المشاركة في الحدث.
- نظرًا لطبيعة الحدث الأول الذي تم تسليمه ، يمكن للعديد من المستخدمين الاتصال في نفس الوقت في وقت قصير ، لذلك يمكن إنشاء قفل DB.
- لحل هذه النقطة ، قمنا بتعيين مؤشر ترابط واحد على تجمع مؤشرات الترابط ونصمم لإصدار قسيمة للمستخدمين الذين يتصلون.
- بالإضافة إلى ذلك ، تم تعيين العملية الكاملة لدفع القسائم للمستخدمين وتقليل المبلغ المتبقي من القسائم المخزنة في DB كمعاملة.
- لقد استخدمت Spring Security لتنفيذ تسجيل الدخول.
- تم استخدام الوظيفة التي توفرها الأمان لاستخدامها لأنها تعتبر قابلية التوسع جيدة بالنظر إلى المشروع الذي سيتم تطويره لاحقًا.
- منح كل عضو رقم العضو وصمم مشكلة الأمان من خلال تصميمها عن طريق الإشارة إلى رقم العضو بدلاً من معرف العضو.
- انقر على قائمة شريط التنقل وسترى المنتجات المقابلة لتلك الفئة.
- يتم استيراد قائمة المنتجات بشكل غير متزامن باستخدام AJAX.
- قامت وظيفة الترحيل بتقليل وقت تحميل معرض المنتج عن طريق إخراج ما يصل إلى 12 منتجًا لكل صفحة.
- هذه صفحة معلومات مفصلة تراها عند النقر فوق المنتج.
- يتم عرض لون وحجم المنتج كزر.
- إذا اخترت اللون والحجم هنا ، فسترى الكمية المتبقية من المنتج.
- إذا نظرت إلى الصورة ، فسترى مربع رسالة ، وعدد العملاء الذين يبحثون عن نفس المنتج هو الإخراج.
- هذه صفحة حقيبة تسوق تعمل كعربة تسوق.
- هنا يمكنك تغيير كمية المنتج وحجمه ولونه وحذفه.
- يمكنك استخدام مربع الاختيار على اليسار لتحديد العنصر للشراء والانتقال إلى شاشة الدفع.
- هذه صفحة دفع يمكن طلبها.
- إظهار قائمة المنتجات التي تريد شراؤها على الشاشة.
- تم تصميم شكل إدخال وجهة الشحن لتمكين استفسار الكود البريدي باستخدام واجهة برمجة تطبيقات الرمز البريدي الذي يوفره ما يلي:
- لقد قمنا بتطوير وظيفة تقترب من جدول الشحن وتستورد شحن المستخدم الأساسي أو وجهات الشحن الحديثة.
- من أجل دفع ثمن المنتج ، تم ربط سلسلة العمليات التي تم تنفيذها في DB بالمعاملات.
- عند اكتمال الدفع ، تتم إزالة العنصر من قائمة حقيبة التسوق.
- أخيرًا ، هذه صفحة قائمة طلب حيث يمكنك التحقق من سجل طلبك.
- تمت إضافة ميزة تصفية يمكن البحث فيها برمز المنتج أو اسم المنتج.
- يمكنك استخدام وظيفة الترحيل.
قرار القضية
- تطبيق الويب الذي طورته فريقنا من قبل MPA.
- تشمل جميع الصفحات رؤوسًا ، لذلك في كل مرة تنقل صفحتك ، كانت هناك مشكلة كان عليك إحضار معلومات العلامة التجارية/الفئة من DB في كل مرة.
- لحل هذا الجزء ، قمنا بإنشاء معلومات العلامة التجارية والفئة لتخزينها واستخدامها في الجلسة بعد التحميل الأول.
- ومع ذلك ، كلما زاد عدد المستخدمين ، كان هناك عيب في أن يتم تحميل الخادم.
- لذلك استخدمت طريقة لتخزين العلامات التجارية والفئات في المتغيرات الثابتة لتقليل أحمال الخادم.
- من بين العلامات التجارية ، كان هناك اسم العلامة التجارية ، بما في ذلك الرموز الخاصة ، والتي تسببت في أخطاء داخل العلامة.
- لحل هذا الجزء ، أضفنا إعدادًا يتيح لك استخدام حرف خاص كمعلمة لملف تكوين الخادم.
