Pembangunan Laravel: Bagaimana untuk menggunakan Laravel Nova dan AdminBro untuk menjana antara muka pengurusan bahagian belakang?

Laravel ialah rangka kerja aplikasi web PHP yang popular dengan ciri dan alatan yang kaya untuk membantu pembangun membina aplikasi web dengan lebih pantas dan mudah. Laravel Nova dan AdminBro ialah dua rangka kerja sumber terbuka yang boleh membantu kami menjana antara muka pengurusan bahagian belakang yang cantik dengan cepat. Artikel ini akan memperkenalkan cara menggunakannya untuk mencapai pembangunan pesat dan mendapatkan aplikasi anda dalam talian dengan cepat.

1. Memahami Laravel Nova dan AdminBro

Laravel Nova ialah panel pengurusan bahagian belakang yang cantik dan mudah digunakan yang dibangunkan oleh Taylor Otwell dan pasukannya Ia menyediakan beberapa ciri hebat, seperti: Pengurusan sumber, penapisan dan pengisihan, papan pemuka tersuai, dsb. Selain itu, menggunakan berbilang komponen, anda boleh menyesuaikan gaya dan penampilan Nova dengan mudah.

AdminBro ialah panel pentadbir bahagian belakang yang boleh diperluaskan untuk Node.js dan Typescript Ia menggunakan React sebagai pustaka antara muka pengguna dengan reka bentuk responsif dan kemudahan penggunaan Pembangun boleh menggunakan AdminBro untuk membangunkan pentadbir mereka sendiri. boleh mempunyai penampilan dan tingkah lakunya disesuaikan seperti yang dikehendaki.

2. Pasang dan konfigurasikan Laravel Nova

Sebelum anda bermula, anda perlu memastikan bahawa anda telah memasang versi terkini Laravel dalam projek anda. Dalam projek anda, gunakan komposer untuk mengemas kini dan memasang versi terkini Laravel Nova.

composer require laravel/nova

Proses pemasangan mungkin mengambil sedikit masa, dan anda perlu log masuk ke laman web rasmi Laravel Nova untuk mendaftarkan aplikasi Nova anda dan mendaftar untuk mendapatkan kebenaran.

Setelah selesai, anda perlu menambahkan Nova pada fail penghalaan anda. Ini boleh dicapai menggunakan pernyataan berikut:

Route::get('/nova', function () { return redirect('/nova/login');});

Anda juga boleh menambahkan pernyataan ini pada fail penghalaan anda supaya panel pentadbir hanya tersedia kepada pengguna yang dibenarkan.

Route::middleware(['auth'])->group(function () { Route::get('/nova', function () { return redirect('/nova/login'); }); Nova::routes();});

Di sini anda boleh menggunakan kaedah Nova::routes() untuk menentukan laluan mana yang akan digunakan oleh nova. Selepas persediaan selesai, anda kini boleh mengakses laluan /Pentadbir anda yang baru ditambah dan berjaya log masuk ke panel kawalan Nova.

3 Pasang dan konfigurasikan AdminBro

Berbanding dengan Laravel Nova, AdminBro boleh dijalankan dalam persekitaran Node.js. Ia ialah seni bina pemalam yang menyokong pelbagai sambungan, seperti input yang ditaip kuat bagi pelbagai nilai input, pratonton tersuai, penapisan, pengisihan dan fungsi lain.

Memasang AdminBro adalah sangat mudah, pertama anda perlu memasang dua kebergantungan yang diperlukan.

npm install admin-bro

npm install @admin-bro/express

Seterusnya anda perlu menyediakan AdminBro pada aplikasi Express dan kemudian dayakan AdminBro pada penghala di mana anda boleh menyediakan Laluan penghalaan dan pengendali.

const AdminBro = require('admin-bro')
const AdminBroExpress = require('@admin-bro/express')
const express = require('express')

const adminBro = new AdminBro()
const router = AdminBroExpress.buildRouter(adminBro)

const app = express()
app.use(adminBro.options.rootPath, router)

app.listen(8080, () => { console.log('Server running')})

Selepas mendayakan AdminBro dalam aplikasi Express anda, anda perlu mencipta objek konfigurasi AdminBro yang mengandungi semua entiti.

const Cars = require('./entities/cars')
const Users = require('./entities/users')

const adminBroOptions = {
  resources: [{
    resource: Cars,
    options: {
      properties: {
        name: { isTitle: true },
        gearbox: { components: { list: AdminBro.bundle('./path/to/custom/components/list') } },
      },
    },
  }, Users]
}

const adminBro = new AdminBro(adminBroOptions)

Di sini kami mencipta kod yang mempunyai entiti kami dilampirkan padanya. Anda boleh menggunakan program sebagai templat untuk menambah entiti, sifat dan komponen tersuai.

4. Uruskan data anda dengan Laravel Nova dan AdminBro

Kini setelah kami memasang Laravel Nova dan AdminBro dalam aplikasi kami dan telah mengkonfigurasinya, kami boleh menggunakannya untuk membuat panel pentadbir tersuai. Walaupun rangka kerja ini sangat serupa dalam beberapa cara, ia berbeza sedikit dalam yang lain.

1. Pengurusan sumber: Laravel Nova menyediakan pengurus sumber yang ringkas tetapi berkuasa yang membolehkan anda mengurus sumber dengan mudah dan ringkas, seperti artikel, pengarang, ulasan, pesanan, menggunakan ORM (pemetaan hubungan objek) Laravel. AdminBro juga boleh melakukan operasi yang serupa, tetapi ia memerlukan penggunaan kelas entiti baharu dan sumber data daripadanya sendiri, yang mungkin mengambil lebih banyak masa.

2. Medan dan Sifat: Laravel Nova dan panel pentadbir AdminBro membolehkan anda menambah medan input, paparan dan format dengan mudah dengan memasang pemalam atau komponen tersuai. Kedua-dua rangka kerja menyokong mencipta medan, tetapi Nova mempunyai lebih banyak komponen medan. Sebaliknya, komponen tersuai AdminBro membolehkan anda mengurus komponen tertentu dengan lebih langsung, seperti pemilih dan butang radio.

3. Lihat penyesuaian: Laravel Nova menggunakan Blade sebagai enjin templat lalai. Jadi anda boleh menggunakan sistem templat teras dalam Laravel untuk mentakrifkan paparan. Pada masa yang sama, Nova juga boleh menggunakan Vue untuk membangunkan komponen tersuai. Memandangkan AdminBro menggunakan React sebagai pustaka antara muka pengguna lalainya, anda perlu menggunakan React untuk membangunkan paparan tersuai anda.

Kesimpulan

Laravel Nova dan AdminBro adalah kedua-dua rangka kerja yang hebat yang boleh membantu pembangun mencipta panel pentadbir yang cantik dan mudah digunakan dalam aplikasi web dengan lebih pantas. Ia berfungsi sedikit berbeza, tetapi anda boleh memutuskan rangka kerja yang hendak digunakan berdasarkan keperluan anda. Kini, anda hanya perlu mengikut langkah di atas untuk mengkonfigurasi dan menggunakan kedua-dua rangka kerja ini dalam aplikasi anda, memastikan peningkatan kecekapan maksimum dalam pembelajaran dan pembangunan anda serta mendapatkan aplikasi anda dalam talian dengan lebih pantas.

Atas ialah kandungan terperinci Pembangunan Laravel: Bagaimana untuk menggunakan Laravel Nova dan AdminBro untuk menjana antara muka pengurusan bahagian belakang?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!