Mise en place de templates/vues

**Aizen64** · 26/05/2015, 15h53

Bonjour,

visiblement j'ai de grosses lacunes pour comprendre la "glue" entre les templates et vues dans Django, ce qui fait que je galère rien que pour afficher un formulaire et structurer mon code.

Je m'explique, j'ai fait :
- un projet Django 1.8.2 nommé 'test_projet'
- dans ce projet une application nommé 'my_app'

Dans le dossier 'static' qui est dans le dossier principal de mon projet, j'ai extrait Bootstrap 3.3.4, il contient donc les dossiers : css, fonts, js de de Bootstrap. Aucun autre fichier n'a été ajouté à ce dossier.

Dans le dossier 'templates', j'ai créé un dossier 'default' qui contintent un fichier base.html avec le template de base de Bootstrap :

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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>Bootstrap 101 Template</title>
 
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
 
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    {% block content %}{% endblock %}
 
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
  </body>
</html>

Ma question est simpliste : comment faire pour que ce modèle serve de base à toute page que je créé dans mon application, qu'il serve de master-page en quelque sorte ?

En gros si j'ajoute un block 'content' dans cette master-page, le code de ma vue de devra qu'ajouter le contenu qui change.

Pour rappel la structure du projet ressemble à ça :
my_projet/
- my_app/
- static/
-- css/
-- fonts/
-- js/
- templates/
-- default/
--- base.html // template bootstrap de base
--- index.hml // fichier devant hériter du template bootstrp avec seulement les blocks qui changent

**Fench** · 29/05/2015, 17h27

Bonjour, au début de tes fichiers de template, tu ajoutes

{% extends "base.html" %}

**Aizen64** · 01/06/2015, 21h39

J'ai finalement réussi à réorganiser la structure de l'ensemble, merci à toi. L'extension Python for Visual Studio m'a aussi bien aidé avec leur projet de base.

J'avais d'autres questions plus basées architecture, je vais faire court, il se fait tard :
- comment bien structurer un projet pour isoler les transactions à une base de données et également l'utilisation de services web ?

Mon approche serait de créer une classe dédiée uniquement à ce type d'opération : une couche data/services ou une pour chaque. Hors de question d'utiliser l'ORM, y a rien de pire pour générer du SQL crasseux et flinguer la structure d'une base de données.

Mise en place de templates/vues

Django Python

Discussions similaires

Partager

Partager