当前位置:   article > 正文

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

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
推荐阅读
相关标签
  

闽ICP备14008679号