1. Ouvrez IDEA et créez un nouveau fichier HTML :
Je l'ai nommé index01
nous Modifier le titre du formulaire :
2. Ensuite, créez un formulaire :
Tout d'abord, affichez le nom d'utilisateur et le mot de passe, et spécifiez leurs noms respectivement (sera discuté plus tard) Utilisé)
Ici, lorsque nous créons le formulaire, nous spécifions deux attributs :
action : représente l'adresse du serveur pour le formulaire soumission ;
méthode : indique la méthode de soumission, il existe deux méthodes, à savoir get et post (introduction détaillée ci-dessous
3. Ensuite, nous insérons un bouton de soumission et effectuons l'opération de soumission) ; :
Recommandations associées : "Tutoriel d'introduction à php"
Le code est le suivant :
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>表单与PHP的交互</title>
</head>
<body>
<form action="" method="get">
用户名：<input type="text" name="name">
密 码：<input type="password" name="password">
<br/>
<input type="submit" value="确认">
</form>
</body>
</html>As indiqué ci-dessus, cliquez sur Après avoir confirmé le bouton, les valeurs de nom et de mot de passe obtenues dans la barre d'adresse sont vides (le nom et le mot de passe sont les attributs de nom spécifiés lors de l'insertion de la balise
Dans ce cas, un); de nos formulaires a été créé avec succès, mais il n'a pas encore interagi avec le serveur.
4. Ensuite, nous devons interagir avec le serveur et créer un serveur
Ouvrez Eclipse, en prenant le Service.php que nous avons utilisé plus tôt comme exemple,
Le résultat en cours d'exécution est une sortie Hello World sur la page Web
Comme indiqué ci-dessus, nous devons copier l'adresse dans le résultat en cours d'exécution dans le HTML fichier dans IDEA à créer Dans l'attribut action du formulaire, il indique que l'accès au serveur se fait via cette adresse.
Exécutez à nouveau le fichier HTML et cliquez sur le bouton de confirmation :
Le résultat en cours d'exécution passera au PHP en cours d'exécution et renvoie les résultats d'exécution de PHP, complétant ainsi l'interaction initiale entre PHP et HTML.
Ensuite, trions les scripts dans l'environnement PHP :
Modifiez le script dans Eclipse comme suit :
<?php echo "用户名:".$_GET['name']."<br>密码:".$_GET['password'];
Le code ici est la syntaxe en PHP, où :
. Représente la connexion des chaînes ;
$_get['name'] : La méthode get utilisée ici est due au fait qu'en HTML, lorsque nous créons un formulaire, nous utilisons la méthode get ; Le mot de passe ici est cohérent avec les valeurs des attributs de nom correspondants en HTML.
Une fois les modifications terminées, nous exécutons à nouveau le code HTML et entrons le nom d'utilisateur et le mot de passe, comme suit :
Cliquez sur le bouton de confirmation pour soumettre, le Le résultat est le suivant :
Vous pouvez voir que pendant l'exécution, des caractères tronqués apparaissent. Cela est dû au problème d'utilisation du jeu de caractères. Il doit être ajusté :
Entrez Eclipse, comme suit :
Cela constituera une menace pour les informations personnelles de l’utilisateur. Essayons ensuite de changer la méthode de soumission. Auparavant, nous utilisions get, mais maintenant nous la modifions en post.
Changez d'abord la méthode de soumission en HTML pour publier :
Modifiez ensuite la méthode de valeur dans le langage de script PHP dans Eclipse pour publier :
Nous exécutons à nouveau :
Ici, nous voyons que les informations du nom d'utilisateur et du mot de passe n'apparaissent plus dans la barre d'adresse. C'est la différence entre les deux méthodes de soumission, qui doivent être distinguées dans le processus de candidature lui-même.
Publier est beaucoup plus sûr que recevoir. De plus, la longueur de l'adresse ne peut pas être trop longue, il y a donc une limite à la longueur de get, mais pas à celle de publication. La méthode post ne peut pas effectuer la localisation des ressources, mais la méthode get peut effectuer la localisation des ressources.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
