Titel: WEBSITE-MANAGEMENT WEBAPP
Demo-Link: http://52.28.221.30/account/
Beschreibung
In diesem Projekt habe ich ein Website-Management-System entwickelt, mit dem Sie Folgendes tun können:
1: Registrieren, anmelden und Passwort wiederherstellen.
2: Laden Sie die Bilder Ihrer Website hoch, bearbeiten und löschen Sie sie.
3: Schreiben, bearbeiten und löschen Sie die Informationen Ihrer Website, z. B. „Über uns“, „Unsere Dienstleistungen“ usw.
4: Sehen und analysieren Sie Ihre Besucher- und Benutzerstatistiken. 5: Eine API zum Anmelden und Abfragen der Datenbank.
Zu den Sprachen gehören: PHP, MYSQL (PDO), Javascript, HTML5 und CSS.
ANWENDUNG:
Datenbank:
Sie benötigen XAMPP mit PHP 8+, ändern den MySQL-Benutzernamen und das Passwort in (adminui,#J4dIg0Mn4PiJm0Ck4#) bzw. ändern die Datenbankdetails in der phpmyadmin-Konfigurationsdatei, wenn Sie andere Details verwenden möchten .
Recaptcha:
Erstellen Sie in der .env-Datei die Variable SECRET_KEY und weisen Sie sie Ihrem Google-Recatcha-secrect_key zu. Ersetzen Sie außerdem in Zeile 8 in account.settings.js den site_key durch Ihren.
SMTP:
Erstellen Sie in der .env-Datei die Variablen SMTP_EMAIL und SMTP_PASS und weisen Sie sie Ihren eigenen Daten zu.
Hostvariable:
Die HOST- Variable in config.php enthält die Stammdomäne der Maschine. Ersetzen Sie sie so, dass sie mit Ihrer übereinstimmt.
Bildordnervariable:
Die Variable Img_folder in config.php enthält den Ordner zum Speichern von Bildern. Ersetzen Sie ihn so, dass er mit Ihrem übereinstimmt.
MAX REG-Variable:
Die Variable MAX_REG in config.php enthält die Anzahl der Benutzer (Administratoren), die Sie zulassen möchten.
Verfolgung der Besucherstatistiken
Fügen Sie require_once('includes/tracking.php'); oben in login.php oder einer anderen Seite/Datei Ihrer Wahl können Sie auch eine Anfrage an *yourdomain/account/tracking.php stellen, um einen Besuch aufzuzeichnen.
DATEIEN:
config.php :
Diese Datei besteht aus den globalen Variablen und der Datenbankinitialisierung.
Funktionen.php :
In dieser Datei befinden sich alle gemeinsam genutzten Funktionen. Sie erfordert die Funktionalitäten von config.php .
index.php :
Dies ist der Haupthalter für alle Seiten. Er wechselt zwischen den Seiten entsprechend dem Wert der Aktion und der Unteraktion aus den URL-Parametern Aktion und Unteraktion . Er erfordert die Funktionalitäten von „functions.php“ , „includes/actions.php“ und „includes/header“. .php , Includes/footer.php .
login.php :
Diese Datei enthält die Login-Authentifizierungslogik und erfordert die Funktionalitäten von „functions.php“ .
logout.php :
Wenn Sie diese Datei zur Sitzungszerstörung und zum Abmelden des Benutzers verwenden, sind die Funktionen von „functions.php“ erforderlich.
Recover-Passwort.php :
Diese Datei dient der Passwortwiederherstellung und erfordert die Funktionalitäten von „functions.php“ .
signup.php :
Diese Datei enthält die Anmeldeauthentifizierungslogik und erfordert die Funktionalitäten von „functions.php“ .
Tracking.php :
Diese Datei dient der Verfolgung und Aufzeichnung der Informationen eines Besuchers über seine IP und erfordert die Funktionalitäten von „functions.php“ .
api.handledata.php :
Diese Datei enthält alle Datenmanipulationslogiken wie das Hochladen, Bearbeiten und Löschen von Daten und erfordert die Funktionalitäten von „functions.php“ .
js/account.settings.js :
Diese Datei enthält die Javascript-Logik und -Funktionen wie Google Recaptcha, das Senden von XML-Anfragen an das Backend, Seiteninteraktionen, die Aufzeichnung der prozentualen Differenz zwischen Benutzern und Besucherstatistiken und erfordert einige Funktionen von Includes/footer.php .
css/account.style.css :
Diese Datei enthält den gesamten Stil dieses Programms.
include/actions.php :
Diese Datei enthält die Funktionen zum Anordnen und Anzeigen des HTML-Codes der Seite und ihrer Daten, wie in index.php festgelegt. Sie erfordert einige Funktionen von Functions.php .
include/header.php :
Diese Datei enthält die Funktionen zum Anzeigen der Header- und Header- Teile der gesamten Website. Sie erfordert einige Funktionalitäten von „functions.php“ und „includes/tags.php“ .
include/tags.php :
Diese Datei enthält alle HTML- Meta-Tags und Dateilinks, die im Kopfteil der gesamten Website hinzugefügt werden sollen, damit einzelne Seiten einen eigenen Titel haben können.
Includes/footer.php :
Diese Datei enthält den gesamten Fußzeilenteil des HTML und etwas Javascript der gesamten Website.
Bilder :
Dieser Ordner enthält alle hochgeladenen Bilder.
Verkäufer :
Dieser Ordner enthält einige PHP-Plugins wie Autoload und Symphony.
Composer.lock & Comsposer.json :
Dies ist ein PHP-Paket zum Installieren von Paketen und Plugins.
So verwenden Sie die API
Login
Um sich anzumelden, müssen Sie zunächst ein Konto auf der Webseite erstellen, dann die E-Mail-Adresse und das Passwort als JSON-Daten angeben, z. B. {"email": "[email protected]", "password": "testing12345"}, und eine Post-Anfrage senden Gehen Sie zu http://52.28.221.30/account/api/login.php und Sie erhalten ein Token ( das Token läuft in 48 Stunden ab ). Beispielantwort const data = {"success":true,"message": "Anmeldung erfolgreich", "access_token": "ac9e4fd897999fa3419bec77718de76c"}. Mit dem Zugriffstoken können Sie grobe Operationen durchführen.
Rohoperationen
Dieser Zugriff ist nur für angemeldete Benutzer möglich. Dazu müssen Sie eine Post- Anfrage an http://52.28.221.30/account/handledata.php senden
Header: Damit dieser Vorgang erfolgreich ist, müssen Sie einen Header mit dem Zugriffstoken als Autorisierung festlegen, z. B. const HEADERS = {"Content-Type": "application/json", "Authorisation": "Bearer a3f714e812578a46d97f703ed2a99b59" }.
Anforderungstext: Es gibt zwei Hauptoperationen: Bilder und Texte. Sie sollten JSON-Daten entsprechend der Operation bereitstellen.
Bilder:
Bilddaten : const data = {"data": [{"old_name": "example.extension", "image_name": "example.extension", "image_blob": "enthält die Bild-Base64-Daten", "xtension":to angegeben werden, wenn operation=upload}],"origin": "api_req", "type": "image", "category": "galleries", „sub_category“: „anzugeben (Site-Bilder, Tätowierungen, Gemälde)“, „operation“: „anzugeben (bearbeiten, löschen, hochladen)“, „state“: „geändert“}
Texte:
Textdaten : const data = {"data": muss angegeben werden,"origin": "api_req", "type": "textual", "category": "about/services", "sub_category": "muss angegeben werden" ,„Operation“: „muss angegeben werden“, „Status“: „geändert“}
Daten abrufen: Um Daten abzurufen, senden Sie eine Get -Anfrage an http://52.28.221.30/account/api/readdata.php und geben Sie dabei die Aktion , die Unteraktion , die Seite und das Limit an.
z. B. Anfrage : http://52.28.221.30/account/api/readdata.php?action=galleries&sub=site-images&page=0&limit=4,
Beispiel: Antwort : {'success': True, 'page': '0', 'limit': '4', 'total_data_count': 12, 'data_count': 4, 'data': [{'img_url': 'http ://127.0.0.1/backend/account/images/site-images/favicon-sm.ico'}, {'img_url': 'http://127.0.0.1/backend/account/images/site-images/favicon-lg.ico'}, {'img_url': 'http://127.0.0.1/backend/account/images/site-images /23891556799905703.png'}, {'img_url': 'http://127.0.0.1/backend/account/images/site-images/youtube-circle-black.png'}]}
