Django学习(三)

Django的设计模式及模板层

传统的MVC(例如java)

Django的MTV

模板层:

模板加载:

代码:

views.py

python 复制代码
def test_html(request):
    #方案一
    # from django.template import loader
    # 1. 使用loader加载模板
    # t = loader.get_template('test_html.html')
    # # 将t转换成html字符串
    # html = t.render()
    # return HttpResponse(html)
    # 方案二
    from django.shortcuts import render
    return render(request, 'test_html.html')

urls.py

python 复制代码
    path('test_html', views.test_html)

templates.py

html 复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>Hello World</h1>
</body>
</html>

视图层与模板层之间的交互:

代码:

views.py

python 复制代码
def test_html(request):
    #方案一
    # from django.template import loader
    # 1. 使用loader加载模板
    # t = loader.get_template('test_html.html')
    # # 将t转换成html字符串
    # html = t.render()
    # return HttpResponse(html)
    # 方案二
    from django.shortcuts import render
    dic = {
        'name': 'zhangsan',
        'age': 18,
        'sex': '男',
        'hobby': ['吃饭', '睡觉', '打豆豆'],
        'person': {'name': 'lisi', 'age': 20},
    }
    return render(request, 'test_html.html', dic)

templates

python 复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>{{name}}今年{{ age }}性别{{ sex }}爱好{{ hobby }}</h1>
</body>
</html>

urls.py

python 复制代码
    path('test_html', views.test_html)

结果:

模板的变量和标签:

代码:

urls.py

python 复制代码
    path('test_html_param', views.test_html_param)

views.py

python 复制代码
def test_html_param(request):
    dic = {}
    dic['int'] = 88
    dic['str'] = 'xiaobai'
    dic['lst'] = ['Tom', 'Jack', 'Lily']
    dic['dict'] = {'a': 9, 'b': 8}
    dic['func'] = say_hi
    dic['classobj'] = Dog()
    return render(request, 'test_html_param.html', dic)


def say_hi():
    return 'hahah'


class Dog(object):
    def say(self):
        return 'wangwang'

templates

html 复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h3>int是{{int }}</h3>
<h3>str是{{str }}</h3>
<h3>lst 是{{lst}}</h3>
<h3>lst是{{lst.0 }}</h3>
<h3>dict是{{dict}}</h3>
<h3>dict['a']是{{dict.a}}</h3>
<h3>function是{{func}}</h3>
<h3>class obj是{{classobj.say}}</h3>
</body>
</html>

结果:

模板标签:

代码:

urls.py

python 复制代码
    path('test_if_for', views.test_if_for)

views.py

python 复制代码
def test_if_for(request):
    dic = {}
    dic['x'] = 5
    return render(request, 'test_if_for.html', dic)

templates

html 复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>测试if和for</title>
</head>
<body>
{% if x >= 4 %}
输入的值大于等于4
{% else %}
输入的值为小于4
{% endif %}
</body>
</html>

注意:在标签中使用变量时,直接使用变量名即可,不需要加双大括号

for标签:

urls:

python 复制代码
    path('test_if_for', views.test_if_for)

views.py:

python 复制代码
def test_if_for(request):
    dic = {}
    dic['x'] = 5
    dic['ls'] = ['a', 'b', 'c']
    return render(request, 'test_if_for.html', dic)

templates:

python 复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>测试if和for</title>
</head>
<body>
<p>
{% if x >= 4 %}
输入的值大于等于4
{% else %}
输入的值为小于4
{% endif %}
<br>
{% for name in ls %}
    {%  if forloop.first %}########{% endif %}
    {{ forloop.counter0 }}{{ name }}</p>
    {% if forloop.last %}########{% endif %}
{% empty %}
没有值
{% endfor %}
</body>
</html>
相关推荐
hummhumm13 分钟前
Oracle 第13章:事务处理
开发语言·数据库·后端·python·sql·oracle·database
童先生17 分钟前
python 用于请求chartGpt DEMO request请求方式
开发语言·python
朝九晚五ฺ18 分钟前
【Linux探索学习】第九弹——Linux工具篇(四):项目自动化构建工具—make/Makefile
linux·运维·学习·ubuntu·自动化
Willliam_william1 小时前
SystemC学习(3)— APB_SRAM的建模与测试
学习·算法
Narutolxy3 小时前
探索开源语音识别的未来:高效利用先进的自动语音识别技术20241030
python·macos·xcode
Mopes__5 小时前
Python | Leetcode Python题解之第517题超级洗衣机
python·leetcode·题解
测试老哥7 小时前
Python+Selenium+Pytest+POM自动化测试框架封装(完整版)
自动化测试·软件测试·python·selenium·测试工具·职场和发展·测试用例
Ws_7 小时前
蓝桥杯 python day01 第一题
开发语言·python·蓝桥杯
神雕大侠mu8 小时前
函数式接口与回调函数实践
开发语言·python
Y.O.U..8 小时前
STL学习-容器适配器
开发语言·c++·学习·stl·1024程序员节