Développement Web, les CMS

Zigomato — Sat, 27 Nov 2021 17:48:00 +0000

A moins d’être un féru de PHP et HTML, la mise en place d’un site internet peut être fastidieuse, connaissance en langage de programmation, le mise en page, des scripts. Tout ses concepts peuvent être déroutant surtout si tu veux faire un site simple pour évoquer tes recettes de cuisine ou tout autre sujet que tu as envie de partager.

De plus, tu peux rapidement avoir des soucis pour la mise en page ou l’intégration d’outils si tes connaissances sont limitées. Limitées ne veut pas dire que tu es idiot, des personnes font de la programmation leur métier, ils vont étudier des années afin d’acquérir les compétences notamment pour créer et/ou administrer et/ou gérer le contenu d’un site internet.

Heureusement, des personnes pleines de bon sens et voulant se simplifier la vie ont créées les CMS pour Content Management System (pour les anglophiles) ou Système de Gestion de Contenu (SGC pour les francophiles !!!).

CMS, c’est quoi ?

Un CMS est un système de gestion de contenu, il va permettre de mettre à disposition un ensemble d’outils pour publier et gérer du contenu que ce soit la mise en page avec bien souvent des thèmes à foison mais aussi pour l’administration de la base de données (SGBDD), les actions sur celle-ci seront gérées par le CMS.

Les CMS vont également fournir (dans la majorité des cas), une gestion des utilisateurs que ce soit en tant qu’administrateur, auteur ou lecteur avec des droits qui leur seront propres.

Parmi les CMS les plus connus, on va retrouver :

Bien que ce sont tous des systèmes de gestion de contenu, ils n’ont pas tous le même objectif, WordPress sera plus orienté blog facile à mettre en œuvre avec l’intégration de plugins divers et variés (y compris pour y ajouter une petite plateforme d’e-commerce) alors que Magento sera bien plus orienté e-commerce.

Plus en détails

Cette partie n’est pas présente pour te dégouter, cela reste très intéressant à connaître, elle est simplement faite pour te montrer comment un CMS peut être utile.

Quelque soit le type de site internet que nous voulons concevoir, nous allons avoir besoin de compétences dans différents domaines. Pour la mise en page d’un site, qu’il soit statique (avec des pages qui ne se modifieront pas une fois chargées) ou bien dynamique (avec des pages ayant une interaction avec l’utilisateur même si celui-ci n’en a pas conscience).

Vous allez avoir donc besoin de connaître au moins le XHTML qui est un langage de description avec des balises :

Mon blog

Mon super blog !

Derniers billets du blog :

Le PHP à la conquête du monde ! le 20/09/2020 à 19h38min49s

C'est officiel, l'éléPHPant a annoncé à la radio hier soir "J'ai l'intention de conquérir le monde".
Il a en outre précisé que le monde serait serait à sa botte en moins de temps qu'il n'en fallait pour dire "éléPHPant. Pas dur, ceci dit entre nous ...
Commentaires

Bienvenu sur mon blog ! le 18/09/2020 à 10h12min00s

Je vous souhaite à toutes et à tous la bienvenue sur mon blog qui parlera de ... PHP, bien sûr !
Commentaires

Cette page aura le rendu suivant dans votre navigateur :

Exemple en ayant suivi un cours sur openclassroom

Pas très beau, n’est-ce pas ?

Pour lui donner un peu plus de forme, nous devons inclure du CSS. Le CSS permettra de faire la mise en forme des balises utilisées dans le code XHTML. Sans chercher à réaliser quoi que ce soit, voici un exemple en utilisant le code HTML précédent :

body{
  background-color: green;
  margin: auto
}
h1, h2, h3{
  text-align: center;
}
h1{
  font-size: 50px;
  color: red;
}
h2{
  font-size: 40px;
}
h3{
  font-size: 30px;
}

Cela donnera un rendu (moche) de ce type :

J’espère que malgré la pauvreté de cet exemple, tu comprends que les connaissances pour écrire son site sont importantes.

Maintenant, si tu veux en plus ajouter du dynamisme à ta page, tu auras besoin d’un langage de programmation, par exemple le PHP qui sera du côté serveur, le code HTML pourra être différent en fonction de l’internaute mais une fois la page chargée, le code ne bougera plus. Pour faire simple, si tu veux simplement créer un espace membre pour afficher le nom de l’internaute qu’il aura préalablement enregistrer, sur ton serveur, tu devras écrire les lignes pour :

créer un compte
se connecter au compte
afficher les données liées au compte

L’exemple suivant, provient du site Waytolearnx.com :

Vous êtes inscrit avec succès.

Cliquez ici pour vous connecter

"; } }else{ ?>

Pour dynamiser ta page sans la recharger, tu pourras aussi utiliser le javascript, il s’agit d’un autre langage de programmation qui peut être directement utilisé dans ton navigateur sans avoir à recharger la page, voici un exemple provenant de Outils-web :

La balise section sera utilisée pour afficher le retour de la commande ajax.

Nous créons un simple bouton.

La troisième ligne permet d’importer la bibliothèque JQUERY, elle permet de simplifier l’écriture du JAVASCRIPT.

Enfin, de la même manière, nous importons notre script javascript, il est plus facile d’importer ses fichiers plutôt que de les intégrer dans sa page, cela alourdi la page et ne facilite pas la lecture.

A présent, voyons le contenu de ce fichier :

$(document).ready(function(){
	function load_html_content(){
		$.ajax({
			method: 'GET',
			url: 'informations.php',
			data: {
				'action': 'getHTMLData'
			},
			success : function(retour){
				$('#zone').html(retour);
			}
		})
	};
	$('#clickForGet').click(function(e){
		load_html_content();
	});
});

Nous allons commencer par la fin, la dernière partie permet simplement d’appeler la fonction load_html_content() lorsque nous cliquons sur le bouton possèdant l’id : clickGorGet.

Maintenant la fonction load_html_content() envoie une requête GET à l’adresse informations.php (élément url) en fournissant des données (data), cette variable s’appelle action et contient la donnée getHTMLData. A la réception du retour (fonction comprise dans .done), on affiche ce que la page informations.php retourne dans la section.

Pour finir, nous allons voir le fichier informations.php :

Ce paragraphe est présent pour vérifier que ma page est bien rechargée en AJAX';
}
?>

La condition if permet de s’assurer que la variable reçue est bien celle envoyée par le script, si c’est le cas, on écrit le paragraphe.

La méthode POST

Celle-ci est principalement utilisée pour l’envoi de donnée, il sera présenté sous forme de formulaire, voyons le fichier index.php :



	Pseudo : 

	Mot de passe :

Nous créons un simple formulaire et finissons, à l’instar de la méthode GET, par importer les scripts.

Maintenant le fichier main.js :

