HTML django 模板中的订单列表与非订单列表混淆

Question

我有一些关于用户的数据，例如名字、姓氏和电子邮件。现在我试图在浏览器上查看它。但是它的序号完全是奇数

我的模板代码

<!DOCTYPE html>
{% load static %}
<html lang="en" dir="ltr">
    <head>
        <meta charset="utf-8">
        <title>User List</title>
        <link rel="stylesheet" href="{% static "css/mystyle.css" %}">
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
    </head>
    <body>
        <div class="container">
            <h1> Here is yours users: </h1>
            {% if user_info %}

            <ol>
                {% for user in user_info %}
                <li>{{ user.first_name }}</li>

                <ul>
                    <li>First Name: {{ user.first_name }}</li>
                    <li>Last Name: {{ user.last_name }}</li>
                    <li>Email: {{ user.email }}</li>
                </ul>
                {% endfor %}
            </ol>

            {% endif %}
        </div>
    </body>
</html>

我的查看代码

def userlist(request):
    user_info = UserInfo.objects.all()

    content = {
        "user_info":user_info,
    }
    print("User List")
    return render(request, "practiceApp/user-list.html", context=content)

还有我的浏览器：

Answer 1

试试这个：

<ol>
    {% for user in user_info %}
    <li>{{ user.first_name }}
        <ul>
            <li>First Name: {{ user.first_name }}</li>
            <li>Last Name: {{ user.last_name }}</li>
            <li>Email: {{ user.email }}</li>
        </ul>
    </li>
    {% endfor %}
</ol>

HTML django 模板中的订单列表与非订单列表混淆

HTML order list mess up with un-order list in django template

html

python

django

django-3.0