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
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')})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)위 내용은 Laravel 개발: Laravel Nova 및 AdminBro를 사용하여 백엔드 관리 인터페이스를 생성하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
