หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>ซอร์สโค้ดอื่น ๆ
ดาวน์โหลด

jddaojia

การแนะนำ

JDDAOJIA เป็นอีเมลบนเว็บมือถือที่สร้างขึ้นโดยการเลียนแบบ JD.com คลังสินค้าแห่งนี้เป็นโครงการส่วนหน้า สำหรับส่วนอินเทอร์เฟซแบ็กเอนด์ API โปรดดู: JDDAOJIA-BACKAPI

โครงการนี้ใช้การดำเนินงานขั้นพื้นฐานในด้านผู้ใช้ E-Mall รวมถึงการลงทะเบียนเข้าสู่ระบบการแสดงสินค้าที่จัดเก็บสินค้าตะกร้าสินค้าการสั่งซื้อคำสั่งซื้อแบบสอบถามคำสั่งซื้อในอดีตการประหยัดและแก้ไขที่อยู่และพยายามกู้คืนสไตล์ UI ที่เป็นเอกลักษณ์ของ JD.com

ดูวิดีโอสาธิต: วิดีโอ Bilibili

เทคโนโลยีที่ใช้

  • vue3 + vuex + vue-router + vue-cli
  • ซอกซอก
  • eslint
  • เว็บแพ็ค
  • SCSS
  • ES6

การดำเนินการบรรทัดคำสั่งพื้นฐาน:

ติดตั้งการตั้งค่าโครงการโครงการ 

 npm install

รวบรวมและเติมเต็มความร้อนเพื่อการพัฒนา 

 npm run serve

รวบรวมและลดการผลิต 

 npm run build

ผ้าสำลีและแก้ไขไฟล์ 

 npm run lint

ปรับแต่งการกำหนดค่า

ดูดู:
การอ้างอิงการกำหนดค่า

วิ่งได้สำเร็จ

หากกระบวนการดำเนินไปอย่างราบรื่นและโครงการทำงานได้สำเร็จในสภาพแวดล้อม DEV บรรทัดคำสั่งจะแสดงพรอมต์คล้ายกับสิ่งต่อไปนี้

dev运行成功的提示

ใช้ URL ที่ให้ไว้ในนั้นเพื่อเข้าถึงหน้า อย่างไรก็ตามคุณควรเรียกใช้เซิร์ฟเวอร์อินเทอร์เฟซแบ็คเอนด์ของโครงการก่อนและใช้พอร์ต 3000 ตามค่าเริ่มต้น

คำใบ้

  • คุณสามารถเข้าสู่ห้างสรรพสินค้าได้โดยตรงผ่าน ชื่อผู้ใช้: ผู้ดูแลระบบและรหัสผ่าน: ผู้ดูแลระบบ เพื่อข้ามกระบวนการลงทะเบียน นอกจากนี้ห้างสรรพสินค้าไม่มีฟังก์ชั่นเข้าสู่ระบบ SMS มือถือโปรดใช้ชื่อผู้ใช้และรหัสผ่านเพื่อเข้าสู่ระบบ
  • โครงการใช้โครงการ REM เพื่อให้ได้รูปแบบการปรับตัว
  • โครงการได้รับการทดสอบบนเบราว์เซอร์ Firefox และ Edge เท่านั้น เบราว์เซอร์ Chrome และ Safari อาจพบข้อบกพร่องเลย์เอาต์ หากคุณพบใด ๆ โปรดติดต่อฉันเพื่อแก้ไข
  • เลย์เอาต์ใช้ประโยชน์จาก Flex อย่างเต็มที่และทำให้รหัส CSS ง่ายขึ้น
  • ฟังก์ชั่นตะกร้าสินค้าส่วนใหญ่ใช้ Vuex และ SessionStorage เพื่อจัดการข้อมูลทางฝั่งไคลเอ็นต์ซึ่งเป็นเป้าหมายของฉันในการฝึกความสามารถในการจัดการข้อมูลที่มีการแปล ฟังก์ชั่นอื่น ๆ ส่วนใหญ่ประมวลผลข้อมูลเกี่ยวกับแบ็กเอนด์
  • ข้อมูลการเข้าสู่ระบบจะถูกเก็บไว้ใน SessionStorage

เส้นทางสำหรับการปรับปรุง

  • ยังคงมีที่ว่างสำหรับการปรับปรุงประสิทธิภาพการโหลดหน้าเว็บและการนำเสนอเช่นการใช้แคชลดเค้าโครงกระวนกระวายใจ ฯลฯ
  • ภายใต้การตั้งค่าบางอย่างในเบราว์เซอร์เซสชั่นสเตชั่นจะไม่ถูกล้างแม้ว่าหน้าจะปิด คุณสามารถตั้งค่าได้หลังจากไม่ใช้งานหน้าเป็นระยะเวลาหนึ่งคุณจะออกจากระบบโดยอัตโนมัติและล้าง SessionStorage
  • หลายส่วนที่ใช้คำขอ HTTP สามารถใช้วิธีการจัดการข้อผิดพลาดที่เฉพาะเจาะจงมากขึ้น
ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด