Dépot Copyright

 CopyrightFrance.com

Cours Python

  1. Introduction à Python
  2. Ide Python
  3. Premier programme Python
  4. Les variables en Python
  5. Les commentaires en Python
  6. Les opérateurs Python
  7. Les fonctions en Python
  8. Structure If else... Python
  9. For While Python
  10. Formatage des chaines Python
  11. Les listes en Python
  12. Les tuples en Python
  13. Les dictionnaires en Python
  14. Les ensembles en Python
  15. POO et classes en Python
  16. Héritage en Python
  17. Les exceptions en Python
  18. Le gestionnaire des packages pip
  19. Télécharger le cours complet
  20. Les modules en Python
  21. Le module OS
  22. Module datetime Python
  23. Le module Platform
  24. Le module virtualenv
  25. Le Module PyInstaller
  26. Le module googletrans
  27. Les fichiers en Python
  28. Les fichiers ouverture & lecture
  29. Les fichiers ouverture & écriture
  30. Les fichiers CSV en Python
  31. Les Fichiers JSON En Python
  32. Fichier de configuration .ini
  33. Python & SQLite database
  34. DB Browser for SQLite
  35. Interface Graphique Tkinter
  36. Les Windgets Tkinter
  37. Bibliothèque d'images PILLOW
  38. Module de style tkinter.ttk
  39. Liste déroulante ttk Combobox
  40. le module filedialog
  41. Projet: Création éditeur de texte
  42. Bibliothèque graphique wxPython
  43. Bibliothèque graphique PyQt5
  44. Télécharger le cours complet
  45. Le module Math
  46. La bibliothèque matplotlib
  47. Le module Python statistics
  48. Bibliothèque Sympy
  49. Bibliothèques Numpy
  50. Bibliothèques Scipy
  51. Bibliothèques Pandas
  52. Bibliothèques Scikit Learn
  53. Bibliothèques TensorFlow
  54. Python Machine Learning
  55. Introduction à Django
  56. Installation de Django
  57. Premier Projet Django
  58. Interface administrateur
  59. Créer une application django
  60. Les modèles de django
  61. Templates Django
  62. Les formulaires Django
  63. Fichiers Statiques Django
  64. Upload des fichiers django
  65. Systeme Pagination Django
  66. Exercices Python: les bases
  67. Exercices Python: les classes
  68. Exercices Python: les fichiers
  69. Tous les TP Python
  70. Création Editeur de Texte en Python Partie1
  71. Carnet d'adresse en Python
  72. Formation Python-partie1

Cours Java

Développement Web

  1. Introduction au langage HTML
  2. Structure d'un document HTML
  3. Mise en forme d’un document HTML
  4. Liens hypertexte
  5. Insertion d’images
  6. Les attributs de la balise BODY
  7. Les tableaux HTML
  8. Les listes HTML
  9. Les Frames HTML
  10. Les formulaires HTML
  11. Les caractères spéciaux HTML
  12. Ressources et références HTML
  13. Exercices HTML avec correction
  1. Introduction au langage CSS
  2. Propriétés d'un sélecteur
  3. La propriété Text CSS
  4. La propriété background CSS
  5. La propriété Font CSS
  6. La propriété border CSS
  7. Propriétés margin et padding
  8. Propriétés Height & Width
  9. Class et les ID CSS

Javascript Basique
  1. Introduction au langage Javascript
  2. Variables, fonctions et operateurs Javascript
  3. Les structures de contrôle et les boucles Javascript
  4. Les événements Javascript
  5. Le modèle Objet du Javascript
  6. L'objet array Javascript
