tutorial01.txt 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348
  1. =====================================
  2. Writing your first Django app, part 1
  3. =====================================
  4. Let's learn by example.
  5. Throughout this tutorial, we'll walk you through the creation of a basic
  6. poll application.
  7. It'll consist of two parts:
  8. * A public site that lets people view polls and vote in them.
  9. * An admin site that lets you add, change, and delete polls.
  10. We'll assume you have :doc:`Django installed </intro/install>` already. You can
  11. tell Django is installed and which version by running the following command
  12. in a shell prompt (indicated by the $ prefix):
  13. .. console::
  14. $ python -m django --version
  15. If Django is installed, you should see the version of your installation. If it
  16. isn't, you'll get an error telling "No module named django".
  17. This tutorial is written for Django |version|, which supports Python 3.10 and
  18. later. If the Django version doesn't match, you can refer to the tutorial for
  19. your version of Django by using the version switcher at the bottom right corner
  20. of this page, or update Django to the newest version. If you're using an older
  21. version of Python, check :ref:`faq-python-version-support` to find a compatible
  22. version of Django.
  23. See :doc:`How to install Django </topics/install>` for advice on how to remove
  24. older versions of Django and install a newer one.
  25. .. admonition:: Where to get help:
  26. If you're having trouble going through this tutorial, please head over to
  27. the :doc:`Getting Help</faq/help>` section of the FAQ.
  28. Creating a project
  29. ==================
  30. If this is your first time using Django, you'll have to take care of some
  31. initial setup. Namely, you'll need to auto-generate some code that establishes a
  32. Django :term:`project` -- a collection of settings for an instance of Django,
  33. including database configuration, Django-specific options and
  34. application-specific settings.
  35. From the command line, ``cd`` into a directory where you'd like to store your
  36. code, then run the following command:
  37. .. console::
  38. $ django-admin startproject mysite
  39. This will create a ``mysite`` directory in your current directory. If it didn't
  40. work, see :ref:`troubleshooting-django-admin`.
  41. .. note::
  42. You'll need to avoid naming projects after built-in Python or Django
  43. components. In particular, this means you should avoid using names like
  44. ``django`` (which will conflict with Django itself) or ``test`` (which
  45. conflicts with a built-in Python package).
  46. Let's look at what :djadmin:`startproject` created:
  47. .. code-block:: text
  48. mysite/
  49. manage.py
  50. mysite/
  51. __init__.py
  52. settings.py
  53. urls.py
  54. asgi.py
  55. wsgi.py
  56. These files are:
  57. * The outer :file:`mysite/` root directory is a container for your project. Its
  58. name doesn't matter to Django; you can rename it to anything you like.
  59. * :file:`manage.py`: A command-line utility that lets you interact with this
  60. Django project in various ways. You can read all the details about
  61. :file:`manage.py` in :doc:`/ref/django-admin`.
  62. * The inner :file:`mysite/` directory is the actual Python package for your
  63. project. Its name is the Python package name you'll need to use to import
  64. anything inside it (e.g. ``mysite.urls``).
  65. * :file:`mysite/__init__.py`: An empty file that tells Python that this
  66. directory should be considered a Python package. If you're a Python beginner,
  67. read :ref:`more about packages <tut-packages>` in the official Python docs.
  68. * :file:`mysite/settings.py`: Settings/configuration for this Django
  69. project. :doc:`/topics/settings` will tell you all about how settings
  70. work.
  71. * :file:`mysite/urls.py`: The URL declarations for this Django project; a
  72. "table of contents" of your Django-powered site. You can read more about
  73. URLs in :doc:`/topics/http/urls`.
  74. * :file:`mysite/asgi.py`: An entry-point for ASGI-compatible web servers to
  75. serve your project. See :doc:`/howto/deployment/asgi/index` for more details.
  76. * :file:`mysite/wsgi.py`: An entry-point for WSGI-compatible web servers to
  77. serve your project. See :doc:`/howto/deployment/wsgi/index` for more details.
  78. The development server
  79. ======================
  80. Let's verify your Django project works. Change into the outer :file:`mysite` directory, if
  81. you haven't already, and run the following commands:
  82. .. console::
  83. $ python manage.py runserver
  84. You'll see the following output on the command line:
  85. .. parsed-literal::
  86. Performing system checks...
  87. System check identified no issues (0 silenced).
  88. You have unapplied migrations; your app may not work properly until they are applied.
  89. Run 'python manage.py migrate' to apply them.
  90. |today| - 15:50:53
  91. Django version |version|, using settings 'mysite.settings'
  92. Starting development server at http://127.0.0.1:8000/
  93. Quit the server with CONTROL-C.
  94. .. note::
  95. Ignore the warning about unapplied database migrations for now; we'll deal
  96. with the database shortly.
  97. Now that the server's running, visit http://127.0.0.1:8000/ with your web
  98. browser. You'll see a "Congratulations!" page, with a rocket taking off.
  99. It worked!
  100. You've started the Django development server, a lightweight web server written
  101. purely in Python. We've included this with Django so you can develop things
  102. rapidly, without having to deal with configuring a production server -- such as
  103. Apache -- until you're ready for production.
  104. Now's a good time to note: **don't** use this server in anything resembling a
  105. production environment. It's intended only for use while developing. (We're in
  106. the business of making web frameworks, not web servers.)
  107. (To serve the site on a different port, see the :djadmin:`runserver` reference.)
  108. .. admonition:: Automatic reloading of :djadmin:`runserver`
  109. The development server automatically reloads Python code for each request
  110. as needed. You don't need to restart the server for code changes to take
  111. effect. However, some actions like adding files don't trigger a restart,
  112. so you'll have to restart the server in these cases.
  113. Creating the Polls app
  114. ======================
  115. Now that your environment -- a "project" -- is set up, you're set to start
  116. doing work.
  117. Each application you write in Django consists of a Python package that follows
  118. a certain convention. Django comes with a utility that automatically generates
  119. the basic directory structure of an app, so you can focus on writing code
  120. rather than creating directories.
  121. .. admonition:: Projects vs. apps
  122. What's the difference between a project and an app? An app is a web
  123. application that does something -- e.g., a blog system, a database of
  124. public records or a small poll app. A project is a collection of
  125. configuration and apps for a particular website. A project can contain
  126. multiple apps. An app can be in multiple projects.
  127. Your apps can live anywhere on your :ref:`Python path <tut-searchpath>`. In
  128. this tutorial, we'll create our poll app in the same directory as your
  129. :file:`manage.py` file so that it can be imported as its own top-level module,
  130. rather than a submodule of ``mysite``.
  131. To create your app, make sure you're in the same directory as :file:`manage.py`
  132. and type this command:
  133. .. console::
  134. $ python manage.py startapp polls
  135. That'll create a directory :file:`polls`, which is laid out like this:
  136. .. code-block:: text
  137. polls/
  138. __init__.py
  139. admin.py
  140. apps.py
  141. migrations/
  142. __init__.py
  143. models.py
  144. tests.py
  145. views.py
  146. This directory structure will house the poll application.
  147. Write your first view
  148. =====================
  149. Let's write the first view. Open the file ``polls/views.py``
  150. and put the following Python code in it:
  151. .. code-block:: python
  152. :caption: ``polls/views.py``
  153. from django.http import HttpResponse
  154. def index(request):
  155. return HttpResponse("Hello, world. You're at the polls index.")
  156. This is the most basic view possible in Django. To access it in a browser, we
  157. need to map it to a URL - and for this we need to define a URL configuration,
  158. or "URLconf" for short. These URL configurations are defined inside each
  159. Django app, and they are Python files named ``urls.py``.
  160. To define a URLconf for the ``polls`` app, create a file ``polls/urls.py``
  161. with the following content:
  162. .. code-block:: python
  163. :caption: ``polls/urls.py``
  164. from django.urls import path
  165. from . import views
  166. urlpatterns = [
  167. path("", views.index, name="index"),
  168. ]
  169. Your app directory should now look like:
  170. .. code-block:: text
  171. polls/
  172. __init__.py
  173. admin.py
  174. apps.py
  175. migrations/
  176. __init__.py
  177. models.py
  178. tests.py
  179. urls.py
  180. views.py
  181. The next step is to configure the global URLconf in the ``mysite`` project to
  182. include the URLconf defined in ``polls.urls``. To do this, add an import for
  183. ``django.urls.include`` in ``mysite/urls.py`` and insert an
  184. :func:`~django.urls.include` in the ``urlpatterns`` list, so you have:
  185. .. code-block:: python
  186. :caption: ``mysite/urls.py``
  187. from django.contrib import admin
  188. from django.urls import include, path
  189. urlpatterns = [
  190. path("polls/", include("polls.urls")),
  191. path("admin/", admin.site.urls),
  192. ]
  193. The :func:`~django.urls.include` function allows referencing other URLconfs.
  194. Whenever Django encounters :func:`~django.urls.include`, it chops off whatever
  195. part of the URL matched up to that point and sends the remaining string to the
  196. included URLconf for further processing.
  197. The idea behind :func:`~django.urls.include` is to make it easy to
  198. plug-and-play URLs. Since polls are in their own URLconf
  199. (``polls/urls.py``), they can be placed under "/polls/", or under
  200. "/fun_polls/", or under "/content/polls/", or any other path root, and the
  201. app will still work.
  202. .. admonition:: When to use :func:`~django.urls.include()`
  203. You should always use ``include()`` when you include other URL patterns.
  204. ``admin.site.urls`` is the only exception to this.
  205. You have now wired an ``index`` view into the URLconf. Verify it's working with
  206. the following command:
  207. .. console::
  208. $ python manage.py runserver
  209. Go to http://localhost:8000/polls/ in your browser, and you should see the
  210. text "*Hello, world. You're at the polls index.*", which you defined in the
  211. ``index`` view.
  212. .. admonition:: Page not found?
  213. If you get an error page here, check that you're going to
  214. http://localhost:8000/polls/ and not http://localhost:8000/.
  215. The :func:`~django.urls.path` function is passed four arguments, two required:
  216. ``route`` and ``view``, and two optional: ``kwargs``, and ``name``.
  217. At this point, it's worth reviewing what these arguments are for.
  218. :func:`~django.urls.path` argument: ``route``
  219. ---------------------------------------------
  220. ``route`` is a string that contains a URL pattern. When processing a request,
  221. Django starts at the first pattern in ``urlpatterns`` and makes its way down
  222. the list, comparing the requested URL against each pattern until it finds one
  223. that matches.
  224. Patterns don't search GET and POST parameters, or the domain name. For example,
  225. in a request to ``https://www.example.com/myapp/``, the URLconf will look for
  226. ``myapp/``. In a request to ``https://www.example.com/myapp/?page=3``, the
  227. URLconf will also look for ``myapp/``.
  228. :func:`~django.urls.path` argument: ``view``
  229. --------------------------------------------
  230. When Django finds a matching pattern, it calls the specified view function with
  231. an :class:`~django.http.HttpRequest` object as the first argument and any
  232. "captured" values from the route as keyword arguments. We'll give an example
  233. of this in a bit.
  234. :func:`~django.urls.path` argument: ``kwargs``
  235. ----------------------------------------------
  236. Arbitrary keyword arguments can be passed in a dictionary to the target view. We
  237. aren't going to use this feature of Django in the tutorial.
  238. :func:`~django.urls.path` argument: ``name``
  239. --------------------------------------------
  240. Naming your URL lets you refer to it unambiguously from elsewhere in Django,
  241. especially from within templates. This powerful feature allows you to make
  242. global changes to the URL patterns of your project while only touching a single
  243. file.
  244. When you're comfortable with the basic request and response flow, read
  245. :doc:`part 2 of this tutorial </intro/tutorial02>` to start working with the
  246. database.