<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=3.0, user-scalable=yes" /> <meta name="format-detection" content="telephone=no" /> <link href="../static/css/bootstrap.css" rel="stylesheet"> </head> <body class="container" style="width: 800px; margin: auto; margin-top:24px;"> <nav class="navbar navbar-expand-lg bg-light"> <div class="container-fluid"> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarNav"> <ul class="navbar-nav"> <li class="nav-item"> <a class="nav-link" href="/admin">前一页</a> </li> </ul> </div> </div> </nav> {% for message in get_flashed_messages() %} <div class="alert alert-success" role="alert"> {{ message }} </div> {% endfor %} <div class="card" style="margin-top:24px;"> {% if tips %} <div class="alert alert-success" role="alert"> {{ tips }} </div> {% endif %} <div class="card-content"> <h5 style="margin-top: 10px;padding-left: 10px;">录入文章</h5> <form action="" method="post" class="container mb-3"> <div class="mb-3"> <label class="form-label">文章内容</label> <textarea id="content" name="content" class="form-control" rows="8" placeholder="首行是标题,后面是正文。"></textarea> <label class="form-label">文章来源</label> <textarea id="source" name="source" class="form-control" placeholder="推荐格式:Source: HTTP 链接。"></textarea> <label class="form-label">文章等级</label> <select id="level" class="form-select" name="level"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option selected value="4">4</option> </select> <label class="form-label">文章问题</label> <textarea id="question" name="question" class="form-control" rows="6" placeholder="格式:
 QUESTION
 What?

 ANSWER
 Apple. "></textarea> </div> <input type="submit" value="保存" class="btn btn-outline-primary"> </form> </div> </div> <div class="card" style="margin-top:24px;"> <h5 style="margin-top: 10px;padding-left: 10px;">文章列表</h5> <div class="list-group"> {% for text in text_list %} <div class="list-group-item list-group-item-action" aria-current="true"> <div> <a type="button" href="/admin/article?delete_id={{text.article_id}}" class="btn btn-outline-danger btn-sm">删除</a> </div> <div class="d-flex w-100 justify-content-between"> <h5 class="mb-1">{{ text.title }}</h5> </div> <div><small>{{ text.source }}</small></div> <div class="d-flex w-100 justify-content-between"> <small>Level: {{text.level }}</small> <small>Date: {{ text.date }}</small> </div> {{ text.content | safe }} </div> {% endfor %} </div> </div> <div style="margin:20px 0;"> <ul class="pagination pagination-sm justify-content-center"> <li class="page-item"><a class="page-link" href="/admin/article?page={{ cur_page - 1 }}&size={{ page_size }}">Previous</a> </li> {% for i in range(1, article_number // page_size + (article_number % page_size > 0) + 1) %} {% if cur_page == i %} <li class="page-item active"><a class="page-link" href="/admin/article?page={{ i }}&size={{ page_size }}">{{ i }}</a> </li> {% else %} <li class="page-item"><a class="page-link" href="/admin/article?page={{ i }}&size={{ page_size }}">{{ i }}</a></li> {% endif %} {% endfor %} <li class="page-item"><a class="page-link" href="/admin/article?page={{ cur_page + 1 }}&size={{ page_size }}">Next</a> </li> </ul> </div> </body> </html>