Контакт регистрация бесплатно новая страница: быстрая регистрация ВК, создание новой страницы

Теперь, когда все настроено, мы можем запустить автоматические миграции для создания необходимых таблиц. и столбцы в базе данных.

В вашем терминале запустите:

Показать код Изменить в песочнице

• терминал

             php ремесленник миграция
        
     

После обновления базы данных вы должны увидеть новые таблицы и столбцы.

Laravel включает простой метод, который позволяет заполнить вашу базу данных тестовыми данными.

В вашем терминале запустите:

Показать код Изменить в песочнице

• терминал

             База данных ремесленника PHP: семя
        
     

После обновления базы данных вы должны увидеть тестовые данные.

Запустить приложение

Теперь пришло время запустить наше приложение. В консоли выполните следующую команду:

Показать код Изменить в песочнице

• терминал

             php ремесленник служить
        
     

Примечание. Приложение запустится на порту 8000.

Применение

Наш шаблон предоставляет несколько функций для вашего приложения из коробки:

1.

Полная версия приложения доступна только авторизованному пользователю (пользователь admin также имеет доступ к панели управления пользователями). Приложение использует файлы cookie на основе аутентификация.

После выхода файлы cookie будут удалены, а пользователь будет перенаправлен на страницу входа/регистрации. страница.

Вы можете добавить нового пользователя, заполнив регистрационную форму. Чтобы создать пользователя с правами администратора priveleges, вам нужно вручную добавить пользователя с определенным role_id в пользователей таблиц в базе данных.

Каждый пользователь может обновить свой профиль (аватар, имя пользователя, пароль), отправив форму в Просмотр профиля пользователя.

Пользователь с правами администратора может обновлять информацию о других пользователях.

По умолчанию

Приложение задает данные по умолчанию при первоначальной миграции. Вы можете изменить настройки по умолчанию в файл базы данных/сидеров/DatabaseSeeder.php .

По умолчанию сидер создаст пять обычных пользователей со случайными данными и одного администратора. со следующими полномочиями:

Показать код Изменить в песочнице

• По умолчанию

            
            {
              имя: "Админ",
              электронная почта: "admin@mdbootstrap. com",
              пароль: "mdbootstrap",
              идентификатор роли: 1
            }
          
        
     

• Администратор (идентификатор: 1)
• Пользователь (идентификатор: 2)

Пять случайно сгенерированных записей, используемых в диаграмме и таблице в представлении «Панель управления».

Внутренние функции

Моделей, доступных в вашем приложении из коробки:

• Пользователи
• Роль
• Данные трафика

Контроллеры:

• LoginController - управление входом пользователя
• RegisterController — управление регистрацией пользователей
• DashboardController — рендеринг панели мониторинга
• ProfileController — отображение профиля пользователя, обновление данных профиля управление
• UsersController - отрисовка вида панели администратора, управление обновлениями пользовательских данных

Функции внешнего интерфейса

1.

просмотров для вашего приложения:

• Индекс - Формы входа и регистрации
• Приборная панель — Общая приборная панель
• UserProfile — Управление данными пользователя и паролями
• Управление пользователями - Панель администратора

• /mdb - MDB 5 файлов
• /js - файлы js для представлений
• /CSS - css файлы для представлений

Интеграция Bootstrap 5 с Node.js и Express.js

Панель администратора + Node.js + Express.js

Интеграция с MDB — панель администратора, созданная с использованием последней версии Bootstrap 5, Node.js, Express.js и Material Design

Интеграция панели администратора с последними версиями Bootstrap 5, Node. js и Express.js. Различные примеры реализации, backend и frontend функции и многое другое.

Предпосылки

Перед запуском проекта обязательно установите следующие утилиты:

• Узел LTS (рекомендуется 12.x.x)
• Редактор кода. Мы рекомендуем VSCode

Установка

Чтобы установить проект, выполните следующие действия:

• Скачайте и разархивируйте Расширенный пакет
• Запустите терминал в каталоге /integrations/admin-dashboard-node-express , помещается внутрь пакета
• Введите npm, установите в терминал

Установка базы данных

Для работы с базой данных нам понадобится утилита веб-сервера. Мы рекомендуем XAMPP. Имейте в виду, что только Необходимы модули Apache и MySQL. Вот руководство:

• Установите XAMPP и запустите от имени администратора
• Убедитесь, что модули Appache и MySQL запущены
• MySQL должен работать на порту 3306 (это опция по умолчанию)
• Перейдите на страницу phpmyadmin (кнопка Admin в разделе MySQL) и создайте новая база данных с именем mdb_admin_dashboard_node
• Если вы хотите изменить конфигурацию базы данных MySQL, обновите файл .env в панели администратора. корневая директория. Он содержит конфигурацию вашей базы данных и порта приложения. Значения по умолчанию находятся:
  • DB_HOST=локальный
  • DB_NAME=mdb_admin_dashboard_node
  • DB_USER=корень
  • DB_PASS=
  • ПОРТ=3000