Framework JQuery
  1. Introduction au Framework jQuery
  2. Premier pas avec le framework jQuery
  3. Les Sélecteurs jQuery
  1. Introduction au langage PHP
  2. Premier programme php
  3. Variables et Fonctions php
  4. Opérateurs arithmétiques et logiques
  5. Les structures de contrôle en php
  6. Les tableaux en php
  7. Control des formulaires en php
  8. Upload des fichiers en php
  9. Gestion des dossiers et des fichiers en php
  10. Colorisation syntaxique en php
  11. Cookies php
  12. Les variables globales php
  13. Sessions php
  14. Les variables php d’environnement
  15. Les classes et la poo php
  16. La librairie php_gd2 des images
  17. Lecture d’un fichier xml en php
  18. Les expressions régulières en php
  19. Moteurs de template php : smarty et fast temp…
  1. Langage MySql
  2. Introduction au langage MySql
  3. Installation du Serveur MySql
  4. Manipulation des bases de donnée MySql
  5. Manipulation desTables MySql
  6. Insértion de données MySql
  1. Installation Wordpress
  2. Modification du theme Wordpress
  3. Installation d'un plugin
  4. Gestion des catégories
  5. Gestion des articles
  6. Gestion des menus Wordpress
  7. Gestion des pages
  8. Gestion des Plugins
  9. Gestion des Widgets
  10. Gestion des Médias
  11. Gestion des commentaires
  12. Création formulaire de contact
  13. Outil Importation & exportation
  14. Gestion des extensions
  15. Réglage et paramètres
  1. Introduction à Joomla
  2. Installation Joomla
  3. Architecture de Joomla

Base de données

Math Pour Informatique

TICE & Multimédias

Utilisateurs en ligne

Users: 39 Guests, 4 Bots

Annonces Google

Django fournit un moyen efficace et pratique pour générer et afficher des pages HTML dynamiques en utilisant son système de template (template system).

Un modèle se compose d’une partie statiques pour la sortie HTML,  ainsi que d’une syntaxe spéciale décrivant comment le contenu dynamique sera inséré.

Dans un fichier HTML, nous ne pouvons pas écrire de code python car le code n’est interprété que par l’interpréteur python et non par le navigateur. Nous savons que HTML est un langage de balisage statique, tandis que Python est un langage de programmation dynamique, pour cela on dois passer par le billet du template.

1 –  Configuration du système de template de django

Avant de configurer le système de template, il faut au préalable

  1. Créer un répertoire nommé templates à la racine de notre application myapp
  2. Créer un fichier index.html au sein du répertoire ‘templates’
myapp/templates/index.html
   <!DOCTYPE html>  
    <html>  
    <head>  
        <meta charset="UTF-8">  
        <title>Index</title>  
    </head>  
    <body>  
    <h2>Affichage du contenu via un template!!!</h2>  
    </body>  
    </html> 

Pour configurer le système de template, nous devons fournir certaines entrées dans le fichier mysite/settings.py

    TEMPLATES = [  
        {  
            'BACKEND': 'django.template.backends.django.DjangoTemplates',  
            'DIRS': [os.path.join(BASE_DIR,'templates')],  
            'APP_DIRS': True,  
            'OPTIONS': {  
                'context_processors': [  
                    'django.template.context_processors.debug',  
                    'django.template.context_processors.request',  
                    'django.contrib.auth.context_processors.auth',  
                    'django.contrib.messages.context_processors.messages',  
                ],  
            },  
        },  
    ]

Ce code mentionne au système de django que le répertoire de template est par défaut ‘templates’

2 – Chargement du template

Pour charger le template dans une application django, il suffit de l’appeler dans le fichier views.py via la méthode get_template():

myapp/views.py
from django.shortcuts import render  
#importing loading from django template  
from django.template import loader  
# Create your views here.  
from django.http import HttpResponse  
def index(request): 
        # getting our template
        template = loader.get_template('index.html')
        # rendering the template in HttpResponse  
        return HttpResponse(template.render())

3 – Variables de template django

Le système de template Django utilise une syntaxe spécifique pour utiliser et manipuler les variables, les balises, les expressions, etc.

Les variables de template sont accessibles par {{ }} (accolades doubles).

Exemple. (pour une variable nom ayant la valeur ‘Houssam’)

