视图(views)与模板(templates)

1，视图（views）

​ 将接收到的数据赋值给模板（渲染），再传递给浏览器。HTML代码可以直接放在views.py（文件名可任意更换），也可以放在templates中以实现逻辑代码与HTML文件的解耦。

HTML放在views.py中

  • 创建views.py，之后输入以下代码：

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

def HelloWorld(request):
    
    return HttpResponse('<html><body> hello world! </body></html>')

  • 之后在urls.py中配置路由映射关系，输入以下代码：

    from django.contrib import admin
    
from django.urls import path
    
from django.conf.urls import url
    
from . import views

urlpatterns = [
    
    path('admin/', admin.site.urls),
    
    url(r'^hello/$', views.HelloWorld)
    
]

  • 之后打开网址 http://127.0.0.1:8001/hello/ 即可看到如下界面（地址与python manage.py runserver设定的地址相对应）

2，模板（templates）

​ 在1中，HTML文件直接写入了views.py中，也可以将HTML文件写入templates中，实现业务逻辑与前端渲染文件的解耦。

HTML放入templates中

  • 首先在项目中创建templates文件夹，此时项目的目录树结构为

    TEST1
    
│  manage.py
    
│
    
├─templates
    
└─test1
    
    │  asgi.py
    
    │  settings.py
    
    │  urls.py
    
    │  views.py
    
    │  wsgi.py
    
    │  __init__.py
    
    │
    
    └─__pycache__
    
            settings.cpython-36.pyc
    
            urls.cpython-36.pyc
    
            views.cpython-36.pyc
    
            wsgi.cpython-36.pyc
    
            __init__.cpython-36.pyc

  • 将templates在settings.py中注册，settings.py进行如下修改：

    TEMPLATES = [
    
    {
    
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
    
        'DIRS': [os.path.join(BASE_DIR, 'templates')],	#增加该行代码
    
        'APP_DIRS': True,
    
        'OPTIONS': {
    
            'context_processors': [
    
                'django.template.context_processors.debug',
    
                'django.template.context_processors.request',
    
                'django.contrib.auth.context_processors.auth',
    
                'django.contrib.messages.context_processors.messages',
    
            ],
    
        },
    
    },
    
]

  • 在templates中创建html文件，输入如下代码：

    <!DOCTYPE html>
    
<html lang="en">
    
<head>
    
    <meta charset="UTF-8">
    
    <title>Title</title>
    
</head>
    
<body>
    
    hello world! <br>
    
    {{name}}
    
</body>
    
</html>

  • 修改views.py的代码，此处使用render方法

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

def HelloWorld(request):
    
    return render(request, 'hello.html', {'name': 'tensor_zhang'})
    
    #注意此处使用字典填充{{name}}变量，这是django特有的

  • 在urls.py配置路由映射，由于我在这没有修改views.py的文件名以及其中的函数名，此次不用修改。

  • 打开网址 http://127.0.0.1:8001/hello/ 即可看到如下界面

3，总结

  1. views和templates将逻辑代码和html文件解耦，这样在对页面进行修改时，只需要专注于修改相应的前端html文件，而不用考虑对逻辑的修改。

  2. 页面的显示是由html文件控制的，只要对html文件进行修改，就可以得到想要的结果，比如将html文件改为：

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

    hello world! <br>
    
    {{name}} <br>

    <!-- url跳转 -->
    
    <a href="https://www.cnblogs.com/tensorzhang/">
    
        tensor_zhang的博客园
    
    </a>

    <!-- 提交文件 -->
    
    <form>
    
        <input type="file" name="myfile">
    
        <input type="submit" value="提取文件">
    
    </form>

</body>
    
</html>

    页面就会相应的发生变化

