Jddaojia
Perkenalan
Jddaojia adalah email seluler web yang dibangun dengan meniru JD.com . Gudang ini adalah proyek front-endnya. Untuk bagian antarmuka API backend, lihat: jddaojia-backapi.
Proyek ini mengimplementasikan operasi dasar di sisi pengguna e-mal, termasuk pendaftaran login, tampilan produk toko, keranjang belanja, penempatan pesanan, kueri pesanan historis, alamat menyimpan dan mengedit, dan mencoba mengembalikan gaya UI unik JD.com.
Lihat video demo: video bilibili.
Teknologi yang digunakan
- VUE3 + VUEX + VUE-ROUTER + VUE-CLI
- Axios
- Eslint
- Webpack
- SCSS
- Es6
Operasi Baris Perintah Dasar:
Instal Proyek Pengaturan Proyek
Mengkompilasi dan memuat hot-reload untuk pengembangan
Mengkompilasi dan mengurangi untuk produksi
Serat dan memperbaiki file
Kustomisasi konfigurasi
Lihat lihat:
Referensi Konfigurasi.
Jalankan dengan sukses
Jika proses berjalan lancar dan proyek berjalan dengan sukses di lingkungan DEV, baris perintah akan menampilkan prompt yang mirip dengan yang berikut.
Gunakan URL yang diberikan di dalamnya untuk mengakses halaman. Namun, Anda harus menjalankan server antarmuka back-end proyek terlebih dahulu, dan menggunakan port 3000 secara default.
petunjuk
- Anda dapat masuk ke mal langsung melalui nama pengguna: Admin dan Kata Sandi: Admin untuk memotong proses pendaftaran. Selain itu, mal sekarang tidak memiliki fungsi login SMS seluler, silakan gunakan nama pengguna dan kata sandi untuk masuk.
- Proyek ini menggunakan skema REM untuk mencapai tata letak adaptif.
- Proyek ini hanya diuji pada browser Firefox dan Edge. Browser Chrome dan Safari dapat menghadapi bug tata letak. Jika Anda menemukannya, silakan hubungi saya untuk memodifikasinya.
- Tata letak memanfaatkan sepenuhnya fleksibel dan menyederhanakan kode CSS.
- Fungsi keranjang belanja terutama menggunakan VUEX dan Sesi untuk mengelola data di sisi klien, yang merupakan tujuan saya untuk mempraktikkan kemampuan manajemen informasi yang terlokalisasi. Fungsi lain terutama memproses data pada backend.
- Informasi login disimpan di sessionStorage.
Petunjuk untuk perbaikan
- Masih ada ruang untuk perbaikan dalam kinerja dan presentasi pemuatan halaman, seperti menggunakan cache, mengurangi tata letak jitter, dll.
- Di bawah pengaturan tertentu di browser, sessionstorage tidak akan dihapus bahkan jika halaman ditutup. Anda dapat mengaturnya setelah tidak mengoperasikan halaman untuk jangka waktu tertentu, Anda akan secara otomatis keluar dan menghapus Sesi Sesi.
- Banyak bagian yang menggunakan permintaan HTTP dapat mengadopsi metode penanganan kesalahan yang lebih spesifik.
