Django如何使用templates显示网页和静态资源

简介: Django如何使用templates显示网页和静态资源

Django templates and static

什么是templates?

在我们访问Django的url时,有时我们想返回html文件,但是这些文件不能随便放置,

我们就需要放到templates文件夹中,tamplates文件夹可以创建到每一个app中,

也可以创建到项目根目录中。

如何使用templates?

我们首先在app中创建一个templates文件夹。(因为在根目录创建的方法,我不是很喜欢)

。然后我们在这个文件夹中写一个html文件。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <h1>用户列表</h1>
</body>
</html>

然后我们在views.py中的代码要进行更改。

def user_add(request):
    return render(request, "user_add.html")

最后我们要在我们的setting.py中加入我们的APPS。进行注册。

INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'app01.apps.App01Config'   # app01是我的app名字
]

现在我们就可以通过django访问到我们的html了。

如何加载图片,CSS这些呢?

其实想加载图片和CSS,JS这些的话,我们必须要在app的文件夹中创建static文件夹。

记得哦!这个名字不可以进行更改。然后我们要在static中放入我们的静态文件。同时我们的html代码要进行调整。

区别于以往的,以前都是使用link然后写一个文件的路径,现在我们应该这样写。

{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="{% static 'user_add.css' %}">
</head>
<body>
    <h1 class="bg">用户列表</h1>
</body>
</html>

然后我们就可以看到我们的css和静态文件了。

相关文章
|
6月前
|
搜索推荐 算法 前端开发
旅游管理与推荐系统Python+Django网页平台+协同过滤推荐算法
旅游管理与推荐系统Python+Django网页平台+协同过滤推荐算法
162 0
|
6月前
|
搜索推荐 算法 前端开发
音乐推荐与管理系统Python+Django网页界面+协同过滤推荐算法
音乐推荐与管理系统Python+Django网页界面+协同过滤推荐算法
79 1
音乐推荐与管理系统Python+Django网页界面+协同过滤推荐算法
|
7月前
|
搜索推荐 算法 前端开发
图书推荐管理系统Python+Django网页界面+协同过滤推荐算法
图书推荐管理系统Python+Django网页界面+协同过滤推荐算法
90 0
图书推荐管理系统Python+Django网页界面+协同过滤推荐算法
|
7月前
|
机器学习/深度学习 算法 TensorFlow
树叶识别系统python+Django网页界面+TensorFlow+算法模型+数据集+图像识别分类
树叶识别系统python+Django网页界面+TensorFlow+算法模型+数据集+图像识别分类
142 1
|
7月前
|
机器学习/深度学习 移动开发 算法
动物识别系统python+Django网页界面+TensorFlow算法模型+数据集训练
动物识别系统python+Django网页界面+TensorFlow算法模型+数据集训练
99 0
动物识别系统python+Django网页界面+TensorFlow算法模型+数据集训练
|
8月前
|
C++ Python
Python+Qt窗体或Django网页支付宝收款码-扫码付款实例
Python+Qt窗体或Django网页支付宝收款码-扫码付款实例
167 0
|
5月前
|
存储 关系型数据库 MySQL
Python Django框架下将MySQL数据库的内容在网页上动态展示(修订版-2021-05-17)
Python Django框架下将MySQL数据库的内容在网页上动态展示(修订版-2021-05-17)
30586 0
|
7月前
|
机器学习/深度学习 算法 TensorFlow
交通标志识别系统python+TensorFlow+算法模型+Django网页+数据集
交通标志识别系统python+TensorFlow+算法模型+Django网页+数据集
68 0
|
5月前
|
搜索推荐 算法 前端开发
商品购物管理与推荐系统Python+Django网页界面+协同过滤推荐算法
商品购物管理与推荐系统Python+Django网页界面+协同过滤推荐算法
78 0
|
5月前
|
JSON 前端开发 JavaScript
Django实践-04静态资源和Ajax请求
Django实践-04静态资源和Ajax请求
Django实践-04静态资源和Ajax请求