การพัฒนาห้างสรรพสินค้าทางอินเทอร์เน็ตโดยใช้ฤดูใบไม้ผลิ
ร่าง
- นี่เป็นโครงการแรกในช่วงหลักสูตรฝึกอบรมนักพัฒนา IT & E Hyundai
- โฮมเพจห้างสรรพสินค้าผลิตโดยใช้ข้อมูลผลิตภัณฑ์ที่จัดทำโดยหล่อ
ระยะเวลาการพัฒนา/บุคลากร
- 2021.09 ~ 2021.10 / 2 สัปดาห์
- 4 -Person Project
สภาพแวดล้อมการพัฒนา
- ชวา
- JSP
- ฤดูใบไม้ผลิ
- mybatis
- คำพยากรณ์
บทบาท
SEO MIN -CHEOL (หัวหน้าทีม)
- การพัฒนาตรรกะ API โดยรวม
- DB Lock Anti -Logic Development เมื่อเข้าร่วมในเหตุการณ์
- การพัฒนาฟังก์ชั่นหมวดหมู่แบรนด์และผลิตภัณฑ์
- การพัฒนาหน้ารายการผลิตภัณฑ์สำหรับแต่ละแบรนด์และประเภทผลิตภัณฑ์
- ดูหน้าโดยละเอียดและการพัฒนาฟังก์ชั่นโดยผลิตภัณฑ์
- กระเป๋าช้อปปิ้ง (ตะกร้าสินค้า) และการพัฒนาฟังก์ชั่น
- หน้าสั่งซื้อและการพัฒนาฟังก์ชั่น
- พัฒนาเป็น 'ตั้งเป็นปลายทางการจัดส่งเริ่มต้น', 'การตั้งค่าเป็นฟังก์ชันปลายทางการจัดส่งล่าสุด'
Yonghyuk Byun
- การพัฒนาตรรกะ API โดยรวม
- การพัฒนารายการเหตุการณ์และฟังก์ชั่นการโหลด
- การพัฒนาหน้าข้อมูลรายละเอียดเหตุการณ์
- DB Lock Anti -Logic Development เมื่อเข้าร่วมในเหตุการณ์
- การพัฒนารายการคูปองและฟังก์ชั่นการโหลด
- ดูหน้าโดยละเอียดและการพัฒนาฟังก์ชั่นโดยผลิตภัณฑ์
- กระเป๋าช้อปปิ้ง (ตะกร้าสินค้า) และการพัฒนาฟังก์ชั่น
- การพัฒนาฟังก์ชั่นผู้ใช้พร้อมกัน
ประเภท Seohoe
- การพัฒนาฟังก์ชั่นหมวดหมู่แบรนด์และผลิตภัณฑ์
- การเชื่อมโยงฟังก์ชั่นความปลอดภัยของฤดูใบไม้ผลิ
- การตั้งค่าการเข้าถึงหน้าเว็บที่เข้าถึงได้สำหรับแต่ละหน่วยงาน
- DB Lock Anti -Logic Development เมื่อเข้าร่วมในเหตุการณ์
- ดูหน้าโดยละเอียดและการพัฒนาฟังก์ชั่นโดยผลิตภัณฑ์
Lee Soo -jeong
- การพัฒนารายการเหตุการณ์และฟังก์ชั่นการโหลด
- DB Lock Anti -Logic Development เมื่อเข้าร่วมในเหตุการณ์
- ดูหน้าโดยละเอียดและการพัฒนาฟังก์ชั่นโดยผลิตภัณฑ์
- กระเป๋าช้อปปิ้ง (ตะกร้าสินค้า) และการพัฒนาฟังก์ชั่น
- หน้าการยืนยันรายละเอียดการสั่งซื้อและการพัฒนาฟังก์ชั่นตัวกรอง
คำอธิบาย
- เราอ้างถึงหน้า Hanseom เพื่อแก้ปัญหางาน
- ภาพด้านบนเป็นกรอบลวดที่เขียนขึ้นเพื่อวิเคราะห์และใช้หน้า Hanseom โดยบทบาท
- ERD ออกแบบมาเพื่อจัดการข้อมูลที่ส่งมาจากเกาะเดียว
- นี่คือตารางเวลาที่สรุปตารางการพัฒนาประมาณสองสัปดาห์
- ต้น 3 วัน: การออกแบบตาราง db และการใช้งานหน้าจอ
- ส่วนใหญ่: การใช้งานฟังก์ชั่นสำคัญ
- 2 วันสุดท้าย: เพิ่มคุณสมบัติความสะดวกสบายง่าย ๆ และแก้ไขข้อบกพร่อง
- การจัดการรูปร่างโดยรวมของโครงการใช้ Git
- ส่วนหัวมีแถบนำทางที่สามารถย้ายไปยังปุ่มเข้าสู่ระบบโลโก้และรายการผลิตภัณฑ์
- หากคุณอัปโหลดเมาส์คุณจะเห็นการจำแนกประเภทที่ต่ำกว่าในรูปแบบของการเลื่อนลง
- ในเวลานี้ข้อมูลหมวดหมู่ที่ต่ำกว่าได้รับการออกแบบมาเพื่อนำมาใช้แบบอะซิงโครนัสโดยใช้ AJAX
- การคลิกเหตุการณ์จะแสดงหน้าจอที่คุณสามารถเข้าร่วมในกิจกรรมได้
- เนื่องจากลักษณะของเหตุการณ์แรกที่ได้รับการให้บริการครั้งแรกผู้ใช้หลายคนสามารถเชื่อมต่อได้ในเวลาเดียวกันในเวลาอันสั้นดังนั้นสามารถสร้าง DB Lock ได้
- ในการแก้ปัญหานี้เราตั้งค่าหนึ่งเธรดเป็นพูลเธรดและออกแบบมาเพื่อออกคูปองสำหรับผู้ใช้ที่เชื่อมต่อ
- นอกจากนี้กระบวนการทั้งหมดของการจ่ายคูปองให้กับผู้ใช้และลดจำนวนคูปองที่เหลือที่เก็บไว้ในฐานข้อมูลถูกตั้งค่าเป็นธุรกรรม
- ฉันใช้ความปลอดภัยของฤดูใบไม้ผลิเพื่อดำเนินการเข้าสู่ระบบ
- ฟังก์ชั่นที่จัดทำโดยความปลอดภัยใช้เพื่อใช้เพราะถือว่าเป็นความยืดหยุ่นที่ดีเมื่อพิจารณาโครงการที่จะพัฒนาในภายหลัง
- สมาชิกแต่ละคนได้รับหมายเลขสมาชิกและออกแบบปัญหาด้านความปลอดภัยโดยการออกแบบโดยอ้างถึงหมายเลขสมาชิกแทน ID ของสมาชิก
- คลิกที่เมนูของแถบการนำทางและคุณจะเห็นผลิตภัณฑ์ที่สอดคล้องกับหมวดหมู่นั้น
- รายการผลิตภัณฑ์จะถูกนำเข้าแบบอะซิงโครนัสโดยใช้ AJAX
- ฟังก์ชั่นการเพจได้ลดเวลาในการโหลดนิทรรศการของผลิตภัณฑ์โดยส่งออกผลิตภัณฑ์ได้สูงสุด 12 รายการต่อหน้า
- นี่คือหน้าข้อมูลโดยละเอียดที่คุณเห็นเมื่อคุณคลิกที่ผลิตภัณฑ์
- สีและขนาดของผลิตภัณฑ์จะแสดงเป็นปุ่ม
- หากคุณเลือกสีและขนาดที่นี่คุณจะเห็นปริมาณที่เหลือของผลิตภัณฑ์
- หากคุณดูที่ภาพคุณจะเห็นกล่องข้อความและจำนวนลูกค้าที่ดูผลิตภัณฑ์เดียวกันคือเอาต์พุต
- นี่คือหน้ากระเป๋าช้อปปิ้งที่ทำหน้าที่เป็นตะกร้าสินค้า
- ที่นี่คุณสามารถเปลี่ยนปริมาณขนาดและสีของผลิตภัณฑ์และลบออก
- คุณสามารถใช้ช่องทำเครื่องหมายทางด้านซ้ายเพื่อเลือกรายการที่จะซื้อและไปยังหน้าจอการชำระเงิน
- นี่คือหน้าการชำระเงินที่สามารถสั่งซื้อได้
- แสดงรายการผลิตภัณฑ์ที่คุณต้องการซื้อบนหน้าจอ
- รูปแบบของการเข้าสู่ปลายทางการจัดส่งได้รับการออกแบบมาเพื่อเปิดใช้งานการสอบถามรหัสไปรษณีย์โดยใช้รหัสไปรษณีย์ API ที่ได้รับจากสิ่งต่อไปนี้:
- เราได้พัฒนาฟังก์ชั่นที่เข้าใกล้ตารางการจัดส่งและนำเข้าการจัดส่งขั้นพื้นฐานของผู้ใช้หรือจุดหมายปลายทางการจัดส่งล่าสุด
- เพื่อที่จะจ่ายสำหรับผลิตภัณฑ์ชุดของกระบวนการที่ดำเนินการใน db ถูกเชื่อมโยงกับการทำธุรกรรม
- เมื่อการชำระเงินเสร็จสิ้นรายการจะถูกลบออกจากรายการถุงช้อปปิ้ง
- ในที่สุดนี่คือหน้ารายการคำสั่งซื้อที่คุณสามารถตรวจสอบประวัติคำสั่งซื้อของคุณ
- เพิ่มคุณสมบัติตัวกรองที่สามารถค้นหาได้ด้วยรหัสผลิตภัณฑ์หรือชื่อผลิตภัณฑ์
- คุณสามารถใช้ฟังก์ชั่นการเพจ
การแก้ไขปัญหา
- เว็บแอปพลิเคชันที่พัฒนาโดยทีมงานของเราทำงานโดย MPA
- หน้าทั้งหมดรวมถึงส่วนหัวดังนั้นทุกครั้งที่คุณย้ายหน้าของคุณมีปัญหาที่คุณต้องนำข้อมูลแบรนด์/หมวดหมู่จาก DB ทุกครั้ง
- เพื่อแก้ปัญหาส่วนนี้เราได้สร้างข้อมูลแบรนด์และหมวดหมู่เพื่อจัดเก็บและใช้ในเซสชันหลังจากการโหลดครั้งแรก
- อย่างไรก็ตามยิ่งผู้ใช้มีข้อเสียมากขึ้นว่าเซิร์ฟเวอร์สามารถโหลดได้
- ดังนั้นฉันจึงใช้วิธีการจัดเก็บแบรนด์และหมวดหมู่ในตัวแปรคงที่เพื่อลดการโหลดเซิร์ฟเวอร์
- ในบรรดาแบรนด์มีชื่อแบรนด์รวมถึงสัญลักษณ์พิเศษซึ่งทำให้เกิดข้อผิดพลาดภายในแท็ก
- ในการแก้ปัญหานี้เราได้เพิ่มการตั้งค่าที่ช่วยให้คุณใช้อักขระพิเศษเป็นพารามิเตอร์ไปยังไฟล์การกำหนดค่าเซิร์ฟเวอร์
