>  기사  >  PHP 프레임워크  >  Laravel 개발: Laravel Nova 및 AdminBro를 사용하여 백엔드 관리 인터페이스를 생성하는 방법은 무엇입니까?

Laravel 개발: Laravel Nova 및 AdminBro를 사용하여 백엔드 관리 인터페이스를 생성하는 방법은 무엇입니까?

WBOY
WBOY원래의
2023-06-15 18:01:291304검색

Laravel은 개발자가 웹 애플리케이션을 더 빠르고 쉽게 구축하는 데 도움이 되는 풍부한 기능과 도구를 갖춘 인기 있는 PHP 웹 애플리케이션 프레임워크입니다. Laravel Nova와 AdminBro는 아름다운 백엔드 관리 인터페이스를 빠르게 생성하는 데 도움이 되는 두 가지 오픈 소스 프레임워크입니다. 이 기사에서는 이를 사용하여 신속한 개발을 달성하고 애플리케이션을 신속하게 온라인으로 전환하는 방법을 소개합니다.

1. Laravel Nova 및 AdminBro 이해하기

Laravel Nova는 Taylor Otwell과 그의 팀이 개발한 아름답고 사용하기 쉬운 백엔드 관리 패널로, 리소스 관리, 필터링 및 정렬, 사용자 정의와 같은 몇 가지 강력한 기능을 제공합니다. 대시보드 등. 또한 여러 구성 요소를 사용하여 Nova의 스타일과 모양을 쉽게 사용자 정의할 수 있습니다.

AdminBro는 반응형 디자인과 사용 편의성을 갖춘 React를 사용자 인터페이스 라이브러리로 사용하는 확장 가능한 백엔드 관리 패널입니다. 모양과 동작은 필요에 따라 사용자 정의할 수 있습니다.

2. Laravel Nova 설치 및 구성

시작하기 전에 프로젝트에 최신 버전의 Laravel이 설치되어 있는지 확인해야 합니다. 프로젝트에서 작곡가를 사용하여 최신 버전의 Laravel Nova를 업데이트하고 설치하세요.

composer require laravel/novacomposer require laravel/nova

安装过程可能需要一段时间,而且您需要登录到Laravel Nova的官方网站来注册您的Nova应用并注册授权。

完成后,您需要将Nova添加到路由文件中。这可以使用以下语句来实现:

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

你也可以将此语句添加到您的路由文件中,这样管理面板将只对授权用户可用。

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

在这里,您可以使用Nova::routes()方法来指定哪些路由将被nova使用。设置完成后,您现在可以访问您新增的/Admin路由,并成功登录后进入Nova控制面板。

三、安装和配置AdminBro

与Laravel Nova相比,AdminBro可以在Node.js环境中运行。 它是一种插件化架构,支持各种拓展,例如各种输入值的强类型输入、自定义预览、过滤、排序等功能。

安装AdminBro是很容易的,首先你需要安装两个必要的依赖。

npm install admin-bro

npm install @admin-bro/express

설치 과정에 시간이 걸릴 수 있으며, Nova 애플리케이션을 등록하고 인증을 받으려면 Laravel Nova 공식 웹사이트에 로그인해야 합니다.

완료되면 라우팅 파일에 Nova를 추가해야 합니다. 이는 다음 명령문을 사용하여 달성할 수 있습니다:

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

할 수 있습니다. 또한 권한 있는 사용자만 관리 패널을 사용할 수 있도록 라우팅 파일에 이 명령문을 추가하세요.

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

여기에서 Nova::routes() 메서드를 사용하여 nova에서 사용할 경로를 지정할 수 있습니다. 설정이 완료되면 이제 새로 추가된 /Admin 경로에 액세스하고 Nova 제어판에 성공적으로 로그인할 수 있습니다.

3. AdminBro 설치 및 구성

