测开之路六十二：接口测试平台之公共的jshtml平台入口

Posted 2022-03-25 zhongyehai

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了测开之路六十二：接口测试平台之公共的jshtml平台入口相关的知识，希望对你有一定的参考价值。

common.js

技术图片

//定义后台的host和端口
var host = ‘http://192.168.xxx.1:8000‘; //‘http://127.0.0.1:8000‘;

//用于发送http请求
function http(url, data, method, success, fail)

    //如果是get请求，直接传参，如果是其他请求，以json的格式传参
    var data = method == ‘GET‘ ? data : JSON.stringify(data)
    console.log("请求->" + url + " 使用方法->" + method)
    console.log(data)
    $.ajax(
        type: method,
        contentType: "application/json; charset=utf-8",
        data: data,
        url: url,
        dataType: ‘json‘,
        success: success,
        fail: fail
    );

base.html

技术图片

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title> title </title>

    <!- 引入bootstrap相关的css，组件地址：https://v3.bootcss.com/ ->
    <link href="https://cdn.bootcss.com/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdn.bootcss.com/twitter-bootstrap/3.3.7/css/bootstrap-theme.min.css" rel="stylesheet">

    <!- 预留给css的入口 ->
    % block style %
    % endblock %

    <!- 引入jquery.min.js和bootstrap.min.js、common.js ->
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="/static/common.js"></script>

    <!- 预留给js的入口 ->
    % block script %
    % endblock %
</head>
<body>
    <!- header的内容 ->
    % include ‘header.html‘ %

    <!- 页面内容 ->
    % block content %
    % endblock %

    <!- footer的内容 ->
    % include ‘footer.html‘ %
</body>
</html>

footer.html

技术图片

<footer>
    <h1>这里是footer</h1>
</footer>

header.html

技术图片

<header>
    <h1>这里是header</h1>
</header>

test-platform.py（程序入口）

技术图片

from flask import Flask
from interface import interface

app = Flask(__name__)

# 注册interface蓝图
app.register_blueprint(interface)

if __name__ == ‘__main__‘:
    app.run(
        host="0.0.0.0",
        port=8000,
        debug=True,
    )

以上是关于测开之路六十二：接口测试平台之公共的jshtml平台入口的主要内容，如果未能解决你的问题，请参考以下文章