vue xiaomi

Pengenalan proyek

Ini adalah proyek e-commerce yang meniru Xiaomi Mall untuk mencapai poin fungsional utama.

Front-end berisi 11 halaman: beranda, login, registrasi, semua produk, halaman detail produk, tentang kami, koleksi saya, keranjang belanja, halaman penyelesaian pesanan, halaman pesanan saya dan penanganan kesalahan.

Ini mengimplementasikan tampilan produk, permintaan klasifikasi produk, pencarian kata kunci produk, tampilan informasi detail produk, login, registrasi, keranjang belanja pengguna, penyelesaian pesanan, pesanan pengguna, daftar favorit pengguna dan fungsi penanganan kesalahan.

Back-end mendesain antarmuka, lapisan kontrol, dan lapisan persistensi data yang sesuai berdasarkan sub-modul data yang diperlukan oleh front-end.

tumpukan teknologi

• Ujung depan: Vue + Vue-router + Vuex + Element-ui + Axios

• Backend: Node.js , Koa框架

• Basis Data: Mysql , redis

Alamat pengiriman proyek backend: server xiaomi

Silakan merujuk ke petunjuk konfigurasi untuk menjalankan proyek back-end. Pastikan database lokal mysql、redis dan port yang sesuai dibuka.

Modul fungsi

• Masuk
• daftar
• halaman depan
• Semua produk
• Halaman detail produk
• Keranjang belanja saya
• Penyelesaian pesanan
• koleksi saya
• pesanan saya

Jalankan proyek

 1. Clone project

git clone https://github.com/root-lucas/vue-xiaomi

2. Project setup

cd vue-store
npm install

3. Compiles and hot-reloads for development

npm run serve

4. Compiles and minifies for production

npm run build

Jika menurut Anda proyek ini bagus, Anda dapat mengklik Star di pojok kanan atas untuk mendukungnya. Terima kasih! ^_^

Tangkapan layar halaman proyek

halaman depan

Semua produk

keranjang belanja

koleksi saya

pesanan saya

Masuk

daftar