1、创建模板代码如下：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>测试平台</title>
</head>
<body role="document">
<nav class = "navbar navbar-inverse navbar-fixed-top">
<div class = "container">
<div class="navbar-header">
<a class = "navbar-brand" href="#">测试平台</a>
</div>
<div id="navbar" class = "collapse navbar-collapse">
<ul class = "nav navbar-nav">
<li class = "active"><a href="#">测试平台</a></li>
<li ><a href="#">流程接口测试</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="#">{{ user }}</a></li>
<li><a href="/logout/">退出</a></li>
</ul>
</div>
</div>
</nav>
<div class="row" style="padding-top: 20px">
<div class="col-md-11">
<table class="table table-striped">
<thead>
<tr>
<th>所属产品</th>
<th>所属用例</th>
<th>步骤</th>
<th>URL地址</th>
<th>参数=值</th>
<th>方法</th>
<th>预期结果</th>
<th>测试结果</th>
<th>执行时间</th>
</tr>
</thead>
<tbody>
{% for apistep in apisteps %}
<tr>
<td>{{ apistep.Apitest.Product.product_name }}</td>
<td>case{{ apistep.Apitest.id }}:{{ apistep.Apitest.apitestname }}</td>
<td>{{ apistep.apiurl }}</td>
<td>{{ apistep.apiparamvalue }}</td>
<td>{{ apistep.apimethod }}</td>
<td>{{ apistep.apiresult }}</td>
<td>{% if apistep.apistatus == 1 %}
<a style="color:green">{{ apistep.apistatus }}</a>
{% else %}
<a style="color:red">{{ apistep.apistatus }}</a>
{% endif %}
</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
</body>
</html>
查看结果如下：
2、在views.py加入以下代码
@login_required
def apitest_manage(request):
apitest_list = Apitest.objects.all()
username = request.session.get('user', '')
return render(request, 'apitest_manage.html', {'user': username, 'apitests': apitest_list})
3、在url.py中加入以下代码
path('apitest_manage/', views.apitest_manage),
即可完成前端接口展示功能
![[iOS]GCD(一)](https://img-blog.csdnimg.cn/direct/06108a8e4d07487a8ae5822647f1b3bb.png)
