【django入门】 02 初探app、view、url、templates、static

创建APP命令

python manage.py startapp myapp

app组成介绍

image

如上图，在终端中展示树状结构——

  • windows为
tree /f
  • macOS为
tree

注册APP

settings.py中添加路径以注册
image

编辑urls

  • 从app文件夹导入views
  • 规定1个url，对应view中的1个函数
    image

编辑app目录下的views

  1. 导入HttpResponse函数
    函数所属位置很有意思，叫django.shortcuts，而不是django.views
  2. 新建自定义函数，规定所设url应当返回内容
    req是自定义变量，可以改名为“request”，等等
    image

Pycharm自动补完import

如果只记得要用的函数是HttpResponse，不记得函数所属位置
只需聚焦关键段，按下Alt + Shift + Enter，可自动填充import
image

↓↓↓

image

本地启动django

命令行启动（Ctrl + C 停止）

python manage.py runserver

Pycharm启动（结束按钮 停止）

image

返回html（编辑views.py）

from django.shortcuts import render
def url(request):
	return render(req, "index.html")

image

templates目录选取机制

当settings.py规定templates目录时

[BASE_DIR / 'templates']

优先从规定文件夹取，其次按app注册顺序，依次寻找各app下的各templates目录
image

当settings.py未规定templates目录时

[]

按各app注册顺序，依次寻找各app下的各templates目录
image

静态文件

django写法的好处是，当static文件夹移动时，只需要更新settings.py的设置一次即可，当前状态：

  1. 在app01下新建了static目录
  2. settings.py中：
STATIC_URL = 'static/'

引用图片

注意：static，空格，后跟随的是单引号，因外面已经有双引号

  • 传统写法
<img src="/static/img/1.png" alt="">
  • django写法
{% load static %}
<img src="{% static 'img/1.png' %}" alt="">

image

引用css

<head>中

<link rel="stylesheet" href="{% static 'plugins/bootstrap-3.4.1-dist/css/bootstrap.css' %}">

image

引用js

<body>中

<script src="{% static 'plugins/bootstrap-3.4.1-dist/js/bootstrap.min.js' %}"></script>

image

来源：BV1NL41157 武沛齐《2022 B站最详细django3教程(django从入门到实践)》P7-P9

posted @ 2022-02-06 17:29  navii  阅读(185)  评论(0)    收藏  举报