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,
    )

测开之路六十二：接口测试平台之公共的js、html、平台入口的更多相关文章

  1. 测开之路六十：接口测试平台之common目录

    实现接口测试平台使用jsonpath进行取值来断言,效果: 访问页面: 调试功能:http://www.kuaidi100.com/query 保存功能 触发执行功能 查看报告功能 目录结构 comm ...

  2. 测开之路六十一：接口测试平台之interface蓝图

    create的js //添加header的函数function add_header() { // 这里是动态拼接html语句,带着样式,拼凑成页面的 "key [] value []&qu ...

  3. 测开之路八十二：匿名函数：lambda表达式

    # 匿名函数:lambda表达式# lambda 参数: 逻辑f = lambda name: print(name)f('tom') f2 = lambda x, y: x + yprint(f2( ...

  4. 测开之路七十二：性能测试工具之locust简介

    locust官网:https://locust.io/ locust安装(不支持python3.7):pip install locustio   或者pycharm安装 官网给出的样例 根据官网代码 ...

  5. 测开之路六十六：UI测试平台之处理逻辑和蓝图添加到程序入口

    from selenium import webdriverfrom common import get_case_idfrom common.mongo import Mongo class Log ...

  6. 测开之路六十五：UI测试平台之js

    //添加网址的函数,生成一个输入网址的标签,并且把标签append到id为cases下function browser() { var html = '\ <div class="ro ...

  7. 测开之路六十四：UI测试平台之前端页面

    {% extends "base.html" %} {% block script %} <!-- 引入js文件,需要在base.html留入口,不然渲染会出问题. --&g ...

  8. 测开之路四十二：常用的jquery事件

    $(‘selector’).click() 触发点击事件$(‘selector’).click(function) 添加点击事件$(‘selector’).dbclick() 触发双击事件$(‘sel ...

  9. 测开之路三十二：Flask基础之错误与重定向

    错误处理,框架默认的错误为:not Found 可以捕获,并自定义 准备一张自定义图片,放在static文件夹下,并在template下创建一个html文件,引用该图片 捕获404状态,返回自定义页面 ...

随机推荐

  1. 【转载】研发应该懂的binlog知识(下)

    引言 这篇是<研发应该懂的binlog知识(上)>的下半部分.在本文,我会阐述一下binlog的结构,以及如何使用java来解析binlog.不过,话说回来,其实严格意义上来说,研发应该还 ...

  2. C# TCPListener

    1: 有两个地方必须做异常处理,异常类型为IOException 服务器读客户端发来的信息时: LeafTCPClient client = (LeafTCPClient)ar.AsyncState; ...

  3. webpack打包html里的img图片

    对待css里的图片, 因为已经通过引入css文件到js,打包了,可以正常通过module.rules.test检测到,然后正常打包. 但是对于html里的图片, 这个需要安装一个插件html-with ...

  4. AngularJS语法

    1,$scope(作用域) 是应用在 HTML (视图) 和 JavaScript (控制器)之间的纽带. $scope是一个对象,有可用的方法和属性. $scope可应用在视图和控制器上.2,所有的 ...

  5. spark复习笔记(3)：使用spark实现单词统计

    wordcount是spark入门级的demo,不难但是很有趣.接下来我用命令行.scala.Java和python这三种语言来实现单词统计. 一.使用命令行实现单词的统计 1.首先touch一个a. ...

  6. vs code 同步

    vs code 同步需要在github上配置好gist id, 将gist id添加至setting.json中, 然后再在localsetting中设置access token,  gist id ...

  7. JSP2的自定义标签和方法

    Jsp2的自定义标签 Jsp2 开发标签库的几个步骤: 开发自定义标签处理类. 建立一个*.tld文件,每个tld文件对应一个标签库,每个标签库可对应多个标签. 在jsp文件中使用自定义标签 空标签 ...

  8. Robot Framework 源码阅读 day2 TestSuitBuilder

    接上一篇 day1 run.py 发现build test suit还挺复杂的, 先从官网API找到了一些资料,可以看出这是robotframework进行组织 测试案例实现的重要步骤, 将传入的te ...

  9. python 数据分析 Numpy(Numerical Python Basic)

    a = np.random.random((2,4)) a Out[5]: array([[0.20974732, 0.73822026, 0.82760722, 0.050551 ], [0.773 ...

  10. 手写split功能

    def split_new(stringstr, charstr):    """    :param stringstr: 要分割的串    :param charst ...