Django学习笔记十四:列表开发

修改../sign/views.py文件:

....
from sign.models import Event

...
#登录成功页
@login_required
def login_success(request):
    #username = request.COOKIES.get("user","")      #读取浏览器Cookie
    event_list = Event.objects.all()            #查询所有发布会对象(数据)
    username = request.session.get("user","")      #读取浏览器session
    return render(request, "login_success.html",{"user":username,"events":event_list}

修改../templates/login_success.html页面:

<!DOCTYPE html>
<html lang="en">
<head>
    {% load bootstrap3 %}      <!-- 加载bootstrap3应用  -->
    {% bootstrap_css %}        <!-- 加载CSS文件  -->
    {% bootstrap_javascript%}  <!-- 加载JavaScript文件  -->
    <meta charset="UTF-8">
    <title>登录成功</title>
</head>
<body>
    <nav class="navbar navbar-inverse navbar-fixed-top">
      <div class="container">
        <div class="navbar-header">
          <a class="navbar-brand" href="/login_success/">发布会管理系统</a>
        </div>
        <div id="navbar" class="collapse navbar-collapse">
          <ul class="nav navbar-nav">
            <li class="active"><a href="#">发布会</a></li>
            <li><a href="/guest_manage/">嘉宾</a></li>
          </ul>
          <ul class="nav navbar-nav navbar-right">
           <li><a href="#">{{user}}</a></li>
           <li><a href="/logout/">退出</a></li>
         </ul>
        </div><!--/.nav-collapse -->
      </div>
    </nav>

    <div class="row" style="padding-top: 80px;">
        <div class="col-md-6">
          <table class="table table-striped">
            <thead>
              <tr>
                <th>id</th>
                <th>名称</th>
                <th>状态</th>
                <th>地址</th>
                <th>时间</th>
              </tr>
            </thead>
            <tbody>
              {% for event in events %}
                <tr>
                  <td>{{ event.id }}</td>
                  <td>{{ event.name }}</td>
                  <td>{{ event.status }}</td>
                  <td>{{ event.address }}</td>
                  <td>{{ event.start_time }}</td>
                </tr>
              {% endfor %}
            </tbody>
          </table>
        </div>
    </div>

<!--   <h1>{{ user }},恭喜你,登录成功!</h1>   -->
</body>
</html>

然后登录网站,可以查看新的列表布局:


猜你喜欢

转载自blog.csdn.net/qq_30990097/article/details/80421073