放入静态文件

django 项目准备好了,静态网页也准备好了,本文学习如何将网页接入到项目中。

第一步,在 blog 应用的目录下,创建一个名为 templates 的目录,注意不要写错。

image.png

这个 templates 目录,就是存放模板的目录,名称不能错,因为这是 django 默认读取的目录。然后将两个 html 文件放进来。

image.png

写一个函数

要完成网站首页,就必须定义首页的视图函数,这个函数放在 blog 目录下的 views.py 文件中。

打开了 views.py 文件,新建一个 index 函数,参数是 request,如下代码:

def index(request):
    return render(request, 'index.html')

image.png

这个就是视图函数的定义,代码解释:

  • 第一行的 index 是函数名,request 是参数,必须要,因为函数在被调用时,请求会被传入,request 就是对应的参数。
  • 第二行 return,这个是返回,函数必须有返回
  • render 是 django 内置的渲染函数,这里放入了两个值第一个是 request,默认的,需要加;第二个值是 index.html ,这个是放在 templates 目录中的首页
  • render() 函数的结果是一个 Response 响应,每个视图函数都必须返回一个响应。

以上是函数的介绍部分,那这个函数也就是简单的返回了一个载入 index.html 的响应。如下图:

image.png

准备URL

函数有了,那就给他分配一个 url,url 就是浏览器中访问的地址。

url 的配置,在 first 目录下的 urls.py 文件中,这里有一个 admin ,是默认的 django 后台配置,后面我们会用到这个。

既然是绑定首页,所以 url 的地址,应该是主域名,那在绑定的时候,代码如下:

image.png

视图函数绑定 url ,首先是从 blog.views 中导入 index 函数,然后在 urlpatterns 中进行设置就行。

启动服务

代码已经准备完毕,现在来启动项目。
打开命令行,输入命令:

python manage.py runserver

截图和效果图如下:

image.png

image.png

如果你要绑定到 index路径上,只需要修改一下 urls.py 中的内容就可以。

image.png

通常首页,是空 url 的默认路径,或者有 index 的 url 地址,都是可以的。

【多选题】小练习

本节课程中,制作网站首页,有哪些步骤?

  • 准备网页,放进 teamplates
  • Model 和数据库映射
  • 写一条规则,将 url 和函数进行绑定
  • 写一个函数,返回具体的 html 文件
  • 写一个 Model
AI悦创·推出辅导班啦,包括「Python 语言辅导班、C++辅导班、算法/数据结构辅导班、少儿编程、pygame 游戏开发」,全部都是一对一教学:一对一辅导 + 一对一答疑 + 布置作业 + 项目实践等。QQ、微信在线,随时响应!V:Jiabcdefh
AI悦创 » 制作首页

发表评论