$(document).ready(function(){
	$('#send').click(function(e){
		e.preventDefault();
		var username = encodeURIComponent($('#username').val());
		var password = encodeURIComponent($('#password').val());
		if (username != "" && password != ""){
			$ajax({
				url : "login.php",
				type : "POST",
				data : "username=" + username + "&password=" + password
			});
			$('#zone').html("" + username + " " + password");
		} else {
			$('#zone').html("Saisie manquante");
		}
	});
});

Lorsque tu cliques sur le bouton Envoyer du formulaire, la première ligne permet d’annuler le comportement par défaut du bouton submit cela permet de laisser le script se dérouler.

Nous venons encoder les deux entrées pour sécuriser et fiabiliser l’envoi des données dans la requête.

Si une des deux entrées est manquante, nous affichons un message. Si toutes les entrées sont présentes, on envoie une requête POST à la page login.php avec les données saisies dans le formulaire.

La page login.php va contenir votre script php qui traitera les données envoyées.

Conclusion

Maintenant, entre les requêtes HTML et ajax, tu es en mesure de rendre ton site plus vivant et plus fluide.

L’article JAVASCRIPT, transmission de données en utilisant AJAX est apparu en premier sur La programmation sur le web.

PHP, la transmission de données

Zigomato — Thu, 20 May 2021 06:00:00 +0000

L’un des intérêts du PHP est de pouvoir rendre des pages web dynamique qui pourront être modifiées en fonction de l’utilisateur. La transmission de données ne se fait pas réellement en PHP, celle-ci se fait en HTML (principalement), en revanche, le traitement se fait en php (sur un serveur dont le langage est le PHP).

La transmission de données se fait en utilisant deux méthodes : GET et POST, que nous allons voir dans cet page.

L’ensemble des fichiers sont disponibles sur ce dépôt. Ils sont tous à mettre dans le même dossier (attention à l’emplacement sur un serveur.

La méthode GET

La méthode GET permet de transmettre des informations en utilisant la barre d’adresse comme ceci : https://www.google.fr/search?rlz=1C1GFR343&q=programmationsurleweb. Ce sont des données directement visible.

Lorsque l’on fait de l‘URL Rewriting, l’adresse est plus lisible : https://programmation.surleweb-france.fr/avec-quoi-creer-son-site/, mais le traitement derrière (pour simplifier) est équivalent à la méthode GET.

Voyons le contenu du fichier envoi-get.php :


	
		
		Envoi par la méthode GET
	
	
		Envoi

Les informations à envoyer sont présentes sous cette forme dans l’attribut href du lien :

A présent, le fichier php qui va réceptionner les données, c’est-à-dire reception-get.php :

Réception par la méthode GET

Bienvenu , tu as , ce n'est pas un peu vieux

La récupération se fait avec la constante $_GET qui est un tableau, les éléments de ce tableau sont identifiés par le nom des variables qui ont été transmis dans l’adresse.

Dans mon exemple, j’ai simplement intégrer le code PHP dans mon code HTML.

La méthode POST

La transmission de données par la méthode POST se fait directement dans le script sans passer par l’URL, il s’agit de la méthode la plus couramment utilisée, notamment pour les formulaires.

Comme pour la méthode GET, voyons un petit exemple, en premier lieu, le fichier envoi-post.php :


	
		
		Envoi par la méthode POST

Le but de cet article n’est pas de rentrer dans les détails des formulaires, ceux qui nous intéresse ici sont :

dans la balise form, la valeur de l’attribut method est post, la valeur de l’attribut action est la page que nous voulons atteindre.
les différentes balises input représente les données que nous voulons envoyer, il existe bien d’autres types, pour mon exemple, j’ai pris un type texte et nombre (le submit est pour exécuter le formulaire vers la page identifiée dans action)
L’attribut name des balises input sont les noms des variables
l’attribut value permet de saisir une valeur par défaut dans le champ

maintenant, voyons le fichier reception-post.php :

Réception par la méthode POST

Bienvenu , tu as , tout compte fait, ce n'est pas un peu vieux

De la même manière que nous récupérons les données avec la constantes $_GET, avec la méthode POST, celles-ci sont récupérées avec la constante $_POST sous forme de tableau.

Conclusion

Tu es maintenant prêt à réaliser ton premier formulaire d’inscription, bien entendu, tu devras y mettre un peu de sécurité.

L’article PHP, la transmission de données est apparu en premier sur La programmation sur le web.

Archives des html - La programmation sur le web

Développement Web, les CMS

CMS, c’est quoi ?

Plus en détails

Mon super blog !

Le PHP à la conquête du monde ! le 20/09/2020 à 19h38min49s

Bienvenu sur mon blog ! le 18/09/2020 à 10h12min00s

Vous êtes inscrit avec succès.

WayToLearnX.com

S'inscrire

La méthode POST

Conclusion

PHP, la transmission de données

La méthode GET

La méthode POST

Conclusion