Django 快速搭建博客 第五节

作者: 简书用户9527 | 来源:发表于2017-11-09 22:27 被阅读12次

这时候我们已经学会如何将从浏览器中输入参数,用get or post(暂时还没有涉及到)方法在浏览器中显示从服务器显示的数据了,但是!!往往开发却不是这样子的,现在很成熟的都会在巨人的肩膀上造轮子,当然,django也是为了我们准备了一套模板系统,我们只需要如何去简便的使用它就可以了

1 , 在根目录(与manage.py 同级的目录下)建立一个templates文件夹,然后在templates文件夹下建blog,在blog下新建一个index.html文件,这样说起来你可能有点晕, 也就是:blogproject/templates/blog/index.html 这个就是路径,为什么在templates下还要新建一个blog文件夹呢?因为我们的工程可不止一个blog项目,可能还有其他的项目,so 我们未雨绸缪。

index.html路径.png

2, 我们在index.html写入一下代码


image.png

注意:{{}} 这个是django使用的模板变量,里面包含的变量会被我们将传递的变量所替代,

3, 当然啦,我们写了模板代码,但是django需要怎么识别到这套templates下的html文件呢?这就需要我们在blogproject下的settings设置一下路径:

settings路径的设置.png

4 ,这时候我们重新一下index函数:

from django.shortcuts import render
from django.http import HttpResponse

from django.shortcuts import render
# Create your views here.

# def index(request):
#     return HttpResponse('欢迎来到我的博客首页!')


def index(request):
    return render(request,'blog/index.html',context={
        'title':'我的博客首页',
        'welcome':'欢迎访问我的博客首页',
    })

这里的render是django使用的一套渲染模板,我们通过context传入title ,welcome 用来替代index.html中的title,welcome,

5, 这时候我再重启一下服务器,(实际上,服务器不用重启,因为我们每变动一下代码,服务器都会更新掉),在浏览器上重新刷新一下,这是我们会看到下面的图片:


image.png

我们发现,标题变成了我的博客,内容成了欢迎访问我的博客首页

相关文章

  • Django 快速搭建博客 第五节

    这时候我们已经学会如何将从浏览器中输入参数,用get or post(暂时还没有涉及到)方法在浏览器中显示从服务器...

  • Python学习笔记-第十八天

    Django官方学习笔记Django快速搭建blogrunoob Django教程vim python搭建1vim...

  • Django 2.0 快速搭建博客

    本文仅是用于操作记忆,长时间不用容易忘记,本来是打算云笔记里写好自己看的,可是云笔记里markdown图片比较麻烦...

  • Django快速搭建博客(六)

    在此之前我们已经编写了 Blog 的首页视图,并且配置了 URL 和模板,让 Django 能够正确地处理 HTT...

  • Django快速搭建博客(三)

    创建 Django 博客的数据库模型 设计博客的数据库表结构 博客最主要的功能就是展示文章,它需要从某个地方获取博...

  • Django快速搭建博客(一)

    开发环境的系统平台为 Windows 7 (64 位),Python 版本为 3.5.1 (64 位),Djang...

  • Django快速搭建博客(二)

    建立博客应用 已经建立了 Django 博客的项目工程,并且成功地运行了它。不过到目前为止这一切都还只是 Djan...

  • Django快速搭建博客(四)

    迁移数据库 为了让 Django 完成翻译,创建好这些数据库表,我们再一次请出工程管理助手 manage.py。切...

  • Django快速搭建博客(七)

    在此之前我们完成了 Django 博客首页视图的编写,我们希望首页展示发布的博客文章列表,但是它却抱怨:暂时还没有...

  • Django快速搭建博客(五)

    Django 博客首页视图 Django 处理 HTTP 请求 Web 应用的交互过程其实就是 HTTP 请求与响...

网友评论

    本文标题:Django 快速搭建博客 第五节

    本文链接:https://www.haomeiwen.com/subject/bctvmxtx.html