Laravel Nova와 비교하여 AdminBro는 Node.js 환경에서 실행할 수 있습니다. 다양한 입력 값의 강력한 형식 입력, 사용자 정의 미리보기, 필터링, 정렬 및 기타 기능과 같은 다양한 확장을 지원하는 플러그인 아키텍처입니다.

AdminBro 설치는 매우 쉽습니다. 먼저 두 가지 필수 종속성을 설치해야 합니다.

npm install admin-bro

npm install @admin-bro/express🎜🎜다음으로 Express 애플리케이션과 라우터에서 AdminBro를 설정해야 합니다. 라우팅 경로와 처리기를 설정할 수 있는 AdminBro를 활성화합니다. 🎜
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')})
🎜Express 애플리케이션에서 AdminBro를 활성화한 후 모든 엔터티를 포함하는 AdminBro 구성 개체를 생성해야 합니다. 🎜
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)
🎜여기서 엔터티가 연결된 코드를 만들었습니다. 프로그램을 템플릿으로 사용하여 사용자 정의 엔터티, 속성 및 구성 요소를 추가할 수 있습니다. 🎜🎜4. Laravel Nova 및 AdminBro를 사용하여 데이터를 관리하세요🎜🎜이제 애플리케이션에 Laravel Nova 및 AdminBro를 설치하고 구성했으므로 이를 사용하여 사용자 정의 관리 패널을 만들 수 있습니다. 이러한 프레임워크는 어떤 면에서는 매우 유사하지만 다른 면에서는 약간 다릅니다. 🎜🎜1. 리소스 관리: Laravel Nova는 Laravel의 편리한 ORM(Object Relational Mapping)을 사용하여 기사, 작성자, 댓글, 주문과 같은 리소스를 쉽고 간단하게 관리할 수 있는 간단하지만 강력한 리소스 관리자를 제공합니다. AdminBro도 유사한 작업을 수행할 수 있지만 자체적으로 새로운 엔터티 클래스와 데이터 소스를 사용해야 하므로 시간이 더 걸릴 수 있습니다. 🎜🎜2. 필드 및 속성: Laravel Nova 및 AdminBro의 관리 패널을 사용하면 플러그인 또는 사용자 정의 구성 요소를 설치하여 입력, 표시 및 형식 필드를 쉽게 추가할 수 있습니다. 두 프레임워크 모두 필드 생성을 지원하지만 Nova에는 더 많은 필드 구성 요소가 있습니다. 이와 대조적으로 AdminBro의 사용자 정의 구성 요소를 사용하면 선택기 및 라디오 버튼과 같은 특정 구성 요소를 보다 직접적으로 관리할 수 있습니다. 🎜🎜3. 보기 사용자 정의: Laravel Nova는 Blade를 기본 템플릿 엔진으로 사용합니다. 따라서 Laravel의 핵심 템플릿 시스템을 사용하여 뷰를 정의할 수 있습니다. 동시에 Nova는 Vue를 사용하여 맞춤형 구성 요소를 개발할 수도 있습니다. AdminBro는 React를 기본 사용자 인터페이스 라이브러리로 사용하므로 사용자 정의 보기를 개발하려면 React를 사용해야 합니다. 🎜🎜결론🎜🎜Laravel Nova와 AdminBro는 모두 개발자가 웹 애플리케이션에서 아름답고 사용하기 쉬운 관리 패널을 더 빠르게 만드는 데 도움이 되는 훌륭한 프레임워크입니다. 약간 다르게 작동하지만 필요에 따라 사용할 프레임워크를 결정할 수 있습니다. 이제 위의 단계만 수행하면 애플리케이션에서 이 두 프레임워크를 구성하고 사용할 수 있으므로 학습 및 개발의 효율성이 최대화되고 애플리케이션이 더 빠르게 온라인에 연결됩니다. 🎜

위 내용은 Laravel 개발: Laravel Nova 및 AdminBro를 사용하여 백엔드 관리 인터페이스를 생성하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.