坑:
-
写入 html 前必须在 setting.py 中的 TEMPLATES 注册模板路径,否则 render 无法挂载模板。
image.png
根据报错分析可知,最终错误点在于:
raise TemplateDoesNotExist(template_name, chain=chain)
很明显错误说明模板是不存在的,为什么会报这个?我已经指明了绝对路径!
查看一下 render 的定义:
image.png
好吧,原来 render 并不直接接收 HTML 文件,而是接收 django.template.loader.render_to_string() 返回的值。
- 路由的根目录直接写 / 不能访问。
安装:
安装真无聊,网上一大票。
一句话,能用 pip 就 pip 不能就上 conda 再不行就直接上 Unofficial Windows Binaries for Python Extension Packages,这都不行就虚拟机吧!
Django 管理
在安装了 Django 之后,在 python 所在的 script 文件夹里将会有一个叫 django-admin.exe 的文件,这一看就知道是管理文件,直接运行它即可获得全部的指令信息。
根据指令利用 django-admin.exe 工具来创建一个项目文件(真是智能):bash django-admin.exe startproject DjangoDemo
运行之后将会根据 dirName 来创建一个项目文件夹,内部有一个 manage.py,这东西还是一看就知道是管理者,按照老习惯看看它的指令都有什么:python manage.py --help
嗯,很多东西,就不列出来了,观察可发现 django 哪一项的功能跟 django-admin.exe 的一模一样啊,看了看官网 django-admin.exe 其实是一个方便的手段,但在使用前需要加上参数 --settings=mysite.settings 来指明使用的是哪一个配置文件,而 manage.py。
安装之后一定要测试一下:
python manage.py runserver 127.0.0.1:10086
简单了解一下开发服务器 runserver:
- 当改动 python 源码文件并重新载入模块时,开发服务器会自动检测并自动刷新。
- 开发服务器知道如何为 Django 管理应用程序寻找和显示静态媒体文件。
简单了解下目录:
image.png
试一试路由
打开 urls.py,写入:
from django.contrib import admin
from django.urls import path
from django.shortcuts import HttpResponse
def index(requst):
return HttpResponse('Hello world!')
urlpatterns = [
path('admin/', admin.site.urls),
path('login/', index),
]
其实就是简单的构建了一个 HTTP 响应包,这个包不是给 django 看的,而是丢给浏览器看的。
image.png
路由返回 html 文件
创建 HTML 视图:
mkdir templates
touch index.html
往 index.html 写入:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<h1>Hello world!</h1>
</body>
</html>
往 setting.py 的 TEMPLATES 中的字典 ’DIRS‘ 加入:
'DIRS': [os.path.join(BASE_DIR, 'templates')],
将 urls.py 中的 index 函数改为返回一个 html 文件即可:
from django.shortcuts import render
def index(requst):
return render(requst, r'D:\PRJ\DjangoDemo\templates\index.html')
<center>成功将返回:</center>
image.png
引入其他静态文件、CSS、图片、文本等
这个官网的例子很棒啊~:)
- 确定你的
django.contrib.staticfiles
已经被 [INSTALLED_APPS
] 所支持。 - 在你的 setting 中定义 TATIC_URL,比如:
py TATIC_URL = '/static/'
- 在你的模板中通过模板标签 static 这种方式进行引用,它会自动与 STATICFILES_STORAGE 撸出来的资源路径相关联:
{% load static %}
<img src="{% static "my_app/example.jpg" %}" alt="My image">
{% static %} 模板标签会生成静态文件的绝对路径。
- 将你的静态资源文件储存到项目目录的 static 文件夹中, 比如说 my_app/static/my_app/example.jpg。
最后再向 setting.py 添加:
STATICFILES_DIRS = (
os.path.join(BASE_DIR, 'static'),
)
TATIC_URL 用来指明网站访问静态资源时的路径,而 STATICFILES_DIRS 则是指明包含静态资源的路径,在 STATICFILES_DIRS 下的资源,最终在网站的视角都会被映射为 static 下的资源。
参考来源:
实践:
先创建一个 static 文件夹,然后随便怼一张照片进去~
mkdir static
cp ..\Images\[fox生抽]wallls.com_179505.jpg .\static\
tree -L 2 --filelimit 20
image.png
然后在 HTML 中引入作为背景。
先直接硬写路径:
<style>
body {
background-image: url("/static/[fox生抽]wallls.com_179505.jpg")
}
</style>
image.png
哈哈,网站的根目录就是项目目录,直接硬写就成了,额,我没用模板啊。
利用模板引入 CSS:
先将刚刚写入 html 硬路径引入图片的代码去除。
在 static 下创建一个 CSS 文件 style.css,并写入图片路径:
body {
background-image: url("/static/[fox生抽]wallls.com_179505.jpg")
}
在 index.html 的 head 中写入:
{% load static %}
<link rel="stylesheet" type="text/css" href="{% static '/style.css' %}">
<center>测试<center>
image.png
很好,这次利用模板也成功引入,随便说一句,硬写也是同样可以的,但是使用模板的话一切路径的修改就全部统合起来了,改大量资源会方便一点。
创建子模块 APP 及信息交互
Django 能拥有多个 APP 或者说子模块,相互之间比较独立,但也可以有联系。
啊,反正就是比较原始的代码复用的方式,并且能使得项目的结构清晰一点。直接将上面做的内容怼到一起就是一个模块了。
信息交互,客户端跟服务器的信息交互,如果是网站的话,那也就是 HTTP 交互咯。
创建一个 login 模块:
bash python manage.py startapp login
向 login 内的 views 写入以下代码:
from django.shortcuts import render
from django.shortcuts import HttpResponse
def index(request):
if request.method == 'POST':
say = request.POST.get('say')
print(request.POST)
print(say)
return render(request, 'index.html')
往 index.html 中的 body 写入:
<h1>Hello world</h1>
<form action="/login/" method="post">
{% csrf_token %}
说点什么:<input type="text" name="say">
<br>
<input type="submit" value="提交">
</form>
最后在 urls.py 中编写路由:
from django.contrib import admin
from django.urls import path
from login.views import index
urlpatterns = [
path('admin/', admin.site.urls),
path('login/', index),
]
注意 {% csrf_token %} 是 Django 自带的 CSRF 保护机制,不加这个会引发跨域问题。
随便写点东西进去提交:Hello world
看看控制台的返回:
前面三个是请求资源的,分别是 index.html 页面,style.css 文件,和一张图片。
第四行是打印的 request.POST 和 request.POST.get('say'),这里前后端使用的是 HTTP 的 POST API 交互。
嗯,就这样。
网友评论