Reka letak asli sebenar bahagian hadapan—(Xiaomi Mall)

• Bab1 Pecahan susun atur halaman utama Xiaomi Mall
• 1-1 Pengenalan praktikal kepada reka letak bahagian hadapan
• 1-2 Pecahan reka letak halaman utama (1)
• 1-3 Pecahan reka letak halaman utama (2)
• 1-4 Pecahan reka letak halaman utama (3)
• 1-5 Pecahan reka letak halaman utama (4)
• 1-6 Susun atur bawah pusat membeli-belah (1)
• 1-7 Susun atur bawah pusat membeli-belah (2)
• Bab2 Pecahan navigasi halaman utama Xiaomi Mall
• 2-1 Pecahan navigasi pusat beli-belah (navigasi atas)
• 2-2 Pecahan navigasi pusat beli-belah (menu lungsur 1)
• 2-3 Pecahan navigasi pusat beli-belah (menu lungsur 2)
• 2-4 Penguraian navigasi pusat membeli-belah (navigasi menegak bar sisi)
• 2-5 Navigasi mini halaman
• Bab3 Penjelasan terperinci mengenai susun atur kandungan utama halaman utama Xiaomi Mall
• 3-1 Penjelasan terperinci mengenai susun atur kandungan utama pusat membeli-belah (1)
• 3-2 Penjelasan terperinci mengenai susun atur kandungan utama pusat membeli-belah (2)
• 3-3 Penjelasan terperinci mengenai susun atur kandungan utama pusat membeli-belah (3)
• Bab4 Penjelasan terperinci mengenai susun atur halaman log masuk Xiaomi Mall
• 4-1 Susun atur halaman log masuk Xiaomi Mall (1)
• 4-2 Susun atur halaman log masuk Xiaomi Mall (2)
• 4-3 Halaman log masuk Xiaomi Mall (js mencapai kesan penukaran)
• Bab5 Susun atur halaman butiran produk dan kesan js
• 5-1 Susun atur halaman butiran produk (1)
• 5-2 Susun atur halaman butiran produk (2)
• 5-3 Halaman butiran produk (kesan jQuery)
• Bab6 Halaman troli beli-belah blok fungsi jQuery
• 6-1 Pilih semua item dalam troli beli-belah
• 6-2 Menyedari penambahan dan penolakan kuantiti barang dalam troli beli-belah dan jumlah kecil daripada jumlah harga barang tersebut
• 6-3 Kira jumlah harga semua item yang didaftarkan dalam troli beli-belah
• Bab7 ringkaskan
• 7-1 Ringkasan Susunatur Xiaomi Mall