vue DBM

Melihat! Proyek ini telah difaktorkan ulang. Versi saat ini adalah 2.0. Untuk versi yang lebih lama, silakan periksa rilis untuk mengunduh versi 1.0.

menjelaskan

DBM adalah sistem manajemen sumber data yang mencakup dua modul: manajemen sumber data dan otorisasi terbuka. Manajemen sumber data mengacu pada fungsi seperti impor sekali klik, pemfilteran sesuai permintaan, dan ekspor data relasional yang ditentukan pemilik membuka data kepada pengguna. Menambah, menghapus, mengubah, memeriksa, dan izin operasi lainnya. Menerapkan atau menggunakan sistem ini dapat menghadirkan fungsi persistensi data ke proyek front-end Anda, bukan simulasi data.

Front-end DBM adalah aplikasi SPA yang dibangun menggunakan scaffolding vue-cli. Ini terutama mengandalkan DBM untuk membuat pemisahan front-end dan back-end lebih lengkap, front-end akan menggunakan Mockjs. mensimulasikan respons sesuai dengan protokol antarmuka yang disepakati dengan back-end selama pengembangan, dan menyelesaikan antarmuka di back-end. Setelah menulis, gunakan perintah startup yang berbeda untuk mentransfer antarmuka back-end untuk menyelesaikan pengujian seluruh sistem.

Jika Anda juga ingin menggunakan vue.js yang dikombinasikan dengan bahasa back-end (nodejs, java, dll.) untuk mengembangkan aplikasi lengkap dengan front-end dan back-end, mengacu pada implementasi proyek front-end DBM mungkin dapat membantu Anda memecahkan masalah berikut

• Bagaimana cara meningkatkan penggunaan kembali komponen?
• Bagaimana cara menggunakan banyak modul dalam manajemen negara?
• Bagaimana cara menerapkan pemrosesan izin tingkat halaman dan tingkat elemen?
• Bagaimana cara mencegat permintaan HTTP dan mensimulasikan UI yang didorong oleh respons menggunakan Mockjs?
• Bagaimana cara menggunakan fungsi render untuk menyesuaikan komponen bisnis dengan kerangka kerja seperti elemen-ui?
• Bagaimana menerapkan pengemasan multi-lingkungan, meningkatkan efisiensi pengemasan, dan mengurangi volume pengemasan, dll.

Karena proyek ini dikerjakan di waktu senggang, siklus pengembangannya panjang, dan kebersihan kodenya masih perlu ditingkatkan. Saya akan terus memodifikasinya sampai saya puas. atau jika Anda memiliki pertanyaan tentang implementasi modul ini, silakan menyambut solusi yang lebih baik

Persiapan sebelum pengembangan

Lingkungan lokal Anda harus berisi nodejs dan git jika Anda menggunakan git clone. Proyek ini terutama menggunakan vue, vuex, vue-router, element-ui, axios, Mock.js dan tumpukan teknologi lainnya. Dengan mengenal teknologi ini, Anda dapat menguasai proyek ini dengan lebih baik.

Selama pengembangan proyek, saya membuat beberapa catatan yang ditargetkan. Disarankan untuk membaca catatan ini terlebih dahulu sebelum memahami kode sumber proyek ini.

• Ikhtisar struktur proyek
• Tata letak utama sistem
• rute
• Manajemen status
• Manajemen izin
• Kontrol enkapsulasi dan penggunaan
• campur
• Simulasi data
• Optimalisasi pengemasan dan pengalaman pengguna

fungsi sasaran

• Halaman masuk
• Dasbor
• Halaman manajemen tabel data
• Halaman manajemen basis data
• Halaman otorisasi buka data

Pengembangan dan rilis

 # 克隆项目
git clone https://github.com/calebman/vue-DBM.git

# 安装依赖
npm install
   
# 如果下载依赖报错可通过以下方式尝试解决
npm install --registry=https://registry.npm.taobao.org

# 启动服务
npm run dev

# 浏览器访问
http://localhost:8060

# 打包发布
npm run build

Ubah catatan

Klik di sini untuk melihat log pembaruan.

Demo

Klik saya untuk melihat Demo

Ucapan Terima Kasih

Arsitektur proyek ini mengacu pada implementasi vue-element-admin . Komponen tabel telah disesuaikan dan dimodifikasi berdasarkan vue-easytable . Saya ingin mengucapkan terima kasih kepada dua penulis proyek PanJiaChen dan huangshuwei.

Lisensi

MIT

Hak Cipta (c) 2018-calebman