Ini bukan proyek perancah, tetapi proyek demo dasar, tanpa proyek referensi bisnis sebenarnya. Buat proyek backend Vue baru, yang dapat dimodifikasi berdasarkan proyek ini.
Gunakan Mockjs untuk mensimulasikan data antarmuka (untuk ditingkatkan)
axios mengimplementasikan permintaan jaringan (enkapsulasi berikutnya dan penanganan kesalahan terpadu)
manajemen negara vuex
Kontrol izin perutean
Demo Daring
Nama pengguna:admin
Kata sandi:123456
Pengguna yang dapat masuk berada di ${root_project}/src/mock/data/exampleData.js
Untuk manajemen status Vuex global, lihat konfigurasi di src/vuex/modules/control.js. Semua permintaan asinkron berbagi satu tindakan dan tiga metode mutasi tetap.
Adapun manajemen status Vuex, ditulis dalam callback metode di template Vue, sehingga kode dapat dibagikan dan kode serupa dalam jumlah besar dapat dihindari.
Semua permintaan jaringan juga menggunakan metode axios.request() yang sama. Jenis permintaan dan callback yang berhasil semuanya diteruskan ke permintaan dalam bentuk parameter, yang juga menghindari sejumlah besar kode serupa.
Sebagai perbandingan dengan kasus referensi, silakan lihat permintaan login yang dipanggil dan permintaan untuk mendapatkan daftar karyawan di manajemen karyawan.
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build
# build for production and view the bundle analyzer report
npm run build --report
Untuk penjelasan mendetail tentang cara kerjanya, lihat panduan dan dokumen untuk vue-loader.