Zbudowany panel administracyjny za pomocą Laravel Voyager
Wymagania wstępne:
Musisz wykonać następujące zadania przed rozpoczęciem kroków tego samouczka.
- Utwórz nowy projekt Laravel o nazwie VoyagerProject. Tutaj, kompozytor został użyty do stworzenia projektu Laravel. Jeśli kompozytor nie jest instalowany wcześniej, musisz go zainstalować przed wykonaniem następującego polecenia.
$ Composer Create-Project Laravel/Laravel VoyagerProject
- Przejdź do folderu projektu.
$ CD VoyagerProject
- Wszystkie etapy tego samouczka zostały przetestowane w Laravel w wersji 9+. Sprawdź więc zainstalowaną wersję Laravela.
$ PHP Artisan --version
Konfiguracja bazy danych:
Musisz utworzyć bazę danych w MySQL, aby przechowywać dane projektu wykorzystywane w panelu administracyjnym. Wykonaj następujące zadania, aby utworzyć bazę danych i skonfiguruj bazę danych dla projektu Laravel.
- Zaloguj się do serwera MySQL i uruchom następujące polecenie SQL, aby utworzyć bazę danych o nazwie db_voyager Z monitu MySQL.
MySQL> Utwórz bazę danych db_voyager;
- Otworzyć .Env plik projektu Laravel i zainicjuj wartości dla następujących informacji na podstawie bazy danych. App_url = http: // localhost: 8000
Db_connection = mysql
Db_host = localhost
Db_port = 3306
Db_username = „nazwa użytkownika”
Db_password = „Hasło”
Db_password = „Hasło”
Zainstaluj Laravel Voyager:
Uruchom następujące polecenie kompozytora, aby pobrać pakiet Laravel Voyager.
$ Composer wymaga TCG/Voyager
Uruchom instalator Voyager:
Możesz zainstalować Laravel Voyager z danymi o manekinie lub bez. Poniższe polecenie zainstaluje Voyager Laravel bez danych manekina.
$ PHP Artisan Voyager: Zainstaluj
Poniższe polecenie zainstaluje Voyager Laravel z Dummy Data.
$ php Artisan Voyager: instaluj-z mapką
Lepiej jest zainstalować Laravel Voyager z Dummy Data, aby poprawnie przetestować panel administracyjny. Zainstaluj Laravel Voyager z danymi manekinami, wykonując powyższe polecenie.
Testowanie Laravel Voyager:
Otwórz terminal i przejdź do folderu projektu. Uruchom następujące polecenie, aby uruchomić serwer Laravel Development, który domyślnie rozpoczyna się od nr 8000 portu.
$ PHP Artisan Serve
Domyślne informacje logowania użytkownika administratora dla Laravel Voyager podano poniżej.
E -mail: [email protected]Hasło: hasło
Otwórz następujący adres URL z przeglądarki, aby otworzyć stronę logowania dla logowania administratora.
http: // 127.0.0.1: 8000/administrator
Poniższa strona pojawi się po wykonaniu powyższego URL. Podaj ważne informacje o logowaniu i kliknij ZALOGUJ SIE przycisk, aby otworzyć panel administratora. Kliknij na Zapamiętaj mnie Opcja przed kliknięciem przycisku Prześlij, aby przechowywać informacje o logowaniu.
Poniższe informacje pojawią się, jeśli login administratora zakończy się powodzeniem. Pulpit nawigacyjny administratora zawiera menu paska bocznego i zawiera informacje o role użytkownika, informacje, media, posty, strony i kategorie. Informacje będą wyświetlane na podstawie danych manekina. Prawa strona panelu administracyjnego zawiera wszystkich użytkowników, postów i informacji o stronie. Niektóre zastosowania panelu administracyjnego zostały wyjaśnione w następnej części samouczka.
Następująca strona pojawi się, jeśli użytkownik kliknie na Użytkownicy w menu bocznym lub Zobacz wszystkich użytkowników przycisk z prawej strony panelu. Użytkownik administratora może utworzyć nowego użytkownika, edytować informacje istniejącego użytkownika i usunąć jedną lub więcej informacji użytkowników. Informacje o użytkowniku administratora są tworzone domyślnie podczas instalacji Voyager. Tak więc rekord jednego użytkownika jest wyświetlany na wyjściu. Nowego użytkownika można utworzyć, klikając Dodaj nowe przycisk, a informacje wielu użytkowników można usunąć, klikając Usuwanie luzem przycisk po wybraniu użytkowników.
Poniższy formularz pojawi się po kliknięciu Dodaj nowe przycisk sekcji użytkownika. Nowy użytkownik zostanie dodany do aplikacji, jeśli użytkownik administratora kliknie przycisk Zapisz po dodaniu ważnych informacji użytkownika. Awatar użytkownika można przesłać, wybierając obraz za pomocą Przeglądać… przycisk.
Poniższe podobne informacje pojawią się, jeśli nowe konto użytkownika zostanie poprawnie utworzone w poprzednim kroku. Administrator może zmienić informacje o istniejących użytkownikach, klikając Edytować przycisk.
Jeśli użytkownik kliknie Posty na pasku bocznym lub Zobacz wszystkie posty przycisk z prawej strony, wszystkie istniejące informacje o postach zostaną wyświetlone. Domyślnie istnieją czteroposty rekordy. Użytkownik administratora może tworzyć, aktualizować i usuwać dowolny post, taki jak informacje użytkownika, które zostały wcześniej pokazane. Paginacja została zaimplementowana dla wszystkich danych tabeli, podobnie jak tabela postów zarządzana przez panel administratora. Każdy rekord posty Tabela lub inna tabela może być wyświetlana, aktualizowana i usuwana indywidualnie za pomocą za pomocą Pokaż zmiany, I Usuwać przyciski dodane z każdym rekordem.
Narzędzia I Ustawienia Opcje są dodawane na pasku bocznym do różnych celów. Poniższa strona pojawi się, jeśli użytkownik kliknie opcję Ustawienia paska bocznego. Można ustawić różne typy konfiguracji aplikacji za pomocą tej opcji.
Wniosek:
Pięknie zaprojektowany responsywny panel administracyjny dla projektu Laravel można wdrożyć bez żadnych kosztów za pomocą pakietu Laravel Voyager. Jest to więc korzystny pakiet Laravel dla niskobudżetowej aplikacji internetowej. Mam nadzieję, że użytkownicy Laravel będą mogli swobodnie dodać atrakcyjny panel administracyjny w swoim projekcie po przeczytaniu tego samouczka.