Bienvenue {{nom}}

Ce qui affiche à l’exécution:
Affiche à la sortie:

Bienvenue Houssam

4 – Exemple de variable de template django

Les variables de templates sont déclarées au niveau du fichier views.py et visualisées au niveau du fichier index.html du template.

Exemple

myapp/views.py
from django.shortcuts import render  
#importing loading from django template  
from django.template import loader  
# Create your views here.  
from django.http import HttpResponse  
def index(request):  
    template = loader.get_template('index.html') # getting our template  
    name = {  
        'centre':'CRMEF OUJDA'  
    } 
    # rendering the template in HttpResponse
    return HttpResponse(template.render(name)) 

La variable ‘centre’ peut être maintenant appelée au niveau du fichier index.html du template:

myapp/templates/index.html
    <!DOCTYPE html>  
    <html>  
    <head>  
        <meta charset="UTF-8">  
        <title>Index</title>  
    </head>  
    <body>  
    <h2>Affichage du contenu avec template!!!</h2>  
    <h3>Bienvenue au : {{ centre }}</h3>  
    </body>  
    </html> 

Ce qui affiche à la sortie:

5 – Les balises (tags en anglais) du template système

Dans un template, les balises (tags en anglais) fournissent une logique dans le processus de rendu. Une balise de template peut être utilisée dans les cas suivants:

  1. pour produire du contenu,
  2. servir de structure de contrôle (une instruction if ou pour une boucle),
  3. récupérer du contenu d’une base de données
  4. permettre l’accès à d’autres balises de modèle.

Les balises de template sont entourées de {% et% } et peuvent contenir n’importe quel type de structure et variable.

5.1 – Cas de la structure conditionnelle if

{% if condition %}     
Affichage des resultats 
{% else %}     
autres resultats 
{% endif %}

Exemple. structure if … else …

On définit une variable  age au niveau du fichier myapp/views.py

myapp/views.py
from django.shortcuts import render
#importing loading from django template
from django.template import loader
# Create your views here.
from django.http import HttpResponse
def index(request):
    template = loader.get_template('index.html') # getting our template
    Age = {
        'age':14,
    }
    # rendering the template in HttpResponse
    return HttpResponse(template.render(Age))

On applique la structure conditionnelle If…Else… au niveau du fichier myapp/templates/index.html

myapp/templates/index.html
    <html>
    <head>
        <meta charset="UTF-8">
        <title> Index </title>
    </head>
    <body>
    <h2> Test majeur ou mineur ! </h2>
    <h3> {% if age < 18 %}</h3>
    <p> Ton age est: {{ age }}  vous etes mineur ! </p>
        {% else %}
    <p> Ton age est: {{ age }} vous êtes majeur ! </p>
        {% endif %}
    </body>
    </html>

5.2 – La balise Pour…FinPour (for tag)

La balise for nous permet le parcourt d’une séquence. Nous pouvons utiliser la balise for pour exécuter des instructions répétées, pour  parcourir le contenu d’une liste, d’un tuple, d’un dictionnaire, etc. Voici la syntaxe de la balise for:

{% for x in list  %}
    <p>La valeur de  x est :  {{ x }}</p>
{% endfor %}

5.3 – Les commentaires

Le système de template de django permet de gérer aussi les commentaires via la syntaxe suivante:

{# Ceci est un commentaire sur une seule ligne #}

Le commentaire que vous écrivez à l’aide de cette syntaxe ne sera pas rendu dans le code source HTML. De plus, vous ne pouvez pas développer ce commentaire sur plusieurs lignes. Par exemple:

{# Ceci n'est pas
un commentaire !#}

Afin de pouvoir écrire des commentaires sur plusieurs lignes, on utilise la syntaxe suivante:

{% comment%}
Ceci est un commentaire
étalé sur
plusieurs lignes!
{% endcomment%}

 

 

Younes Derfoufi
CRMEF OUJDA

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Time limit is exhausted. Please reload the CAPTCHA.