Django学习之路(五)template的学习

Template

template是简单来说就是存放HTML文件的目录

Template创建过程

一,设置template文件的路径
在项目的setting.py中找到TEMPLATES,其中会有一个属性叫DIRS,添加你要创建的文件(templates)的目录.
eg:‘DIRS’:[‘blog/templates’]

二,在相应目录下新建templates
在项目的相对路径blog中新建文件templates并在其中添加html文件。
eg:在新建的templates中新建index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<h1>Hello blog!</h1>>
</body>
</html>

三,在views.py中返回render()
render是渲染的意思。
在系统的默认的views.py模板中会有
from django.shortcuts import render
我们需要将views.py改为

# -*- coding: utf-8 -*-
from __future__ import unicode_literals

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

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

render()通常传递个参数,第一个是request,第二个是前端模板,*第三个是一个dict类型的参数。该字典是后台传递数据到模板的参数,键为参数名
在模板中使用{{参数名}}来直接使用。*不过我们目前没有使用第三个参数。
在这时打开浏览器的相应地址,就会出现:
这里写图片描述

四,关于render()第三个参数
第三个是一个dict类型的参数。该字典是后台传递数据到模板的参数,键为参数名
在模板中使用{{参数名}}来直接使用。
我们可以修改index.html模板为:

<h1>{{hb}}</h1>>

然后将views.py中的render函数修改:

render(request,'index.html',{'hb':'Hello,Blog'})

这时候页面也会正常响应出想要的内容

静态文件的设置

拿到网页模板后,如果不用css和js这些文件的话,网页会显得很丑,因此我们需要添加静态文件。
在根目录,或者应用目录下新建static文件,然后将文件路径放入settings.py中(在settings.py中添加):

STATICFILES_DIRS=[
    os.path.join(BASE_DIR,'blog/static')
]

注意,我将static文件新建到了blog应用中,如果新建在根目录下,应该修改为:

STATICFILES_DIRS=[
    os.path.join(BASE_DIR,'static')
]

同时为了保证能通过网址访问静态文件,我们需要在settings.py中添加:

STATIC_URL = '/static/'

最后在需要打开的html文件最顶部添加:

{% load staticfiles %} 

之后在出现css,js,img等等的今天文件路径上修改为类似于:

<link rel="stylesheet" href="{% static 'blog/css/pace.css' %}">

以上。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值