百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

Voyager - 不容错过的 Laravel 管理后台

itomcoil 2025-01-08 14:39 39 浏览

Laravel 是一套简洁、优雅的 PHP Web 开发框架。它可以让你从面条一样杂乱的代码中解脱出来;它可以帮你构建一个完美的网络 App,而且每行代码都可以简洁、富于表达力。

Laravel 语法富有表现力,拥有高质量的文档,和丰富的扩展包,是最为流行的 PHP Web 框架之一。而对于 Web 应用,我们往往都需要一个 admin 管理后台,Voyager 就是一个十分方便的管理后台。


简介

Voyager,是 the-control-group 在 Github 上开源的 PHP Laravel 管理后台。

Voyager 是

  • Laravel 框架的 admin 管理界面
  • 一个便捷的增删改查方法
  • 一个菜单构建工具
  • 管理上传文件的媒体库
  • CRUD / BREAD 生成器

Voyager 使用优秀的 PHP 框架 Laravel 驱动,可以快速集成数据的查询、添加、修改、删除以及展示,拥有功能强大的图片上传,图片管理,文件管理等功能的媒体管理功能,支持自定义权限角色,后台菜单设置,可使用拖拽功能进行排序,支持高度自定义开发,满足更多场景需求。



使用

目前 Voyager 支持 Laravel 6 / 7,需要 PHP 7.3 或以上版本。Voyager 安装非常简单,当创建了一个新的 Laravel 应用后,可以使用 composer 引入:

composer require tcg/voyager

然后,创建一个新的数据库,并在 .env 文件中设置好连接信息:

APP_URL=http://localhost
DB_HOST=localhost
DB_DATABASE=homestead
DB_USERNAME=homestead
DB_PASSWORD=secret

最后,进行 Voyager 的安装。可以选择使用虚拟数据,或不使用。虚拟数据将包括1个管理账户(如果没有用户已经存在)、1个演示页面、4个演示帖子、2个类别和7个设置。

不使用虚拟数据的安装方式是:

php artisan voyager:install

使用虚拟数据的安装方式:

php artisan voyager:install --with-dummy

然后使用 php artisan serve 命令,可以开启一个本地开放环境,然后在浏览器中打开 http://localhost:8000/admin,就能够看到管理后台了。

随着Voyager的安装成功,你将在你的文件系统中看到新的配置文件(config/voyager.php) 在这个文件中,您可以找到各种选项来更改您的Voyager安装的配置。

配置项包括后台用户配置、控制器、静态资源、数据库、语言、主题等等,都可以进行配置。

Voyager 提供了数据的 BREAD 控制:

  • BROWSE (是否在列表页显示这个字段)
  • READ (当你浏览这条信息的时候,决定是否显示这个字段)
  • EDIT (是否显示在编辑页(允许编辑))
  • ADD (是否显示在创建页(允许创建))
  • DELETE (是否显示删除按钮(允许删除))

Voyager 自动提供了访问权限、命名空间、表单验证、标签、排序、查询范围等。

表单域是BREAD系统的一大亮点。 每一个表单域在BREAD中都对应一个你的数据库的字段的类型 如下所述,你可以使用json格式的选择调整你的表单域,配置项包括:

  • 描述信息:所有的类型都包含一个描述信息,用于帮助别人理解这个字段的含义
{
    "description": "A helpful description text here for your future self."
}
  • 显示配置:可以对BREAD默认的展示形式进行一些小的修改
{
    "display": {
        "width": "3",
        "id": "custom_id"
    }
}
  • 默认值:很多表单域允许你在添加记录的时候,设置一个默认值
{
    "default" : "Default text"
}
  • Null Values:你可能希望在数据库中保存的数据是一个null,而不是一个空字符串
{
    "null": ""
}
  • 生成Slugs:使用BREAD 可以使用一个确定的字段自动生成url slug
{
    "slugify": {
        "origin": "title",
        "forceUpdate": true
    }
}
  • 自定义视图:对一个表单字段使用自定义的视图,用来满足你的特定的业务需求
{
    "view": "my_view"
}


运行完voyager安装程序后,您将看到一些新的路由,它们已添加到routes/web.php文件中,如下所示:

Route::group(['prefix' => 'admin'], function () {
    Voyager::routes();
});

这就是 Voyager 提供路由的地方。如果需要,可以更改admin前缀,或者你可以根据自己需要来配置其他路由选项,如 middleware or domain。

当我们创建一个新的BREAD类型并且指定了slug后,你可以使用下面的链接访问:

URL /admin/slug-name

举例来说,如果你有一个products表,并且我们规定了他的slug是products,那么你现在可以访问这个链接

URL /admin/products



总结

