Python(django)之单一接口展示功能前端开发

1、代码

建立apis_manage.html

代码如下:

<!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 apis_manage(request):
    username = request.session.get('user', '')
    apis_list = Apis.objects.all()
    return render(request, "apis_manage.html", {"user": username, "apiss": apis_list})

3、加入路径

在urls.py加入以下代码

path('apis_manage/', views.apis_manage),

后进行数据库更新跟前面一样

结果如下:

相关推荐

  1. 前端开发WebSocket通信

    2024-03-28 07:34:03       9 阅读
  2. 前端开发HTTP3

    2024-03-28 07:34:03       7 阅读
  3. kuboard项目前端展示

    2024-03-28 07:34:03       17 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-03-28 07:34:03       19 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-03-28 07:34:03       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-03-28 07:34:03       19 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-03-28 07:34:03       20 阅读

热门阅读

  1. Django 自定义中间件(IP限制频率、用户权限)

    2024-03-28 07:34:03       22 阅读
  2. 数据结构之搜素二叉树

    2024-03-28 07:34:03       19 阅读
  3. Xxe漏洞

    2024-03-28 07:34:03       18 阅读
  4. MySQL 查询优化与 EXPLAIN 关键字详解

    2024-03-28 07:34:03       21 阅读
  5. Serilog日志框架

    2024-03-28 07:34:03       21 阅读
  6. openGauss系统函数添加指导

    2024-03-28 07:34:03       21 阅读
  7. 浅聊openGauss逻辑架构

    2024-03-28 07:34:03       21 阅读
  8. SBA架构5G核心网

    2024-03-28 07:34:03       20 阅读