Запустить приложение

Чтобы запустить проект, выполните следующие действия:

• Запустите терминал в каталоге /integrations/admin-dashboard-node-express
• Введите npm start в терминале
• Приложение должно создать некоторые записи базы данных по умолчанию и вернуть сообщение: Сервер работает на порту 3000.
• Теперь вы можете открыть страницу http://localhost:3000/ в браузере

Применение

Основной вид (пользователь, не вошедший в систему):

• Панель с формой входа для уже зарегистрированных пользователей. По умолчанию есть два пользователя:
  • электронная почта : [email protected], пароль : mdbootstrap, роль : Администратор
  • электронная почта : [email protected], пароль : mdbootstrap, роль : Пользователь
• Панель с регистрационной формой с проверкой на стороне клиента и сервера.

Панель управления (зарегистрированный пользователь):

• Пример контента с некоторой SEO-статистикой. Последний график и таблица заполнены данными из таблицы MySQL с именем traffic_data
• Sidenav со ссылками на Мой профиль и Управление пользователями (только с ролью администратора) страниц
• Панель навигации с аватаром пользователя и кнопкой выхода

Мой профиль Страница:

• Раздел с данными пользователя (имя, аватар) с возможностью редактирования
• Раздел со сменой пароля пользователя

Страница управления пользователями (только с ролью администратора):

• Раздел со всеми данными пользователей
• Возможность удалить любого пользователя
• Возможность смены ролей

По умолчанию

По умолчанию приложение создает три таблицы MySQL:

пользователей

• идентификатор
• имя
• электронная почта
• пароль
• аватар
• роль_id
• created_at
• update_at

ролей

• идентификатор
• имя
• created_at
• update_at

данные_трафика

• идентификатор
• показов
• кликов
• позиция
• created_at
• update_at

Каждая из приведенных выше таблиц по умолчанию заполняется образцами содержимого. Есть два пользователя ([email protected], [email protected]), две роли (Администратор, Пользователь) и пять случайных записи данных о трафике для панели SEO.

Внутренние функции

ORM (объектно-реляционное сопоставление):

В этом приложении мы используем Sequelize. Sequelize — это Node.js ORM на основе обещаний для Postgres. MySQL, MariaDB, SQLite и Microsoft SQL Server. Он имеет надежную поддержку транзакций, отношения, жадная и ленивая загрузка, репликация чтения и многое другое. Документацию можно найти здесь

Модели :

Модели — это сущность Sequelize. Модель — это абстракция, представляющая таблицу в вашем база данных. В Sequelize это класс, расширяющий Model. Модель рассказывает Sequelize несколько сведения об объекте, который он представляет, например, имя таблицы в базе данных и имеющиеся у нее столбцы (и их типы данных. У модели в Sequelize есть имя. Это имя не имеет быть тем же именем таблицы, которую он представляет в базе данных. Обычно модели имеют единственное число. имена (например, User), в то время как таблицы имеют имена во множественном числе (например, Users), хотя это полностью настраиваемый.

В нашем проекте есть три модельных класса: User, Role, TrafficData .

Маршруты и контроллеры :

Маршрут — это раздел кода Express, который связывает глагол HTTP (GET, POST, PUT, DELETE, и т. д.), URL-путь/шаблон и функция, которая вызывается для обработки этого шаблона. Есть несколько способов создания маршрутов. В нашем приложении мы использовали промежуточное ПО express.Router, поскольку оно позволяло нам сгруппировать обработчики маршрутов для определенной части сайта вместе и получить к ним доступ, используя общий префикс маршрута. Контроллеры представляют собой методы, которые используются для добавления модели. функциональные возможности, такие как создание, обновление или удаление экземпляров.

Промежуточное ПО :

Функции промежуточного программного обеспечения — это функции, которые имеют доступ к объекту запроса (req), ответ объект (res) и следующую промежуточную функцию в цикле запроса-ответа приложения. Следующая функция промежуточного программного обеспечения обычно обозначается переменной с именем next. ПО промежуточного слоя функции могут выполнять следующие задачи:

• Выполнить любой код
• Внести изменения в объекты запроса и ответа
• Завершить цикл запрос-ответ
• Вызов следующей промежуточной функции в стеке

Если текущая промежуточная функция не завершает цикл запрос-ответ, она должна вызвать next(), чтобы передать управление следующей промежуточной функции. В противном случае заявка будет оставлена висит.