Django 快速搭建博客第五节（hello world模板视图）

电玩女神 2021-06-11 15:10 427阅读 0赞

这时候我们已经学会如何将从浏览器中输入参数，用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][index.html_.png]

2， 我们在index.html写入一下代码  
![image.png][]

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

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

![settings路径的设置.png][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][image.png 1]

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

[index.html_.png]: /images/20210529/747c7afe9214401ea2af013a7bc96c0e.png
[image.png]: /images/20210529/1aa0dd30d09a410eb901afb6791edc6a.png
[settings_.png]: /images/20210529/b5d417a7dcf149769891c651b6271dd7.png
[image.png 1]: /images/20210529/7e2230432e63456db118b9ed4280c104.png