html模板

Posted onmyway227

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html模板相关的知识,希望对你有一定的参考价值。

创建模板目录

[[email protected] ~]# cd ~/ALU/alu02/blog/
[[email protected] blog]# mkdir templates

 

通过bluefish创建html模板文件

<?xml version="1.0" encoding="UTF-8"?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title></title>
</head>
<body>
<h1>hello django</h1>
</body>
</html>

 

修改blog/views.py

 

加载方法1:

[[email protected] alu02]# cat blog/views.pyfrom django.http import HttpResponse
from django.template import loader, Context

def index(req):
    t = loader.get_template(index.html)
    c = Context({})
    return HttpResponse(t.render(c))
[[email protected]-100-100-5-17 alu02]# 

 

加载方法2:

[[email protected] alu02]# cat blog/views.pyfrom django.shortcuts import render_to_response

def index(req):
    return render_to_response(index.html,{})
[[email protected]-100-100-5-17 alu02]# 

 

测试界面

技术分享

 

以上是关于html模板的主要内容,如果未能解决你的问题,请参考以下文章

十个html5代码片段,超实用,一定要收藏

VS Code配置snippets代码片段快速生成html模板,提高前端编写效率

vscode添加本地模板

[vscode]--HTML代码片段(基础版,reactvuejquery)

VSCode自定义代码片段1——vue主模板

VSCode自定义代码片段2——.vue文件的模板