Les sites dynamiques

Le schéma client-serveur

Pour remédier à ces problèmes, les langages de développement côté serveur sont apparus. La principale différence est que la page web n’est plus stockée, telle qu’elle est affichée, sur l’ordinateur distant qui fait la requête au serveur. On utilise un langage qui, une fois interprété par le serveur, donne la page finale au client. Les étapes sont les suivantes : 1 Un ordinateur se connecte à un site web. 2 Le serveur qui héberge le site interprète la page demandée. 3 La page voulue est envoyée au client dans une forme compréhensible par son navigateur web. Le principal avantage de cette méthode est la possibilité d’un véritable échange entre le client et le serveur. 338 LE GUIDE COMPLET Chapitre 12 Les sites dynamiques De cette manière et en utilisant un langage complexe, vous pourrez proposer à un visiteur de véritables programmes sur le Web, à travers vos sites. Tous les sites modernes utilisent des technologies serveur. Deux principales technologies se partagent le marché : d’un côté, les solutions dites « open source », avec les outils PHP, Apache et MySQL, et de l’autre, les solutions propriétaires représentées par Microsoft, avec les technologies ASP et SQL Server. 

PHP

PHP est l’acronyme de « PHP Hypertext Preprocesseur », ce qui signifie en français « préprocesseur PHP ». Il s’agit de générer une page web au format HTML pour la rendre lisible sur un navigateur. Installer une solution PHP Pour pouvoir développer des pages web en utilisant PHP, il faut installer un serveur sur votre machine. Il existe des packs préconfigurés. Leur utilisation est à la portée de tous. En outre, les utilisateurs forment une grande communauté et sont prêts à vous apporter leur aide pour peu que vous les sollicitiez gentiment. La solution PHP tout en un la plus connue est certainement EasyPHP. En l’installant, vous disposez de tous les outils : un serveur web directement sur votre machine pour pouvoir tester vos pages, un moteur de base de données que vous pourrez utiliser avec vos pages et les outils d’administration graphiques. Pour télécharger EasyPHP, rendez-vous à l’adresse www.easyphp.org. Téléchargez le programme d’installation, lancez-le et suivez les instructions. Maintenant que votre machine est configurée pour exécuter des pages en PHP, lancez votre éditeur de texte et recopiez la page suivante : PHP Enregistrez le fichier dans le dossier www du répertoire d’installation d’EasyPHP, en lui donnant l’extension .php. Lancez maintenant votre navigateur Internet et rendre-vous à l’adresse http://localhost/nomdevotrepage/php. localhost est simplement un alias stipulant que la page est stockée sur votre serveur. Les instructions En PHP, les instructions se terminent par un point-virgule (;) en fin de ligne. Ne l’omettez pas, sous peine de rendre vos pages inutilisables. Remarquez que le code PHP est placé à l’intérieur des balises . L’utilité des technologies serveur est la réception et l’envoi de données. Vous allez voir comment procéder en recourant aux formulaires web. Utiliser les formulaires web Il est possible de déclarer des formulaires dans une page web en utilisant les balises et. Entre ces deux balises, vous pouvez placer des balises input, qui constitueront les éléments de votre formulaire.2 Sauvegardez la page au format HTML puis affichez-la dans votre navigateur. Vous disposez maintenant d’une page qui affiche trois zones de saisie de texte : Nom, Prénom et Âge. Le problème est que, pour l’instant, vous ne pouvez rien en faire. Vous allez changer cela tout de suite. 3 Ouvrez un nouveau document texte et copiez le contenu suivant : Il s’agit de la page qui sera destinée au traitement des données du formulaire. Pour récupérer ces données, il convient de les stocker en utilisant des variables. Il faut pour cela les déclarer de cette façon : $nomdelavariable=valeur. Tout comme JavaScript et Visual Basic.Net, PHP est un langage faiblement typé. Il n’est donc pas nécessaire de préciser le type des variables lorsque vous les déclarez. La valeur que vous leur affectez ici est celle qui est récupérée depuis le formulaire. En PHP, lorsqu’un formulaire est utilisé, ses variables sont stockées différemment selon la méthode utilisée pour déclarer le formulaire. Il existe deux méthodes, POST et GET, sur lesquelles nous reviendrons. Vous utilisez ici la méthode POST. Quelle que soit la méthode employée, la manière de stocker les variables du formulaire ne change pas. Elles sont enregistrées dans un tableau, chacune dans une case qui porte le nom donné à la balise input du formulaire. Le nom du tableau est toujours du type $_POST[«  »] ou $_GET[] selon la méthode utilisée. Figure 12.3 : Le questionnaire traité  Les sites dynamiques Vous appelez ensuite la fonction echo de PHP, qui permet d’afficher du texte sur une page. Il suffit de lui passer en paramètre les chaînes et les variables dont vous souhaitez afficher le contenu. 4 Il faut maintenant faire le lien entre le formulaire et son traitement. Modifiez la page d’origine conformément au modèle suivant :Il subsiste une ligne non encore décrite. Il s’agit de : Elle a pour but d’ajouter à la page de formulaire un bouton de validation qui valide les données et les envoie à la page de traitement spécifiée dans l’attribut action de la balise ouvrante du formulaire. Copiez ces deux pages dans le dossier www du répertoire d’installation d’EasyPHP. Les deux méthodes L’attribut method de la balise ouvrante du formulaire permet de spécifier si l’on souhaite utiliser la méthode POST ou GET pour transmettre les données. GET transmet les données dans l’adresse de la page. C’est le cas par exemple des données transmises à un moteur de recherche comme Google. Si vous allez sur le site et que vous faites une recherche, l’adresse de la page de résultat contiendra cette recherche. En d’autres termes, une fois que vous cliquerez sur le bouton de validation du formulaire, la page de traitement sera chargée ; son adresse PHP.

Recherche:

Dans la partie body de la page, vous déclarez un formulaire. La méthode est GET et le traitement est reporté à la page www.google.fr. Dans ce formulaire, vous ajoutez un champ de saisie de texte appelé q, puis un bouton de validation. Chargez la page dans un navigateur, entrez un ou plusieurs mots dans le champ de texte et appuyez sur le bouton de validation. Votre navigateur va charger la page de traitement du formulaire, en ajoutant les données saisies dans le champ de recherche. L’adresse chargée devient alors www.google.fr?q=mot+recherché.