Django模板语法,带你快速入门

目录

案例一:登录页面

 案例二:for案例 + if案例——单个字符串的传递,列表的传递,字典的传递


         模板语法其本质:本质上,Django的模板语法就是在html中,写一些占位符,由数据对这些占位符进行替换和处理

这里,做一个登陆页面,供大家更好的理解~

案例一:登录页面

后端比较简单,我们先来看后端实现:

Django模板语法,带你快速入门_第1张图片

         细心的同学会发现我把用户名和密码写死了,不符合实际啊~确实哈,所以我们这里只是举例子哈,因为还没有连接数据库~

现在来看前端实现:

Django模板语法,带你快速入门_第2张图片

效果展示;

Django模板语法,带你快速入门_第3张图片

登录成功:

Django模板语法,带你快速入门_第4张图片

 登陆失败:

Django模板语法,带你快速入门_第5张图片

 案例二:for案例 + if案例---单个字符串的传递,列表的传递,字典的传递

        该案例中,不仅包括了for和if的案例,更重要的是向大家展示了,单个字符串的传递,列表的传递,字典的传递

前端:




    
    Title

<>
    

模板语法的学习 list:

n1---

{{ n1 }}

n2---

{{ n2 }}
n2:
{{ n2.0 }}
{{ n2.1 }}
{{ n2.2 }}

for循环输出n2:


{% for item in n2 %} {{ item }} {% endfor %}

n3---


{{ n3 }} {{ n3.name }} {{ n3.salary }} {{ n3.role }}

    for循环输出n3:


    {% for k,v in n3.items %}
  • {{ k }} = {{ v }}
  • {% endfor %}

n4---


{{ n4.1 }} {{ n4.1.name }} {{ n4.1.role }}

for循环输出n4:


{% for item in n4 %}
{{ item.name }} {{ item.salary }}
{% endfor %}

if、else 、elif:


{% if n1 == "lyj" %}

eeeee

{% else %}

ddddd

{% endif %} {% if n1 == "lyj" %}

hhhh

ddddd

{% elif n1 == "xxx" %}

bbb

{% else %}

aaaa

{% endif %}

 后端:

def test(request):
    name = "lyj"
    roles = ["管理员", "TC", "BO"]
    user_info = {"name": "cyk", "salary": 100, 'role': "TC"}

    data_list = [
        {"name": "张三", "salary": 100, 'role': "TC"},
        {"name": "李四", "salary": 1000, 'role': "TC"},
        {"name": "王五", "salary": 10000, 'role': "TC"},
    ]
    return render(request, 'test.html', {"n1": name, "n2": roles, 'n3': user_info, "n4": data_list})

url:

Django模板语法,带你快速入门_第6张图片

效果:

Django模板语法,带你快速入门_第7张图片

Django模板语法,带你快速入门_第8张图片 

你可能感兴趣的:(Django,django,python,后端)