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. Java数据结构介绍（线性结构和非线性结构）

    数据结构包括:线性结构和非线性结构. 线性结构 数据元素之间存在一对一的线性关系 包括顺序存储结构和链式存储结构.顺序存储的线性表称为顺序表,顺序表中的存储元素是连续的 链式存储的线性表称为链表,链表 ...

  2. React入门教程1---初见面

    React入门教程1---初见面:https://blog.csdn.net/solar_lan/article/details/82799248 React 教程 React 是一个用于构建用户界面 ...

  3. HCL AppScan Standard 9.0.3.13

    https://pan.baidu.com/s/1mh97vyJdWy1CmF589jZJhQ 网盘密码: q31g / 压缩密码:shungg.cn http://www.shungg.cn/pos ...

  4. 使用docxtemplater来处理word模板

    工作中遇到需要根据不同数据来处理模板word的情况,网上搜索了一番之后,找到了一个叫做docxtemplater的库,使用起来非常便携,也十分满足此次的需求. 这次就来记录一下docxtemplate ...

  5. HTML拖放元素

    实现来回拖放图片 <!DOCTYPE HTML> <html> <title>来回拖放元素</title> <meta charset=" ...

  6. [好好学习]在VMware中安装Oracle Enterprise Linux (v5.7) - (5/5)

  7. 第三讲JdbcRealm及Authentication Strategy

    1.使用shiro框架来完成认证工作,默认情况下使用的是IniRealm.如果需要使用其他Realm,那么需要进行相关的配置. 2.ini配置文件讲解: [main] section是你配置应用程序的 ...

  8. webstorm 2019 去掉编辑器右侧白线

    第一步:打开设置 第二步: 第三部:apply   关闭设置

  9. linux Sersync 上配置客户端

    1.安装 Rsync 并配置相关权限 在 SERSYNC 上配置 RSYNC 客户端相关权限认证: [root@SERSYNC /]# yum install rsync -y [root@SERSY ...

  10. python pip安装模块报错 "Can't connect to HTTPS URL because the SSL module is not available."

    在升级python版本为3.6之后,pip安装模块报错. 报错信息如图: 原因是系统自带的openssl版本与python3的版本不匹配,所以这里只要升级openssl版本就可以解决问题. yum - ...