Comment construire une CLI Web MySQL

DEV - 24/09
La création d'un CLI Web MySQL peut être un moyen puissant de gérer votre base de données à partir de n'importe quel navigateur Web. En utilisant un ...
!DOCTYPE html

La création d'un CLI Web MySQL peut être un moyen puissant de gérer votre base de données à partir de n'importe quel navigateur Web. En utilisant une combinaison de PHP, HTML, CSS et JavaScript, vous pouvez créer une interface sécurisée, légère et conviviale qui imite un terminal traditionnel. Cet article vous guidera tout au long du processus, en utilisant le code fourni pour expliquer chaque composant et comment ils fonctionnent ensemble.

Le concept principal

Le principe fondamental de cette CLI Web est une architecture client-serveur. Le navigateur agit en tant que client, gérant l'interface utilisateur et l'entrée. Il envoie des commandes au serveur, qui est un script PHP. Le script PHP, à son tour, se connecte à la base de données MySQL, exécute la commande et renvoie le résultat au navigateur pour l'affichage.

Étape 1: Configuration du projet

Vous aurez besoin d'un serveur Web avec PHP et d'une base de données MySQL. Un environnement de développement local comme XAMPP, WAMP ou MAMP est idéal.

Commencez par créer un dossier de projet (par exemple,mysqlwebcli) dans le répertoire racine de votre serveur Web. À l'intérieur de ce dossier, vous placera tous les fichiers nécessaires.

Le projet repose sur lephpdotenvbibliothèque pour gérer les informations d'identification de la base de données sécurisées. Accédez à votre répertoire de projet dans le terminal et installez-le à l'aide du compositeur:

Le compositeur a besoin de vlucas / phpdotenv
Entrez le mode de sortie en mode plein écran

Cette commande crée unfournisseurrépertoire et unautoload.phpFichier, que vos scripts PHP utiliseront pour accéder à la bibliothèque.

Ensuite, créez un.envfichier dans le répertoire racine et ajoutez vos informations d'identification de base de données. Ce fichier maintient vos informations sensibles séparées de votre code.

.env

Db_servername = "localhost" db_username = "your_userame" db_password = "your_password" db_name = "your_database"
Entrez le mode de sortie en mode plein écran

Étape 2: Construire l'interface (HTML & CSS)

Le fichier html,index.html, fournit la structure de la CLI. Il comprend une zone de sortie de commande et une section d'entrée, stylée pour ressembler à un terminal.

index.html

CLI MySQL de style coquille
$ Bienvenue sur la CLI MySQL.
$ Type 'aide' pour voir to... 
[Courte citation de 8% de l'article original]