Мы можем установить Admined из NPM
npm install admined
Теперь нам нужно создать страницу с базовым html-макетем
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="csrf-token" content="{{ csrf_token() }}">
<title>Admined</title>
</head>
<body>
<div id="admined"></div>
<script src="/js/admin.js"></script>
</body>
</html>
{{ csrf_token() }} - csrf_token вашего сайта
Наконец, нам нужно создать admin.js для запуска Admined
// Импортируем admined
import 'admined';
// Создаем страницу, например: Новости
Admined.page('post', 'Новости', {
form: [
{
name: 'id',
placeholder: 'ID',
center: true,
readonly: true
},
{
name: 'category_id',
placeholder: 'Категория',
type: 'select'
},
{
name: 'name',
placeholder: 'Название'
},
{
name: 'image',
placeholder: 'Обложка',
type: 'file'
},
{
name: 'text',
placeholder: 'Текст',
type: 'text'
},
{
name: 'published',
placeholder: 'Опубликован',
type: 'switch'
},
{
name: 'created_at',
placeholder: 'Дата публикации',
description: 'Формат 2022-03-14 16:59',
type: 'datetime'
}
]
});
По аналогии дальше создаем нужные страницы
Admined.page('user', 'Пользователи', {...});