Django-3 模板使用

在之前的文章中我们了解到模板允许我们在多个地方重用代码段，非常适合动态HTML页面。使用模板将更复杂的HTML返回给浏览器。我们还将看到如何将变量作为上下文传递给模板。接下来开始：

在django_project\blog\下新建文件夹templates\blog 存放所有的静态html页面，新建文件夹static\blog存放样式文件、图片文件等:

修改django_project\settings.py,加入blog的配置:

修改django_project\blog\views.py:

from django.shortcuts import render
#定义一个list用来前台数据显示使用
posts = [
    {
        'author': '辽北大帝',
        'title': '博客第一篇',
        'content': '博客第一条内容',
        'date_posted': '2019年07月04日'
    },
    {
        'author': '爱奇迹',
        'title': '博客第二篇',
        'content': '博客第二条内容',
        'date_posted': '2019年07月04日'
    }
 ]

#定义主页访问方法
def home(request):
  context ={
    'posts':posts
  }
  return render(request, 'blog/home.html', context)
#定义关于访问方法
def about(request):
  return render(request, 'blog/about.html')

在django_project\blog\static\blog下新建样式文件main.css:

在django_project\blog\templates\blog下新建base.html，存放通用的博客网页模板信息:

在django_project\blog\templates\blog下新建home.html，存放博客首页内容，显示帖子列表:

在django_project\blog\templates\blog下新建about.html，显示关于页面信息:

我们在django_project文件夹下运行python manage.py runserver 启动项目，访问http://127.0.0.1:8000/:

接下来我们访问http://127.0.0.1:8000/about关于页面:

今天的模版学习到这里，下节见！

关注公号

下面的是我的公众号二维码图片，欢迎关注。

yale记公众号