基于python Django入门(5)

您所在的位置:网站首页 前端页面用什么框架好 基于python Django入门(5)

基于python Django入门(5)

2024-07-05 14:05| 来源: 网络整理| 查看: 265

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

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') #网页有请求,就有回复

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

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

顺便看下此文件的的注释,可以看到,我们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

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

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

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

home my django test

在这里插入图片描述

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

path('home/', home),

在这里插入图片描述

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

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

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

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



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3