- 安装
- 生成的配置文件
- 后台项目文件
- 静态文件
- 数据表结构和模型
- 生成控制器
- 添加路由配置
- 添加左侧菜单栏链接
- 编写CURD页面逻辑
- config/admin.php
- app/Admin/bootstrap.php
- 页面内容 & 布局
- 页面内容
- 自定义页面内容
- 布局
1、下载扩展包
composer require encore/laravel-admin
2、发布资源
php artisan vendor:publish --provider="Encore\Admin\AdminServiceProvider"
3、完成安装
在该命令会生成配置文件config/admin.php,可以在里面修改安装的地址、数据库连接、以及表名,建议都是用默认配置不修改。
然后运行下面的命令完成安装:
php artisan admin:install
启动服务后,在浏览器打开 http://localhost/admin/ ,使用用户名 admin 和密码 admin登录.
安装过程中,会自动执行数据库迁移,生成管理后台所需的数据表。使用用户名 admin 和密码 admin 登录。
生成的配置文件安装完成之后,laravel-admin所有的配置都在config/admin.php文件中。
后台项目文件安装完成之后,后台的安装目录为app/Admin,之后大部分的后台开发编码工作都是在这个目录下进行。
app/Admin
├── Controllers
│ ├── ExampleController.php
│ └── HomeController.php
├── bootstrap.php
└── routes.php
app/Admin/routes.php文件用来配置后台路由。
app/Admin/bootstrap.php是laravel-admin的启动文件, 使用方法请参考文件里面的注释.
app/Admin/Controllers目录用来存放后台控制器文件,该目录下的HomeController.php文件是后台首页的显示控制器,ExampleController.php为实例文件。
静态文件后台所需的前端静态文件在/public/vendor/laravel-admin目录下。
数据表结构和模型用Laravel自带的users表举例,表结构为:
users
id - integer
name - string
email - string
password - string
created_at - timestamp
updated_at - timestamp
对应的数据模型为文件 App\User.php
使用laravel-admin可以通过使用以下几步来快速生成users表的CURD操作页面:
生成控制器使用下面命令生成模型对应的控制器,这里为 App\Models\User 生成控制器(若在 windows 系统下操作,\ 改为 \)。
php artisan admin:make UserController --model=App\\Models\\User
上面的命令会创建路由器文件 app/Admin/Controllers/UserController.php 。
添加路由配置在路由配置文件 app/Admin/routes.php 中添加如下代码:
function (Router $router) {
$router->get('/', 'HomeController@index');
$router->resource('users', UserController::class); //新添加的
});
添加左侧菜单栏链接
浏览器打开 http://xxx.com/admin/auth/menu,在新增一栏填写如下信息: 访问地址 http://xxx.com/admin/users,即可看到默认样式的用户列表。
使用上述同样的方法可以依次创建其他的控制器。
通过admin:make命令创建的控制器app/Admin/Controllers/UserController.php如下:
关注
打赏
最近更新
- 深拷贝和浅拷贝的区别(重点)
- 【Vue】走进Vue框架世界
- 【云服务器】项目部署—搭建网站—vue电商后台管理系统
- 【React介绍】 一文带你深入React
- 【React】React组件实例的三大属性之state,props,refs(你学废了吗)
- 【脚手架VueCLI】从零开始,创建一个VUE项目
- 【React】深入理解React组件生命周期----图文详解(含代码)
- 【React】DOM的Diffing算法是什么?以及DOM中key的作用----经典面试题
- 【React】1_使用React脚手架创建项目步骤--------详解(含项目结构说明)
- 【React】2_如何使用react脚手架写一个简单的页面?