140 lines
3.6 KiB
Markdown
140 lines
3.6 KiB
Markdown
|
# Page content
|
|||
|
|
|
|||
|
|
The layout usage of `laravel-admin` can be found in the `index()` method of the home page's layout file [HomeController.php](https://github.com/z-song/laravel-admin/blob/master/src/Console/stubs/HomeController.stub).
|
|||
|
|
|
|||
|
|
The `Encore\Admin\Layout\Content` class is used to implement the layout of the content area. The `Content::body ($element)` method is used to add page content:
|
|||
|
|
|
|||
|
|
The page code for an unfilled content is as follows：
|
|||
|
|
|
|||
|
|
```php
|
|||
|
|
public function index()
|
|||
|
|
{
|
|||
|
|
return Admin::content(function (Content $content) {
|
|||
|
|
|
|||
|
|
// optional
|
|||
|
|
$content->header('page header');
|
|||
|
|
|
|||
|
|
// optional
|
|||
|
|
$content->description('page description');
|
|||
|
|
|
|||
|
|
// add breadcrumb since v1.5.7
|
|||
|
|
$content->breadcrumb(
|
|||
|
|
['text' => 'Dashboard', 'url' => '/admin'],
|
|||
|
|
['text' => 'User management', 'url' => '/admin/users'],
|
|||
|
|
['text' => 'Edit user']
|
|||
|
|
);
|
|||
|
|
|
|||
|
|
// Fill the page body part, you can put any renderable objects here
|
|||
|
|
$content->body('hello world');
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
Method `$content->body();` can accepts any renderable objects, like string, number, class that has method `__toString`, or implements `Renderable`、`Htmlable` interface , include Laravel View objects.
|
|||
|
|
|
|||
|
|
## Layout
|
|||
|
|
|
|||
|
|
`laravel-admin` use grid system of bootstrap,The length of each line is 12, the following is a few simple examples:
|
|||
|
|
|
|||
|
|
Add a line of content:
|
|||
|
|
|
|||
|
|
```php
|
|||
|
|
$content->row('hello')
|
|||
|
|
|
|||
|
|
---------------------------------
|
|||
|
|
|hello |
|
|||
|
|
| |
|
|||
|
|
| |
|
|||
|
|
| |
|
|||
|
|
| |
|
|||
|
|
| |
|
|||
|
|
---------------------------------
|
|||
|
|
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
Add multiple columns within the line：
|
|||
|
|
|
|||
|
|
```php
|
|||
|
|
$content->row(function(Row $row) {
|
|||
|
|
$row->column(4, 'foo');
|
|||
|
|
$row->column(4, 'bar');
|
|||
|
|
$row->column(4, 'baz');
|
|||
|
|
});
|
|||
|
|
----------------------------------
|
|||
|
|
|foo |bar |baz |
|
|||
|
|
| | | |
|
|||
|
|
| | | |
|
|||
|
|
| | | |
|
|||
|
|
| | | |
|
|||
|
|
| | | |
|
|||
|
|
----------------------------------
|
|||
|
|
|
|||
|
|
|
|||
|
|
$content->row(function(Row $row) {
|
|||
|
|
$row->column(4, 'foo');
|
|||
|
|
$row->column(8, 'bar');
|
|||
|
|
});
|
|||
|
|
----------------------------------
|
|||
|
|
|foo |bar |
|
|||
|
|
| | |
|
|||
|
|
| | |
|
|||
|
|
| | |
|
|||
|
|
| | |
|
|||
|
|
| | |
|
|||
|
|
----------------------------------
|
|||
|
|
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
Column in the column：
|
|||
|
|
|
|||
|
|
```php
|
|||
|
|
$content->row(function (Row $row) {
|
|||
|
|
|
|||
|
|
$row->column(4, 'xxx');
|
|||
|
|
|
|||
|
|
$row->column(8, function (Column $column) {
|
|||
|
|
$column->row('111');
|
|||
|
|
$column->row('222');
|
|||
|
|
$column->row('333');
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
----------------------------------
|
|||
|
|
|xxx |111 |
|
|||
|
|
| |---------------------|
|
|||
|
|
| |222 |
|
|||
|
|
| |---------------------|
|
|||
|
|
| |333 |
|
|||
|
|
| | |
|
|||
|
|
----------------------------------
|
|||
|
|
|
|||
|
|
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
|
|||
|
|
Add rows in rows and add columns：
|
|||
|
|
|
|||
|
|
```php
|
|||
|
|
$content->row(function (Row $row) {
|
|||
|
|
|
|||
|
|
$row->column(4, 'xxx');
|
|||
|
|
|
|||
|
|
$row->column(8, function (Column $column) {
|
|||
|
|
$column->row('111');
|
|||
|
|
$column->row('222');
|
|||
|
|
$column->row(function(Row $row) {
|
|||
|
|
$row->column(6, '444');
|
|||
|
|
$row->column(6, '555');
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
----------------------------------
|
|||
|
|
|xxx |111 |
|
|||
|
|
| |---------------------|
|
|||
|
|
| |222 |
|
|||
|
|
| |---------------------|
|
|||
|
|
| |444 |555 |
|
|||
|
|
| | | |
|
|||
|
|
----------------------------------
|
|||
|
|
```
|
|||
|
|
|