【Django笔记1】-视图(views)与模板(templates)的更多相关文章

  1. Django基础之视图(views)层、模板层

    目录 Django基础之视图(views)层.模板层 JsonResponse 向前端返回一个json格式字符串的两种方式 重写Django中的json的某个方法 form表单上传文件 FBV与CBV ...

  2. Django笔记 —— 高级视图和URL配置

    最近在学习Django,打算玩玩网页后台方面的东西,因为一直很好奇但却没怎么接触过.Django对我来说是一个全新的内容,思路想来也是全新的,或许并不能写得很明白,所以大家就凑合着看吧- 本篇笔记(其 ...

  3. Django学习（二）---使用模板Templates

    学会使用渲染模板的方法来显示html内容. 一.Templates是什么: HTML文件 使用了Django模板语言(Django Tamplate Language DTL) 可以使用第三方模板 二 ...

  4. Django入门3:视图views

    1.获取用户请求数据 1.1 request.GET 获取request.method='GET'的数据 request.GET.get('name',None) 1.2 request.POST 获 ...

  5. django 中的视图(Views)

    Views Django中views里面的代码就是一个一个函数逻辑, 处理客户端(浏览器)发送的HTTPRequest, 然后返回HTTPResponse, http请求中产生两个核心对象: http ...

  6. django在视图中使用模板

    在视图中使用模板   在学习了模板系统的基础之后,现在让我们使用相关知识来创建视图. 重新打开我们在前一章在 mysite.views 中创建的 current_datetime 视图. 以下是其内容 ...

  7. Django：视图views（一）

    1.环境搭建 在django中,视图负责与web请求进行交互 视图本质上是一个Python函数,定义在booktest/views.py.通过django1/urls.py路由到该视图中. 首先经过创 ...

  8. Django-1版本的路由层、Django的视图层和模板层

    一.Django-1版本的路由层(URLconf) URL配置(URLconf)就像Django所支撑网站的目录.它的本质是URL与要为该URL调用的视图函数之间的映射表:我们就是以这种方式告诉Dja ...

  9. Django笔记 —— 模板高级进阶

    最近在学习Django,打算玩玩网页后台方面的东西,因为一直很好奇但却没怎么接触过.Django对我来说是一个全新的内容,思路想来也是全新的,或许并不能写得很明白,所以大家就凑合着看吧- 本篇笔记(其 ...

随机推荐

  1. GitHub Ribbons : 谈网站的安全性-资源链接如何 预防/实现 爬虫的批量下载！

    GitHub Ribbons : 谈网站的安全性-资源链接如何 预防/实现 爬虫的批量下载! 预防方法: 1. 使用随机数字符串,拼接URL! https://camo.githubuserconte ...

  2. CSS Modules in depth

    CSS Modules in depth https://github.com/css-modules/css-modules https://webpack.js.org/loaders/css-l ...

  3. taro error

    taro error index.json 中没有申明 "component: true" 或其他异常 https://blog.csdn.net/qq_35629609/arti ...

  4. lua windows上使用vs编译Lua

    video 下载lua源文件 还有种方法: 创建空项目,取名lua,导入lua源文件 将luac.c移除,然后编译lua.exe 将lua.c移除,添加luac.c然后编译lua.exe后重命名位lu ...

  5. NGK Global技术开源，开启跨链全生态

    消息显示,新兴公链项目NGK Global已经完成了自己的开源计划,基于自己创新性的跨链通讯交互方案,开源后的NGK Global将面向全生态节点,提供高效.自由.无边界的公链生态系统. 目前,大家对 ...

  6. 为什么要抢挖Baccarat流动性挖矿的头矿？头矿的价值是什么？

    今年下半年,DeFi流动性挖矿非常受投资者的欢迎,究其原因,其超高的挖矿回报率着实足够吸引无数投资者的眼球.而即将上线的Baccarat流动性挖矿,也未上线先火了一把.Baccarat是由NGK公链推 ...

  7. Mac mini M1使用简单体验(编程、游戏、深度学习)

    好久不见了各位! 前一阵子忍不住剁手买了M1芯片的mac mini,为了弥补自己的内疚感就卖了自己的旧的mbp2017款.数据也完全迁移到了新机器上,之前的工作也就由mbp2017彻底换成mac mi ...

  8. [转]ROS Q&A | How to read LaserScan data

    http://www.theconstructsim.com/read-laserscan-data/ Step 1. Open a project on ROS Development Studio ...

  9. 最佳搭档:利用 SSH 及其配置文件节省你的生命

    本文转载自最佳搭档:利用 SSH 及其配置文件节省你的生命 导语 SSH 协议是事实上的互联网基石之一.在 SSH 协议出现之前(1995 年由 Tatu Ylonen 设计),通过互联网远程登录其他 ...

  10. SCSS引入通用SCSS

    新建通用common.scss .empty { margin-top: 100rpx; text-align: center; .empty-img { width: 220rpx; height: ...