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和静态文件了。

相关文章
|
搜索推荐 算法 前端开发
音乐推荐与管理系统Python+Django网页界面+协同过滤推荐算法
音乐推荐与管理系统Python+Django网页界面+协同过滤推荐算法
116 1
音乐推荐与管理系统Python+Django网页界面+协同过滤推荐算法
|
搜索推荐 算法 前端开发
旅游管理与推荐系统Python+Django网页平台+协同过滤推荐算法
旅游管理与推荐系统Python+Django网页平台+协同过滤推荐算法
236 0
|
6月前
|
存储 关系型数据库 MySQL
Python Django框架下将MySQL数据库的内容在网页上动态展示(修订版-2021-05-17)
Python Django框架下将MySQL数据库的内容在网页上动态展示(修订版-2021-05-17)
30699 0
|
2月前
|
机器学习/深度学习 算法 TensorFlow
交通标志识别系统Python+卷积神经网络算法+深度学习人工智能+TensorFlow模型训练+计算机课设项目+Django网页界面
交通标志识别系统。本系统使用Python作为主要编程语言,在交通标志图像识别功能实现中,基于TensorFlow搭建卷积神经网络算法模型,通过对收集到的58种常见的交通标志图像作为数据集,进行迭代训练最后得到一个识别精度较高的模型文件,然后保存为本地的h5格式文件。再使用Django开发Web网页端操作界面,实现用户上传一张交通标志图片,识别其名称。
90 6
交通标志识别系统Python+卷积神经网络算法+深度学习人工智能+TensorFlow模型训练+计算机课设项目+Django网页界面
|
2月前
|
前端开发 搜索推荐 算法
中草药管理与推荐系统Python+Django网页界面+推荐算法+计算机课设系统+网站开发
中草药管理与推荐系统。本系统使用Python作为主要开发语言,前端使用HTML,CSS,BootStrap等技术和框架搭建前端界面,后端使用Django框架处理应用请求,使用Ajax等技术实现前后端的数据通信。实现了一个综合性的中草药管理与推荐平台。具体功能如下: - 系统分为普通用户和管理员两个角色 - 普通用户可以登录,注册、查看物品信息、收藏物品、发布评论、编辑个人信息、柱状图饼状图可视化物品信息、并依据用户注册时选择的标签进行推荐 和 根据用户对物品的评分 使用协同过滤推荐算法进行推荐 - 管理员可以在后台对用户和物品信息进行管理编辑
74 12
中草药管理与推荐系统Python+Django网页界面+推荐算法+计算机课设系统+网站开发
|
3月前
|
前端开发 JavaScript Linux
【Azure 应用服务】在Azure App Service for Linux环境中,部署的Django应用,出现加载css、js等静态资源文件失败
【Azure 应用服务】在Azure App Service for Linux环境中,部署的Django应用,出现加载css、js等静态资源文件失败
|
4月前
|
开发者 Python
Django如何开发网页四
7月更文挑战第21天
|
4月前
|
缓存 前端开发 数据库
Django如何开发网页一
7月更文挑战第19天
|
4月前
|
缓存 测试技术 数据库
Django如何开发网页三
7月更文挑战第20天
|
4月前
|
存储 缓存 数据库
Django如何开发网页二
7月更文挑战第19天