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>
相关推荐
Chloe.Zz3 分钟前
Python基础知识回顾
python
骑个小蜗牛8 分钟前
Python 标准库:random——随机数
python
Trouvaille ~17 分钟前
【机器学习】从流动到恒常,无穷中归一:积分的数学诗意
人工智能·python·机器学习·ai·数据分析·matplotlib·微积分
汤姆和佩琦32 分钟前
2024-12-25-sklearn学习(20)无监督学习-双聚类 料峭春风吹酒醒,微冷,山头斜照却相迎。
学习·聚类·sklearn
是十一月末34 分钟前
Opencv实现图像的腐蚀、膨胀及开、闭运算
人工智能·python·opencv·计算机视觉
云空42 分钟前
《探索PyTorch计算机视觉:原理、应用与实践》
人工智能·pytorch·python·深度学习·计算机视觉
好学近乎知o43 分钟前
正则表达式(学习Django过程中可能涉及的)
学习·正则表达式·django
雨中奔跑的小孩1 小时前
爬虫学习案例8
爬虫·学习
jieshenai1 小时前
使用 VSCode 学习与实践 LaTeX:从插件安装到排版技巧
ide·vscode·学习
dowhileprogramming1 小时前
Python 中的迭代器
linux·数据库·python