IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Django Python Discussion :

Insérer deux models dans une même page html sur Django


Sujet :

Django Python

  1. #1
    Membre à l'essai
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Décembre 2017
    Messages
    32
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France, Somme (Picardie)

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Décembre 2017
    Messages : 32
    Points : 21
    Points
    21
    Par défaut Insérer deux models dans une même page html sur Django
    Bonjour à tous je m'explique: j'ai créer un site de blog ou j'ai deux modèles :

    Un qui me sert à rédiger des articles sur ma page principal qui s'appel Articles et j'ai crée un autre modèle qui sera fera la meme chose que le modéle Articles que j'ai appeler Reportage sauf que j'arrive pas à afficher les deux sur la même page html qui sera ma page principal index.html mais si je les affiche séparement sur deux page html différent ça marche du coup comment faire pour afficher deux modéles sur la meme page html ?:

    Exemple mon code ci-dessous:

    Modele:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    from django.db import models
    from django.utils import timezone
     
     
    class Article(models.Model):
     
        titre = models.CharField(max_length=100)
        slug = models.SlugField(max_length=100)
        image = models.ImageField(upload_to='images')
        equipe = models.CharField(max_length=100)
        auteur = models.CharField(max_length=42)
        contenu = models.TextField(null=True)
        date = models.DateTimeField(default=timezone.now,
                                    verbose_name="Date de parution")
     
        def __str__(self):
            return self.titre
     
    class Meta:
            verbose_name = "article"
            ordering = ['date']
     
    def __str__(self):
     
            return self.titre
     
     
     
    class Categorie(models.Model):
        nom = models.CharField(max_length=30)
     
        def __str__(self):
            return self.nom
     
     
     
    class Reportage(models.Model):
     
        titre = models.CharField(max_length=100)
        slug = models.SlugField(max_length=100)
        image = models.ImageField(upload_to='images')
        equipe = models.CharField(max_length=100)
        auteur = models.CharField(max_length=42)
        contenu = models.TextField(null=True)
        date = models.DateTimeField(default=timezone.now,
                                    verbose_name="Date de parution")
     
        def __str__(self):
            return self.titre
     
    class Meta:
            verbose_name = "Reportage"
            ordering = ['date']
     
    def __str__(self):
     
            return self.titre


    Urls correspondant:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    from django.contrib import admin
    from django.urls import path
    from django.conf.urls import url
    from django.urls import register_converter
    from blog import views
    from django.conf import settings
    from django.conf.urls.static import static
    #from blog import converters
     
    urlpatterns = [
     
    path('Accueil/', views.P_accueil, name='P_accueil'),
    path('reportage/', views.P_reportage, name='P_reportage'),
    path('article/<int:id>-<slug:slug>$', views.lire, name='lire'),
     
    path('reportage/<int:id>', views.lirereportage, name='lirereportage'),
     
     ] + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
    La views qui correspond:


    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    from django.shortcuts import render
    from django.template import loader
    from django.http import HttpResponse
    from blog.models import Article, Reportage
    from django.shortcuts import render, get_object_or_404
    from django.core.paginator import Paginator
     
     
     
    def P_accueil(request):
     
        article_list = Article.objects.all()
        paginator = Paginator(article_list, 6) # affiche les x premiere article dans une page
        page = request.GET.get('page')
        articles = paginator.get_page(page)
     
        return render(request,'blog/index.html',{'articles': articles })
     
     
    def lire(request, id, slug):
        article = get_object_or_404(Article, id=id, slug=slug)
        return render(request, 'blog/article.html', {'article':article})
     
     
    def P_reportage(request):
     
        reportage_list = Reportage.objects.all()
        paginator = Paginator(reportage_list, 3) # affiche les x premiere article dans une page
     
        page = request.GET.get('page')
        reportages = paginator.get_page(page)
     
        return render(request,'blog/reportage.html',{'reportages': reportages })
     
     
    def lirereportage(request, id, slug):
        reportage = get_object_or_404(Reportage, id=id, slug=slug)
        return render(request, 'blog/articlereportage.html', {'reportage':reportage})


    Et sur ma page index.html je fait pour Articles ceci


    Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
        {% for article in articles %}
     
            <div id="cadre" class="card mb-4">
     
                <h2 id="titre2" class="card-title">{{ article.titre }}</h1>
     
               <center> <img class="image_article" src="{{ article.image.url}}" ></center>
     
                <div class="card-body">
     
                <div class="article">
     
                  <p class="paragraphe">{{ article.contenu|truncatewords:60 }}</p>
     
                </div>  
     
                  <a href="{% url 'lire' id=article.id slug=article.slug %}" class="btn btn-primary">Lire la suite &rarr;</a>
     
                </div>
     
                <div class="card-footer text-danger">
     
                  {{article.equipe}} - Le {{article.date}} par {{article.auteur}}
     
                </div>
     
            </div>
     
        {% endfor %}
     
    Et pour Reportage ceci:
     
     {% for reportage in reportages %}
     
    <div id="tourdossier" class="card" style="width: 19rem;">
     
      <center> <img class="imageReportage" src="{{ reportage.image.url}}" > </center>
     
      <div class="card-body">
     
        <h5 id="titreReportage" class="card-title">{{ reportage.titre }}</h5>
     
        <p class="card-text">{{ reportage.contenu|truncatewords:60 }}</p>
     
        <a href="{% url 'lirereportage' id=reportage.id slug=reportage.slug %}" class="btn btn-primary">Lire la suite</a>
     
      </div>
     
    </div>
     
    {% endfor %}

    Mais reportage ne veut pas du tout s'afficher car je doit avoir une erreur dans ma views

  2. #2
    Membre du Club
    Homme Profil pro
    Étudiant
    Inscrit en
    Juillet 2016
    Messages
    98
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 33
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Juillet 2016
    Messages : 98
    Points : 64
    Points
    64
    Par défaut
    Voulez-vous qu'il affiche la liste des articles et la liste des reportages sur la même page?

  3. #3
    Membre à l'essai
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Décembre 2017
    Messages
    32
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France, Somme (Picardie)

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Décembre 2017
    Messages : 32
    Points : 21
    Points
    21
    Par défaut
    Oui c'est exactement ca j'aimerais qu'il s'affiche sur la même page

  4. #4
    Expert éminent sénior
    Homme Profil pro
    Architecte technique retraité
    Inscrit en
    Juin 2008
    Messages
    21 517
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Manche (Basse Normandie)

    Informations professionnelles :
    Activité : Architecte technique retraité
    Secteur : Industrie

    Informations forums :
    Inscription : Juin 2008
    Messages : 21 517
    Points : 37 135
    Points
    37 135
    Par défaut
    Salut,

    Citation Envoyé par bylka423 Voir le message
    du coup comment faire pour afficher deux modéles sur la meme page html ?:
    Dans le code que vous avez posté, c'est render(request, 'blog/reportage.html', {'reportages': reportages }) qui construit la page HTML.

    Pour construire une page avec les deux, il va falloir construire les deux listes (à partir des Models), les passer à render avec le template HTML qui va bien.
    Puis réfléchir à la requête qui va induire cette réponse là du serveur.

    Pour les détails, tout est dans les tutos. de Django.

    - W

  5. #5
    Membre à l'essai
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Décembre 2017
    Messages
    32
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France, Somme (Picardie)

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Décembre 2017
    Messages : 32
    Points : 21
    Points
    21
    Par défaut
    Merci de ta réponse

    as tu un lien vers un tuto stp car j'arrive pas a à voir comment faire ça,

    Cordialement,

  6. #6
    Expert éminent sénior
    Homme Profil pro
    Architecte technique retraité
    Inscrit en
    Juin 2008
    Messages
    21 517
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Manche (Basse Normandie)

    Informations professionnelles :
    Activité : Architecte technique retraité
    Secteur : Industrie

    Informations forums :
    Inscription : Juin 2008
    Messages : 21 517
    Points : 37 135
    Points
    37 135
    Par défaut
    Citation Envoyé par bylka423 Voir le message
    as tu un lien vers un tuto stp car j'arrive pas a à voir comment faire ça
    Django vient avec son propre tuto. que la communauté des développeurs a pris la peine de traduire en différentes langues y compris le français.

    Ce n'est pas une collection de recettes de cuisine à appliquer mais un voyage dans les différentes fonctionnalités de Django à connaître pour pouvoir réaliser ce que vous voulez (et bien d'autres choses encore).

    Et si celui ci ne vous convient pas, un peu de recherche sur Internet vous donnera l'adresse de nombreux autres tutos.

    - W

  7. #7
    Membre à l'essai
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Décembre 2017
    Messages
    32
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France, Somme (Picardie)

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Décembre 2017
    Messages : 32
    Points : 21
    Points
    21
    Par défaut
    Merci pour ton lien

    Finalement j'ai enfin réussi,

    Merci encore de ton aide en tous cas.

Discussions similaires

  1. Deux requêtes dans une même page
    Par Trezegoals dans le forum Doctrine2
    Réponses: 0
    Dernier message: 15/04/2013, 10h18
  2. [Dojo] Insérer plusieurs DataGrid dans une même page
    Par Lnhab dans le forum Bibliothèques & Frameworks
    Réponses: 3
    Dernier message: 06/10/2009, 01h21
  3. 2 link colors différentes dans une même page html?
    Par socket77 dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 11/03/2008, 23h41
  4. Deux formulaires différents dans une même page
    Par zabdaniel dans le forum Langage
    Réponses: 3
    Dernier message: 14/01/2008, 21h31
  5. [AJAX] deux requetes ajax dans une même page
    Par mitmit dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 02/05/2007, 13h52

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo