davidbgk
/
larlet-fr-david
Watch 1
Star 0
Fork 0
Code Releases 0 Activity
Repository with sources and generator of https://larlet.fr/david/ https://larlet.fr/david/
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
244 Commits
1 Branch
Tree: f16aada5e3
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'f16aada5e3'
${ noResults }
larlet-fr-david/david/biologeek/archives/20060617-redaction-de-votre.../index.html

index.html 35KB
Raw Blame History

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581 
  1. <!doctype html>

  2. <html lang=fr>

  3. <head>

  4.   <!-- Always define the charset before the title -->

  5.   <meta charset=utf-8>

  6.   <title>Rédaction de votre première appli Django, partie 4 : Conception d&#39;un formulaire et vues génériques — Biologeek — David Larlet</title>

  7.   <!-- Define a viewport to mobile devices to use - telling the browser to assume that the page is as wide as the device (width=device-width) and setting the initial page zoom level to be 1 (initial-scale=1.0) -->

  8.   <meta name="viewport" content="width=device-width, initial-scale=1"/>

  9.   <!-- Fake favicon, to avoid extra request to the server -->

  10.   <link rel="icon" href="data:;base64,iVBORw0KGgo=">

  11.   <link type="application/atom+xml" rel="alternate" title="Feed" href="/david/log/" />

  12.   <link rel="manifest" href="/manifest.json">

  13.   

  14.   <link rel="stylesheet" href="/static/david/css/larlet-david-_J6Rv.css" data-instant-track />

  15.   

  16.   <noscript>

  17.     <style type="text/css">

  18.       /* Otherwise fonts are loaded by JS for faster initial rendering. See scripts at the bottom. */

  19.       body {

  20.         font-family: 'EquityTextB', serif;

  21.       }

  22.       h1, h2, h3, h4, h5, h6, time, nav a, nav a:link, nav a:visited {

  23.         font-family: 'EquityCapsB', sans-serif;

  24.         font-variant: normal;

  25.       }

  26.     </style>

  27.   </noscript>

  28.   

  29.   <!-- Canonical URL for SEO purposes -->

  30.   <link rel="canonical" href="https://larlet.fr/david/biologeek/archives/20060617-redaction-de-votre-premiere-appli-django-partie-4-conception-d-un-formulaire-et-vues-generiques">

  31. 

  32. </head>

  33. <body>

  34.   <div>

  35.     

  36.     <header>

  37.       <nav>

  38.         <p>

  39.           <small>

  40.             Je suis <a href="/david/" title="Profil public">David Larlet</a>, <a href="/david/pro/" title="Activité professionnelle">artisan</a> du web qui vous <a href="/david/pro/accompagnement/" title="Activité d’accompagnement">accompagne</a><span class="more-infos"> dans l’acquisition de savoirs pour concevoir des <a href="/david/pro/produits-essentiels/" title="Qu’est-ce qu’un produit essentiel ?">produits essentiels</a></span>. <span class="more-more-infos">Discutons ensemble d’une <a href="/david/pro/devis/" title="En savoir plus">non-demande de devis</a>.</span> Je partage ici mes <a href="/david/blog/" title="Expériences bienveillantes">réflexions</a> et <a href="/david/correspondances/2017/" title="Lettres hebdomadaires">correspondances</a>.

  41.           </small>

  42.         </p>

  43.       </nav>

  44.     </header>

  45.     

  46.     

  47.   <section>

  48.     <h1 property="schema:name">Rédaction de votre première appli Django, partie 4 : Conception d&#39;un formulaire et vues génériques</h1>

  49.     <article typeof="schema:BlogPosting">

  50.       <div property="schema:articleBody">

  51.         <img src="/static/david/biologeek/images/logos/django.png" alt="vignette" style="float:left; margin: 0.5em 1em;" property="schema:thumbnailUrl" />

  52.         <p>Ce tutoriel commence là où le <a class="reference" href="https://larlet.fr/david/biologeek/archives/20060617-redaction-de-votre-premiere-appli-django-partie-3-creation-des-vues-de-l-interface-publique/">Tutoriel 3</a> s'est achevé. Nous continuons notre

  53. application de sondage en ligne et allons nous intéresser à la génération d'un

  54. formulaire simple et au ré-arrangement de notre code.</p>

  55. 

  56. <div class="section">

  57. <h1><a id="g-n-rer-un-formulaire-simple" name="g-n-rer-un-formulaire-simple">Générer un formulaire simple</a></h1>

  58. <p>Commençons par mettre à jour notre template de détail de sondage issu du dernier

  59. tutoriel de façon à ce que le template contienne un élement HTML <tt class="docutils literal"><span class="pre">&lt;form&gt;</span></tt>:</p>

  60. <pre class="literal-block">

  61. &lt;h1&gt;{{ poll.question }}&lt;/h1&gt;

  62. 

  63. {% if error_message %}&lt;p&gt;&lt;strong&gt;{{ error_message }}&lt;/strong&gt;&lt;/p&gt;{% endif %}

  64. 

  65. 

  66. &lt;form action=&quot;/polls/{{ poll.id }}/vote/&quot; method=&quot;post&quot;&gt;

  67. {% for choice in poll.choice_set.all %}

  68.     &lt;input type=&quot;radio&quot; name=&quot;choice&quot; id=&quot;choice{{ forloop.counter }}&quot; value=&quot;{{ choice.id }}&quot; /&gt;

  69. 

  70.     &lt;label for=&quot;choice{{ forloop.counter }}&quot;&gt;{{ choice.choice }}&lt;/label&gt;&lt;br /&gt;

  71. {% endfor %}

  72. &lt;input type=&quot;submit&quot; value=&quot;Voter&quot; /&gt;

  73. &lt;/form&gt;

  74. 

  75. </pre>

  76. <p>Un bref rappel :</p>

  77. <blockquote>

  78. <ul class="simple">

  79. <li>Le template ci-dessus affiche un bouton radio pour chaque choix du sondage.

  80. La valeur <tt class="docutils literal"><span class="pre">value</span></tt> de chaque bouton radio est associée à l'ID de chaque choix.

  81. Le nom <tt class="docutils literal"><span class="pre">name</span></tt> de chaque bouton radio est <tt class="docutils literal"><span class="pre">&quot;choice&quot;</span></tt>. Cela signifie que

  82. lorsque quelqu'un sélectionne l'un des boutons radio et soumet

  83. le formulaire, il envoie la donnée de type POST <tt class="docutils literal"><span class="pre">choice=3</span></tt>. C'est un

  84. formulaire HTML 101.</li>

  85. 

  86. <li>Nous avons assigné l'<tt class="docutils literal"><span class="pre">action</span></tt> du formulaire à

  87. <tt class="docutils literal"><span class="pre">/polls/{{</span> <span class="pre">poll.id</span> <span class="pre">}}/vote/</span></tt>, et nous avons mis <tt class="docutils literal"><span class="pre">method=&quot;post&quot;</span></tt>.

  88. L'utilisation de <tt class="docutils literal"><span class="pre">method=&quot;post&quot;</span></tt> (au contraire de <tt class="docutils literal"><span class="pre">method=&quot;get&quot;</span></tt>) est

  89. très importante, car le fait de soumettre ce formulaire va être à l'origine

  90. d'une modification des données du côté du serveur. À chaque fois que vous

  91. créez un formulaire qui modifie des données sur le serveur, utilisez

  92. 

  93. <tt class="docutils literal"><span class="pre">method=&quot;post&quot;</span></tt>. Cet adage n'est pas spécifique à Django, ce sont juste

  94. de bonnes pratiques de développement web.</li>

  95. </ul>

  96. </blockquote>

  97. <p>À présent, créons une vue Django qui récupère les données soumises et fait

  98. quelque chose avec. Rappelez-vous, dans le <a class="reference" href="https://larlet.fr/david/biologeek/archives/20060617-redaction-de-votre-premiere-appli-django-partie-3-creation-des-vues-de-l-interface-publique/">Tutoriel 3</a>, nous avons créé une

  99. URLconf pour l'application de sondage qui incluait cette ligne:</p>

  100. <pre class="literal-block">

  101. (r'^(?P&lt;poll_id&gt;\d+)/vote/$', 'monsite.polls.views.vote'),

  102. </pre>

  103. <p>Donc créons une fonction <tt class="docutils literal"><span class="pre">vote()</span></tt> dans <tt class="docutils literal"><span class="pre">monsite/polls/views.py</span></tt>:</p>

  104. 

  105. <pre class="literal-block">

  106. from django.shortcuts import get_object_or_404, render_to_response

  107. from django.http import HttpResponseRedirect

  108. from monsite.polls.models import Choice, Poll

  109. # ...

  110. def vote(request, poll_id):

  111.     p = get_object_or_404(Poll, pk=poll_id)

  112.     try:

  113.         selected_choice = p.choice_set.get(pk=request.POST['choice'])

  114.     except (KeyError, Choice.DoesNotExist):

  115.         # Réaffiche le formulaire de vote.

  116.         return render_to_response('polls/detail.html', {

  117.             'poll': p,

  118.             'error_message': &quot;Vous n'avez pas sélectionné de choix.&quot;,

  119.         })

  120.     else:

  121.         selected_choice.votes += 1

  122.         selected_choice.save()

  123.         # Retourne toujours un HttpResponseRedirect après validation

  124.         # des données POST. Ceci empèche que les données soient postées

  125.         # deux fois si l'utilisateur clique sur le bouton Précédent.

  126.         return HttpResponseRedirect('/polls/%s/results/' % p.id)

  127. </pre>

  128. <p>Ce code inclus des parties que nous n'avons pas encore étudiées dans ce tutoriel :</p>

  129. <blockquote>

  130. <ul>

  131. <li><p class="first"><tt class="docutils literal"><span class="pre">request.POST</span></tt> est un objet de type dictionnaire qui vous laisse accéder

  132. aux données soumises avec les mots-clé. Dans notre cas,

  133. <tt class="docutils literal"><span class="pre">request.POST['choice']</span></tt> retourne l'ID du choix sélectionné, sous forme

  134. de chaîne de caractères. Les valeurs issues de <tt class="docutils literal"><span class="pre">request.POST</span></tt> sont

  135. toujours des chaînes de caractères.</p>

  136. 

  137. <p>Notez que Django vous permet aussi d'accéder via <tt class="docutils literal"><span class="pre">request.GET</span></tt> aux

  138. données de type GET de la même façon -- mais nous utilisons explicitement

  139. <tt class="docutils literal"><span class="pre">request.POST</span></tt> dans notre code, pour nous assurer que la modification des

  140. données se fasse uniquement par un appel à POST.</p>

  141. </li>

  142. <li><p class="first"><tt class="docutils literal"><span class="pre">request.POST['choice']</span></tt> déclenchera une <tt class="docutils literal"><span class="pre">KeyError</span></tt> si <tt class="docutils literal"><span class="pre">choice</span></tt> n'a pas

  143. été obtenu par des données de type POST. Le code ci-dessus vérifie les

  144. 

  145. <tt class="docutils literal"><span class="pre">KeyError</span></tt> et réaffiche le formulaire de sondage avec un message

  146. d'erreur si <tt class="docutils literal"><span class="pre">choice</span></tt> n'a pas été donné.</p>

  147. </li>

  148. <li><p class="first">Après avoir incrémenté le compteur associé au choix soumis, le script

  149. retourne une <tt class="docutils literal"><span class="pre">HttpResponseRedirect</span></tt> à la place du <tt class="docutils literal"><span class="pre">HttpResponse</span></tt>

  150. habituel. <tt class="docutils literal"><span class="pre">HttpResponseRedirect</span></tt> prend un seul argument : l'URL

  151. vers laquelle l'utilisateur va être redirigé. Vous pouvez omettre de

  152. mentionner le « <a class="reference" href="http://">http://</a> » et le nom de domaine quand cela est possible.

  153. Cela permet à votre appli d'être portable sur différents domaines.</p>

  154. 

  155. <p>Comme le commentaire Python le souligne, vous devez toujours retourner une

  156. <tt class="docutils literal"><span class="pre">HttpResponseRedirect</span></tt> après avoir traité une donnée de type POST avec

  157. succès. Cet adage n'est pas spécifique à Django, c'est juste une bonne

  158. pratique de développement web.</p>

  159. </li>

  160. </ul>

  161. </blockquote>

  162. <p>Comme il est mentionné dans le Tutoriel 3, <tt class="docutils literal"><span class="pre">request</span></tt> est un objet

  163. <tt class="docutils literal"><span class="pre">HTTPRequest</span></tt>. Pour en savoir plus au sujet des objets <tt class="docutils literal"><span class="pre">HTTPRequest</span></tt>, lisez

  164. la <a class="reference" href="http://www.djangoproject.com/documentation/request_response/">documentation sur les requêtes et réponses</a>.</p>

  165. 

  166. <p>Après qu'un vote ait été effectué dans un sondage, la vue <tt class="docutils literal"><span class="pre">vote()</span></tt> redirige

  167. vers la page de résultats du sondage. Écrivons cette vue:</p>

  168. <pre class="literal-block">

  169. def results(request, poll_id):

  170.     p = get_object_or_404(Poll, pk=poll_id)

  171.     return render_to_response('polls/results.html', {'poll': p})

  172. </pre>

  173. <p>C'est presque la même que la vue <tt class="docutils literal"><span class="pre">detail()</span></tt> du <a class="reference" href="https://larlet.fr/david/biologeek/archives/20060617-redaction-de-votre-premiere-appli-django-partie-3-creation-des-vues-de-l-interface-publique/">Tutoriel 3</a>. La seule

  174. différence est le nom du template. Nous nous occuperons de la redondance plus

  175. tard.</p>

  176. <p>Maintenant, créons un template <tt class="docutils literal"><span class="pre">results.html</span></tt>:</p>

  177. 

  178. <pre class="literal-block">

  179. &lt;h1&gt;{{ poll.question }}&lt;/h1&gt;

  180. 

  181. &lt;ul&gt;

  182. {% for choice in poll.choice_set.all %}

  183.     &lt;li&gt;{{ choice.choice }} -- {{ choice.votes }} vote{{ choice.votes|pluralize }}&lt;/li&gt;

  184. {% endfor %}

  185. &lt;/ul&gt;

  186. </pre>

  187. 

  188. <p>À présent, rendez vous à l'adresse <tt class="docutils literal"><span class="pre">/polls/1/</span></tt> dans votre navigateur et

  189. soumettez un vote. Vous devriez voir une page de résultats qui est mise à

  190. jour à chacun de vos votes. Si vous soumettez le formulaire sans avoir spécifié

  191. de choix, vous devriez observer le message d'erreur.</p>

  192. </div>

  193. 

  194. <div class="section">

  195. <h1><a id="utilisez-les-vues-g-n-riques-moins-il-y-a-de-code-mieux-c-est" name="utilisez-les-vues-g-n-riques-moins-il-y-a-de-code-mieux-c-est">Utilisez les vues génériques : Moins il y a de code mieux c'est</a></h1>

  196. <p>Les vues <tt class="docutils literal"><span class="pre">detail()</span></tt> (du <a class="reference" href="https://larlet.fr/david/biologeek/archives/20060617-redaction-de-votre-premiere-appli-django-partie-3-creation-des-vues-de-l-interface-publique/">Tutoriel 3</a>) et <tt class="docutils literal"><span class="pre">results()</span></tt> sont ridiculeusement

  197. simples -- et, comme nous l'avons signalé plus haut, redondantes. La vue

  198. 

  199. <tt class="docutils literal"><span class="pre">index()</span></tt> (du <a class="reference" href="https://larlet.fr/david/biologeek/archives/20060617-redaction-de-votre-premiere-appli-django-partie-3-creation-des-vues-de-l-interface-publique/">Tutoriel 3</a> aussi), qui affiche une liste de sondages, est

  200. similaire.</p>

  201. <p>Ces vues correspondent à des cas courants de développement Web basic : récupérer

  202. des données de la base de données en fonction d'un paramètre passé dans l'URL,

  203. charger un template et retourner le template complété. Comme c'est si courant,

  204. Django dispose d'un raccourci, baptisé le système des « vues génériques ».</p>

  205. <p>Les vues génériques fournissent une couche d'abstraction tellement importante que

  206. vous n'avez même pas besoin de rédiger du code Python pour écrire votre appli.</p>

  207. <p>Convertissons notre application de sondage en utilisant le système des vues

  208. génériques, nous allons ainsi pouvoir supprimer une bonne partie du code que

  209. nous avons écrit précédemment. Il suffit de quelques étapes pour réaliser la

  210. conversion.</p>

  211. <div class="admonition-pourquoi-ce-r-arrangement-du-code admonition">

  212. <p class="first admonition-title">Pourquoi ce ré-arrangement du code ?</p>

  213. <p class="last">Géneralement, quand vous allez écrire une application Django, vous allez

  214. évaluer si les vues génériques sont une bonne solution à votre problème, et

  215. vous allez les utiliser dès le début sans avoir à refactoriser votre code en

  216. plein développement. Mais ce tutoriel s'est intentionnellement focalisé sur

  217. l'écriture de vues « de manière hardue » jusqu'à présent, de façon à ce que

  218. vous preniez conscience des concepts généraux.</p>

  219. 

  220. </div>

  221. 

  222. <p>Premièrement, éditez votre fichier d'URLconf polls/urls.py. Il

  223. devrait ressembler à ça, d'après les tutoriaux précédents:</p>

  224. 

  225. <pre class="literal-block">

  226. from django.conf.urls.defaults import *

  227. 

  228. urlpatterns = patterns('monsite.polls.views',

  229.     (r'^$', 'index'),

  230.     (r'^(?P&lt;poll_id&gt;\d+)/$', 'detail'),

  231.     (r'^(?P&lt;poll_id&gt;\d+)/results/$', 'results'),

  232.     (r'^(?P&lt;poll_id&gt;\d+)/vote/$', 'vote'),

  233. )

  234. </pre>

  235. 

  236. <p>Faites le ressembler à:</p>

  237. 

  238. <pre class="literal-block">

  239. from django.conf.urls.defaults import *

  240. from monsite.polls.models import Poll

  241. 

  242. info_dict = {

  243.     'queryset': Poll.objects.all(),

  244. }

  245. 

  246. urlpatterns = patterns('',

  247.     (r'^$', 'django.views.generic.list_detail.object_list', info_dict),

  248.     (r'^(?P&lt;object_id&gt;\d+)/$', 'django.views.generic.list_detail.object_detail', info_dict),

  249.     (r'^(?P&lt;object_id&gt;\d+)/results/$', 'django.views.generic.list_detail.object_detail', dict(info_dict, template_name='polls/results.html')),

  250.     (r'^(?P&lt;poll_id&gt;\d+)/vote/$', 'monsite.polls.views.vote'),

  251. )

  252. 

  253. </pre>

  254. 

  255. <p>Nous utilisons ici deux vues génériques : <tt class="docutils literal"><span class="pre">object_list</span></tt> et <tt class="docutils literal"><span class="pre">object_detail</span></tt>.

  256. Respectivement, ces deux vues rendent abstraits les concepts « d'affichage d'une

  257. liste d'objets » et « d'affichage d'une page de détails pour un type particulier

  258. d'objet ».</p>

  259. 

  260. <blockquote>

  261. <ul class="simple">

  262. <li>Chaque vue générique a besoin de connaître sur quelles données est-ce

  263. qu'elle va agir. Ces données sont fournies grâce à un dictionnaire. La

  264. clé <tt class="docutils literal"><span class="pre">queryset</span></tt> de ce dictionnaire pointe sur la liste d'objets qui doit

  265. être manipulée par la vue générique.</li>

  266. <li>La vue générique <tt class="docutils literal"><span class="pre">object_detail</span></tt> attend la valeur ID issue de l'URL qui

  267. doit être appelée <tt class="docutils literal"><span class="pre">&quot;object_id&quot;</span></tt>, nous avons donc changé <tt class="docutils literal"><span class="pre">poll_id</span></tt> en

  268. 

  269. <tt class="docutils literal"><span class="pre">object_id</span></tt> pour la vue générique.</li>

  270. </ul>

  271. </blockquote>

  272. 

  273. <p>Par défaut, la vue générique <tt class="docutils literal"><span class="pre">object_detail</span></tt> utilise un template appelé

  274. <tt class="docutils literal"><span class="pre">&lt;nom_appli&gt;/&lt;nom_module&gt;_detail.html</span></tt>. Dans notre cas, ce sera le template

  275. appelé <tt class="docutils literal"><span class="pre">&quot;polls/poll_detail.html&quot;</span></tt>. Donc, renommons <tt class="docutils literal"><span class="pre">polls/detail.html</span></tt> en

  276. 

  277. <tt class="docutils literal"><span class="pre">polls/poll_detail.html</span></tt>, et changeons la ligne <tt class="docutils literal"><span class="pre">render_to_response()</span></tt> en

  278. <tt class="docutils literal"><span class="pre">vote()</span></tt>.</p>

  279. 

  280. <p>De façon similaire, la vue générique <tt class="docutils literal"><span class="pre">object_list</span></tt> utilise un template appelé

  281. <tt class="docutils literal"><span class="pre">&lt;nom_appli&gt;/&lt;nom_module&gt;_list.html</span></tt>. Donc, renommons <tt class="docutils literal"><span class="pre">polls/index.html</span></tt> en

  282. 

  283. <tt class="docutils literal"><span class="pre">polls/poll_list.html</span></tt>.</p>

  284. 

  285. <p>Puisque nous avons plus d'une entrée dans l'URLconf qui

  286. utilisent <tt class="docutils literal"><span class="pre">object_detail</span></tt> pour l'application de sondage, nous spécifions

  287. manuellement un nom de template pour la vue des résultats :

  288. <tt class="docutils literal"><span class="pre">template_name='polls/results.html'</span></tt>. Sinon, les deux vues auraient utilisé le

  289. même template. Notez l'utilisation de <tt class="docutils literal"><span class="pre">dict()</span></tt> pour retourner un dictionnaire

  290. modifié à la place.</p>

  291. 

  292. <p>Dans les tutoriels précédents, les templates sont utilisés dans un contexte

  293. contenant les variables <tt class="docutils literal"><span class="pre">poll</span></tt> et <tt class="docutils literal"><span class="pre">latest_poll_list</span></tt>. Ici, les vues

  294. génériques nécessitent d'avoir les variables contextuelles <tt class="docutils literal"><span class="pre">object</span></tt> et

  295. 

  296. <tt class="docutils literal"><span class="pre">object_list</span></tt>. Éditez vos templates et modifiez chaque référence à

  297. <tt class="docutils literal"><span class="pre">latest_poll_list</span></tt> par <tt class="docutils literal"><span class="pre">object_list</span></tt>, et chaque référence à <tt class="docutils literal"><span class="pre">poll</span></tt> par

  298. <tt class="docutils literal"><span class="pre">object</span></tt>.</p>

  299. 

  300. <p>Vous pouvez maintenant supprimer les vues <tt class="docutils literal"><span class="pre">index()</span></tt>, <tt class="docutils literal"><span class="pre">detail()</span></tt> et

  301. 

  302. <tt class="docutils literal"><span class="pre">results()</span></tt> de <tt class="docutils literal"><span class="pre">polls/views.py</span></tt>. Nous n'en avons plus besoin -- elles ont

  303. été remplacées par les vues génériques.</p>

  304. 

  305. <p>La vue <tt class="docutils literal"><span class="pre">vote()</span></tt> est toujours requise. Néanmoins, elle doit être modifiée pour

  306. être utilisée dans les nouveaux templates et les nouvelles variables

  307. contextuelles.

  308. Changez l'appel au template <tt class="docutils literal"><span class="pre">polls/detail.html</span></tt> par <tt class="docutils literal"><span class="pre">polls/poll_detail.html</span></tt>,

  309. et passez <tt class="docutils literal"><span class="pre">object</span></tt> dans le contexte au lieu de <tt class="docutils literal"><span class="pre">poll</span></tt>.</p>

  310. 

  311. <p>Lancez le serveur et utilisez votre nouvelle appli de sondage avec les vues

  312. génériques.</p>

  313. 

  314. <p>Pour davantage de détails quant aux vues génériques, lisez la <a class="reference" href="http://www.djangoproject.com/documentation/generic_views/">documentation

  315. sur les vues génériques</a>.</p>

  316. 

  317. <p></div>

  318. <div class="section">

  319. <h1><a id="venir" name="venir">À venir</a></h1>

  320. <p>Les tutoriels s'arrêtent ici pour le moment. Mais revenez prochainement pour la

  321. suite des réjouissances :</p>

  322. <blockquote>

  323. <ul class="simple">

  324. <li>Utilisation avancée des formulaires</li>

  325. <li>Utilisation du framework RSS</li></p>

  326. <li>Utilisation du framework de cache</li>

  327. 

  328. <li>Utilisation du framework de commentaires</li>

  329. 

  330. <li>Fonctionnalités avancées d'administration : Permissions</li>

  331. 

  332. <li>Fonctionnalités avancées d'administration : Javascript</li>

  333. 

  334. <p></ul>

  335. </blockquote>

  336. <p>Vous pouvez maintenant retourner à la <a class="reference" href="https://larlet.fr/david/biologeek/archives/20060617-traduction-francaise-de-la-documentation-de-django-le-framework-web-python/">page d'accueil des traductions de la

  337. documentation de Django</a>.</p>

  338. <p>Cette traduction correspond à la révision 3589 (post 0.95).</p>

  339. </div></p>

  340.       </div>

  341.     </article>

  342.     <footer>

  343.       <h6 property="schema:datePublished">— 17/06/2006</h6>

  344.     </footer>

  345.   </section>

  346.   <section>

  347.     <div>

  348.       <h3>Articles peut-être en rapport</h3>

  349.       <ul>

  350.         <li><a href="/david/biologeek/archives/20060815-le-langage-de-template-django-pour-les-auteurs-de-templates/" title="Accès à Le langage de template Django : Pour les auteurs de templates">Le langage de template Django : Pour les auteurs de templates</a></li>

  351.         <li><a href="/david/biologeek/archives/20060715-comparaison-de-turbogears-et-django-deux-frameworks-web-python/" title="Accès à Comparaison de TurboGears et Django, deux frameworks web Python">Comparaison de TurboGears et Django, deux frameworks web Python</a></li>

  352.         <li><a href="/david/biologeek/archives/20060617-redaction-de-votre-premiere-appli-django-partie-3-creation-des-vues-de-l-interface-publique/" title="Accès à Rédaction de votre première appli Django, partie 3 : Création des vues de l&#39;interface publique">Rédaction de votre première appli Django, partie 3 : Création des vues de l&#39;interface publique</a></li>

  353.       </ul>

  354.     </div>

  355.   </section>

  356.   <section>

  357.     <div id="comments">

  358.       <h3>Commentaires</h3>

  359.       

  360. <div class="comment" typeof="schema:UserComments">

  361.     <p class="comment-meta">

  362.         <span class="comment-author" property="schema:creator">Play</span> le <span class="comment-date" property="schema:commentTime">24/06/2006</span> :

  363.     </p>

  364.     <div class="comment-content" property="schema:commentText">

  365.         <p>David, je dis &quot;chapeau&quot; ! Excellents billets ! Continues comme ça ! C'est que du bon ! Django, c'est le bien :-)</p>

  366.     </div>

  367. </div>

  368. <div class="comment" typeof="schema:UserComments">

  369.     <p class="comment-meta">

  370.         <span class="comment-author" property="schema:creator">Anthyme</span> le <span class="comment-date" property="schema:commentTime">18/07/2006</span> :

  371.     </p>

  372.     <div class="comment-content" property="schema:commentText">

  373.         <p>Je te remerci beaucoup de tes tutoriels ... ils m'ont permis d'apprendre a une vitesse exteme les bases de Django.<br />

  374. Je suis impatient de voir la suite !<br />

  375. Encore un grand Merci !</p>

  376.     </div>

  377. </div>

  378. <div class="comment" typeof="schema:UserComments">

  379.     <p class="comment-meta">

  380.         <span class="comment-author" property="schema:creator">David</span> le <span class="comment-date" property="schema:commentTime">19/07/2006</span> :

  381.     </p>

  382.     <div class="comment-content" property="schema:commentText">

  383.         <p>J'attends les autres traductions avec impatience ! Good job !</p>

  384.     </div>

  385. </div>

  386. <div class="comment" typeof="schema:UserComments">

  387.     <p class="comment-meta">

  388.         <span class="comment-author" property="schema:creator">David</span> le <span class="comment-date" property="schema:commentTime">06/09/2006</span> :

  389.     </p>

  390.     <div class="comment-content" property="schema:commentText">

  391.         <p>Bonjour, si tu  envisages une nouvelle traduction, je te propose la page sur les vues génériques, c'est vraiment pas simple à comprendre :-(<br />

  392. <a href="http://www.djangoproject.com/documentation/generic_views/" title="http://www.djangoproject.com/documentation/generic_views/" rel="nofollow">www.djangoproject.com/doc...</a><br />

  393. Sinon encore une fois très bon travail. Ton blog est la référence francophone sur Django !<br />

  394. <br />

  395. See U<br />

  396. David bis :)<br />

  397. <br />

  398. NB : à quand un tutoriel simple sur django ?<br />

  399. </p>

  400.     </div>

  401. </div>

  402. <div class="comment" typeof="schema:UserComments">

  403.     <p class="comment-meta">

  404.         <span class="comment-author" property="schema:creator">David</span> le <span class="comment-date" property="schema:commentTime">06/09/2006</span> :

  405.     </p>

  406.     <div class="comment-content" property="schema:commentText">

  407.         <p>En fait est-ce que Django peut générer un formulaire automatiquement ?<br />

  408. <br />

  409. Je m'explique je fais un petit site d'annonces. J'ai crée mon models.py pour générer ma bdd et l'auto admin du site. J'ai optimisé tout ça et l'admin du site est extra avec filtres et champ de recherche.<br />

  410. <br />

  411. Maintenant je dois faire le front-office, et je me demande comment faire la page de recherche et de résultats sans trop de galères avec les tempates, les vues et tout ce qui passe pas encore :-/<br />

  412. <br />

  413. David bis (en urgence rendu client)</p>

  414.     </div>

  415. </div>

  416. <div class="comment" typeof="schema:UserComments">

  417.     <p class="comment-meta">

  418.         <span class="comment-author" property="schema:creator">David, biologeek</span> le <span class="comment-date" property="schema:commentTime">06/09/2006</span> :

  419.     </p>

  420.     <div class="comment-content" property="schema:commentText">

  421.         <p>@David :<br />

  422. &gt; je te propose la page sur les vues génériques<br />

  423. <br />

  424. Ok, c'est noté ;-)<br />

  425. <br />

  426. &gt; NB : à quand un tutoriel simple sur django ?<br />

  427. <br />

  428. Ça arrive, j'ai ma petite idée là-dessus<br />

  429. <br />

  430. &gt; En fait est-ce que Django peut générer un formulaire automatiquement ?<br />

  431. <br />

  432. Oui, tu devrais jetter un œil à <a href="http://www.djangoproject.com/documentation/forms/" title="http://www.djangoproject.com/documentation/forms/" rel="nofollow">www.djangoproject.com/doc...</a></p>

  433.     </div>

  434. </div>

  435. <div class="comment" typeof="schema:UserComments">

  436.     <p class="comment-meta">

  437.         <span class="comment-author" property="schema:creator">DJANGOJO</span> le <span class="comment-date" property="schema:commentTime">29/01/2007</span> :

  438.     </p>

  439.     <div class="comment-content" property="schema:commentText">

  440.         <p>Bonjour,<br />

  441. <br />

  442. Voilà j'ai un petit souci et je n'arrive pas à le régler. Je suis vraiment novice avec django et on me demande de faire un petit site vite fait mais bien fait.<br />

  443. <br />

  444. En faite j'ai un MENU qui se compléte avec un sous menu. J'aimerai que quand je clique sur un menu, le sous menu s'affiche juste en dessous.<br />

  445. J'ai mis une clé primaire entre les sous menu et le menu donc j'arrive à afficher le sous menu en fonction du menu. <br />

  446. <br />

  447. Le seul problème c'est d'afficher dans la même page le sous menu.<br />

  448. <br />

  449. j'aimerai de l'aide svp.  <br />

  450. MERCI. </p>

  451.     </div>

  452. </div>

  453. <div class="comment" typeof="schema:UserComments">

  454.     <p class="comment-meta">

  455.         <span class="comment-author" property="schema:creator">Anthony</span> le <span class="comment-date" property="schema:commentTime">05/03/2007</span> :

  456.     </p>

  457.     <div class="comment-content" property="schema:commentText">

  458.         <p>Bonjour !<br />

  459. <br />

  460. Originaire du monde Java (les méchants), je dois avouer être impressionné par la performance de ce framework.<br />

  461. Un grand bravo également pour ces billets sans lesquels je ne serais certainement jamais intéressé à Django.<br />

  462. <br />

  463. J'ai une question simple :<br />

  464. &quot; vote{{ choice.votes|pluralize }} &quot;<br />

  465. Renvoie :<br />

  466. - &quot;vote&quot; pour 1 vote<br />

  467. - &quot;votes&quot; pour 2 votes et plus<br />

  468. - mais &quot;votes&quot; pour 0 vote<br />

  469. A quoi ce problème est-il dû et peut-on le contourner sans avoir à utiliser de conditions ? (je trouvais cette fonction intéressante, mais si elle ne marche pas, à quoi bon ? :)  )<br />

  470. <br />

  471. Merci d'avance et encore bravo.<br />

  472. Anthony.</p>

  473.     </div>

  474. </div>

  475. <div class="comment" typeof="schema:UserComments">

  476.     <p class="comment-meta">

  477.         <span class="comment-author" property="schema:creator">David, biologeek</span> le <span class="comment-date" property="schema:commentTime">05/03/2007</span> :

  478.     </p>

  479.     <div class="comment-content" property="schema:commentText">

  480.         <p>Salut Anthony, et bienvenue dans le monde de Django :-)<br />

  481. <br />

  482. Le mieux est d'entourer ta réponse d'un if choices.votes pour écrire une phrase adaptée du style &quot;il n'y a pas de votes&quot; qui est plus joli qu'un &quot;il y a 0 votes&quot;. D'ailleurs maintenant que je l'écris, il me semble qu'il est grammaticalement correct de mettre un &quot;s&quot; lorsque la quantité est nulle, comme dans la première phrase.</p>

  483.     </div>

  484. </div>

  485. <div class="comment" typeof="schema:UserComments">

  486.     <p class="comment-meta">

  487.         <span class="comment-author" property="schema:creator">Anthony</span> le <span class="comment-date" property="schema:commentTime">06/03/2007</span> :

  488.     </p>

  489.     <div class="comment-content" property="schema:commentText">

  490.         <p>Très correct, j'avais seulement trouvé cela étrange en jouant avec le tutorial.<br />

  491. En regardant rapidement les bug reports de Django, j'ai trouvé que les anglo-saxons avaient demandé exactement l'inverse.<br />

  492. La fonction renvoyait &quot;0 vote&quot; à l'origine, puis ils l'ont changée pour afficher &quot;0 votes&quot;, ce qui est effectivement valide, mais en anglais ^^<br />

  493. Rendez-nous Jeanne d'Arc...<br />

  494. <br />

  495. Merci pour ta réponse rapide et désolé pour ma question ;)<br />

  496. Anthony.</p>

  497.     </div>

  498. </div>

  499. <div class="comment" typeof="schema:UserComments">

  500.     <p class="comment-meta">

  501.         <span class="comment-author" property="schema:creator">JoJO</span> le <span class="comment-date" property="schema:commentTime">30/03/2007</span> :

  502.     </p>

  503.     <div class="comment-content" property="schema:commentText">

  504.         <p>Bonjour à tous !!!<br />

  505. <br />

  506. Voilà, j'ai vu qu'il y a pas mal de chose à faire du coté administration django, mais est-il possible d'avoir, pour un champ &quot;TextField&quot; une zone de texte avec possibilité de le mettre en forme, avec couleur, police , insérer une icône  ... ? En breffff comme on peut le voir dans certain forum ou genre MSN !!!<br />

  507. Pour avoir un site complétement dynamique, de pouvoir mettre le texte totalement en forme dans la partie administration !!<br />

  508. <br />

  509. Merci bien !<br />

  510. Jo</p>

  511.     </div>

  512. </div>

  513. <div class="comment" typeof="schema:UserComments">

  514.     <p class="comment-meta">

  515.         <span class="comment-author" property="schema:creator">David, biologeek</span> le <span class="comment-date" property="schema:commentTime">30/03/2007</span> :

  516.     </p>

  517.     <div class="comment-content" property="schema:commentText">

  518.         <p>@JoJO : tu devrais jeter un œil à <a href="http://code.djangoproject.com/wiki/RichTextField" title="http://code.djangoproject.com/wiki/RichTextField" rel="nofollow">code.djangoproject.com/wi...</a> ou si tu utilises les newforms à <a href="http://code.djangoproject.com/wiki/CustomWidgetsTinyMCE" title="http://code.djangoproject.com/wiki/CustomWidgetsTinyMCE" rel="nofollow">code.djangoproject.com/wi...</a><br />

  519. <br />

  520. Bonne continuation :-).</p>

  521.     </div>

  522. </div>

  523. <div class="comment" typeof="schema:UserComments">

  524.     <p class="comment-meta">

  525.         <span class="comment-author" property="schema:creator">Warflo</span> le <span class="comment-date" property="schema:commentTime">20/05/2007</span> :

  526.     </p>

  527.     <div class="comment-content" property="schema:commentText">

  528.         <p>Je me demande quand même quelque chose:<br />

  529. Django respecte le MVC ?<br />

  530. Le traitement des donnés avant d'être affichés sont sensé être fait par le Modèle.<br />

  531. Or dans Django, c'est dans la Vue que l'on traite les donnés avant de les passer au moteur de template, donc avant de définir leur mise en forme, alors que si l'on respecte le MVC, c'est dans le Modèle que les donnés sont traité.<br />

  532. Mon raisonement est-il bon ?<br />

  533. <br />

  534. </p>

  535.     </div>

  536. </div>

  537. <div class="comment" typeof="schema:UserComments">

  538.     <p class="comment-meta">

  539.         <span class="comment-author" property="schema:creator">David, biologeek</span> le <span class="comment-date" property="schema:commentTime">20/05/2007</span> :

  540.     </p>

  541.     <div class="comment-content" property="schema:commentText">

  542.         <p>Je ne suis pas un spécialiste du modèle MVC mais il faut déjà savoir que c'est MTV pour django donc les correspondances entre les noms ne sont pas vraiment les mêmes (cf. <a href="http://www2.jeffcroft.com/blog/2007/jan/11/django-and-mtv/" title="http://www2.jeffcroft.com/blog/2007/jan/11/django-and-mtv/" rel="nofollow">www2.jeffcroft.com/blog/2...</a> ).<br />

  543. <br />

  544. Concernant maintenant le traitement dans les Vues et non dans les Modèles, c'est vrai que cela ne respecte pas le MVC strict mais c'est ce qui est communément fait dans les frameworks web car le modèle joue généralement le rôle d'ORM avec la base de données (c'est d'ailleurs peut-être ce que l'on pourrait appeler traitement ce rapatriement des données). Après il faut savoir aussi que les Managers (dans les Modèles) peuvent être utilisés pour traiter en quelque sorte les données.<br />

  545. <br />

  546. On peut d'ailleurs lire sur wikipédia ( <a href="http://fr.wikipedia.org/wiki/MVC" title="http://fr.wikipedia.org/wiki/MVC" rel="nofollow">fr.wikipedia.org/wiki/MVC</a> ) : « Le MVC montre ses limites dans le cadre des applications utilisant les technologies du web, bâties à partir de serveurs d'applications. »<br />

  547. <br />

  548. Donc en conclusion le raisonnement est bon mais le fait que ce soit un framework web change un peu la donne.</p>

  549.     </div>

  550. </div>

  551. <div class="comment" typeof="schema:UserComments">

  552.     <p class="comment-meta">

  553.         <span class="comment-author" property="schema:creator">Warflo</span> le <span class="comment-date" property="schema:commentTime">21/05/2007</span> :

  554.     </p>

  555.     <div class="comment-content" property="schema:commentText">

  556.         <p>Ok, merci des précisions ;)</p>

  557.     </div>

  558. </div>

  559. 

  560.     </div>

  561.   </section>

  562. 

  563.     

  564.     <footer>

  565.       <nav>

  566.         <p>

  567.           <small>

  568.             Je réponds quasiment toujours aux <a href="m&#x61;ilto:d&#x61;vid%40l&#x61;rlet&#46;fr" title="Envoyer un email">emails</a> (<a href="/david/signature/" title="Ma signature actuelle avec possibilité de chiffrement">signés</a>) et vous pouvez me rencontrer à Montréal. <span class="more-infos">N’hésitez pas à <a href="/david/log/" title="Être tenu informé des mises à jour">vous abonner</a> pour être tenu informé des publications récentes.</span>

  569.           </small>

  570.         </p>

  571.       </nav>

  572.     </footer>

  573.     

  574.   </div>

  575.   

  576.   <script src="/static/david/js/larlet-david-3ee43f.js" data-no-instant></script>

  577.   

  578.   <script data-no-instant>InstantClick.init()</script>

  579.   

  580. </body>

  581. </html>