基于python Django入门（5）-- django前端页面_django的前端写在哪

作者：从前慢现在也慢 | 2024-02-10 09:45:00

踩

django的前端写在哪

后台大概什么样子，我们也有一些简单的了解了，那么接下来看看我们的前端页面是怎么回事

1.首先创建我们第一个view页面，在django工程里面，views.py这个文件负责管理我们的网页界面，我们可以在这里实现我们的网页。
我们在初学的时候，可以认为一个网页就是一个函数，我们创建一个最简单的网络页面：
在views.py里面加如下代码：

from django.shortcuts import render
from django.http import HttpResponse
# Create your views here.
#request封装了来自网页的请求
def index(request):
    return HttpResponse('django test')  #网页有请求，就有回复
1
2
3
4
5
6

这里需要明白的是，我们打开一个网页的时候，相当于从服务器请求对应的网页，函数中，request参数就是封装了我们的网页请求，有请求就有回复，我们可以把回复封装在HttpResponse里面返回，这就构成了一个最简单的前端-后台交互的逻辑
2.url配置
我们视图写好了，此时我们通过浏览器还无法直接反问到我们写的网页，需要进行url配置，将网页与url绑定在一起
在工程的urls.py中urlpatterns里面加入我们的url参数：

from testapp.views import *
urlpatterns = [
    path('index/', index),
]
1
2
3
4

顺便看下此文件的的注释，可以看到，我们url添加有几种格式：
1.函数视图：导入我们的函数包，直接引用包里面的函数
2.基类视图：这个我理解不是很明白，懂的朋友可以跟我说下
3.包含其他url配置：类似于c语言中的头文件包含，直接引用其他目录下的url文件，我们较大型的项目需要这种办法，后续对项目的管理和维护会更加方便
在这里插入图片描述

3.完成后测试：
启动服务器，浏览器输入：
http://127.0.0.1:8000/index/
可以看到我们的第一个网页已经出来了
在这里插入图片描述

4.我们实现了第一个页面，但我们在设计的网页的时候都是html开发的，更高级的做法，应该是访问到我们的html网页
接下来，把我们访问的界面连接到我们的html文件
其实步骤也简单：
a.创建html文件目录

在这里插入图片描述
b.设置html目录
在settings.py文件导入我们的os包

import os
1

在settings.py文件里面加入路径配置

'DIRS': [os.path.join(BASE_DIR,'templates')],
1

在这里插入图片描述
os.path.join函数是路径拼接，BASE_DIR是我们项目地址，拼接一个templates，对应的就是我们的html路径地址了
c.创建html文件
在我们templates目录下，创建home.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>home</title>
</head>
<body>
<h1>my django test</h1>
</body>
</html>
1
2
3
4
5
6
7
8
9
10

在这里插入图片描述

d.配置url
在url.py中加入我们的配置

path('home/', home),
1

在这里插入图片描述

e.在views.py返回网页请求，使用render函数，加入代码

def home(request):
    return render(request,'testapp/home.html')
1
2

在这里插入图片描述
通过以上几个步骤，我们通过浏览器就能够访问到我们的html页面了
接下来测试，启动服务器：
python.exe .\manage.py runserver

浏览器输入
http://127.0.0.1:8000/home/，打开后
在这里插入图片描述
这样我们的第一个模板页面就出来了

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/从前慢现在也慢/article/detail/73811