Voyager 作为一个 Laravel 框架的 admin 管理界面,提供了便捷的增删改查方法,提供了强大的菜单构建工具,能够管理上传文件的媒体库,并实现了功能强大、拓展性强的 CRUD / BREAD 生成器,大大提升了 Laravel 开发者的开发效率。

相关推荐

《Queendom》宣布冠军!女团MAMAMOO四人激动落泪

网易娱乐11月1日报道据台湾媒体报道,南韩女团竞争回归的生死斗《Queendom》昨(10/31)晚播出大决赛,并以直播方式进行,6组女团、女歌手皆演唱新歌,并加总前三轮的赛前赛、音源成绩与直播现场投...

正确复制、重写别人的代码,不算抄袭

我最近在一篇文章提到,工程师应该怎样避免使用大量的库、包以及其他依赖关系。我建议的另一种方案是,如果你没有达到重用第三方代码的阈值时,那么你就可以自己编写代码。在本文中,我将讨论一个在重用和从头开始编...

HTML DOM tr 对象_html event对象

tr对象tr对象代表了HTML表格的行。HTML文档中出现一个<tr>标签,就会创建一个tr对象。tr对象集合W3C:W3C标签。集合描述W3Ccells返回...

JS 打造动态表格_js如何动态改变表格内容

后台列表页最常见的需求:点击表头排序+一键全选。本文用原生js代码实现零依赖方案,涵盖DOM查询、排序算法、事件代理三大核心技能。效果速览一、核心思路事件入口:为每个<th>绑...

连肝7个晚上,总结了66条计算机网络的知识点

作者|哪吒来源|程序员小灰(ID:chengxuyuanxiaohui)计算机网络知识是面试常考的内容,在实际工作中经常涉及。最近,我总结了66条计算机网络相关的知识点。1、比较http0....

Vue 中 强制组件重新渲染的正确方法

作者:MichaelThiessen译者:前端小智来源:hackernoon有时候,依赖Vue响应方式来更新数据是不够的,相反,我们需要手动重新渲染组件来更新数据。或者,我们可能只想抛开当前的...

为什么100个前端只有1人能说清?浏览器重排/重绘深度解析

面试现场的"致命拷问""你的项目里做过哪些性能优化?能具体讲讲重排和重绘的区别吗?"作为面试官,我在秋招季连续面试过100多位前端候选人,这句提问几乎成了必考题。但令...

HTML DOM 介绍_dom4j html

HTMLDOM(文档对象模型)是一种基于文档的编程接口,它是HTML和XML文档的编程接口。它可以让开发人员通过JavaScript或其他脚本语言来访问和操作HTML和XML文档...

JavaScript 事件——“事件流和事件处理程序”的注意要点

事件流事件流描述的是从页面中接收事件的顺序。IE的事件流是事件冒泡流,而NetscapeCommunicator的事件流是事件捕获流。事件冒泡即事件开始时由最具体的元素接收,然后逐级向上传播到较为不...

探秘 Web 水印技术_水印制作网页

作者:fransli,腾讯PCG前端开发工程师Web水印技术在信息安全和版权保护等领域有着广泛的应用,对防止信息泄露或知识产品被侵犯有重要意义。水印根据可见性可分为可见水印和不可见水印(盲水印)...

国外顶流网红为流量拍摄性侵女学生?仅被封杀三月,回归仍爆火

曾经的油管之王,顶流网红DavidDobrik复出了。一切似乎都跟他因和成员灌酒性侵女学生被骂到退网之前一样:住在950万美元的豪宅,开着20万美元的阿斯顿马丁,每条视频都有数百万观看...人们仿佛...

JavaScript 内存泄漏排查方法_js内存泄漏及解决方法

一、概述本文主要介绍了如何通过Devtools的Memory内存工具排查JavaScript内存泄漏问题。先介绍了一些相关概念,说明了Memory内存工具的使用方式,然后介绍了堆快照的...

外贸独立站,网站优化的具体内容_外贸独立站,网站优化的具体内容有哪些

Wordpress网站优化,是通过优化代码、数据库、缓存、CSS/JS等内容,提升网站加载速度、交互性和稳定性。网站加载速度,是Google搜索引擎的第一权重,也是SEO优化的前提。1.优化渲染阻塞。...

这8个CSS工具可以提升编程速度_css用什么编译器

下面为大家推荐的这8个CSS工具,有提供函数的,有提供类的,有提取代码的,还有收集CSS的统计数据的……请花费两分钟的时间看完这篇文章,或许你会找到意外的惊喜,并且为你的编程之路打开了一扇新的大门。1...

vue的理解-vue源码 历史 简介 核心特性 和jquery区别 和 react对比

一、从历史说起Web是WorldWideWeb的简称,中文译为万维网我们可以将它规划成如下的几个时代来进行理解石器时代文明时代工业革命时代百花齐放时代石器时代石器时代指的就是我们的静态网页,可以欣...