测开之路七十六:性能测试蓝图之html

<!-- 继承base模板 -->{% extends ‘base.html‘ %}

{% block script %}    <!-- 从cdn引入ace edter的js -->    <script src="https://cdn.bootcss.com/ace/1.4.5/ace.js"></script>    <script src="https://cdn.bootcss.com/ace/1.4.5/mode-python.js"></script>    <!-- 引入前台页面的js -->    <script src="/performance/static/performance.js"></script>{% endblock %}

{% block content %}<!-- 定义一个容器 --><div container>        <!-- 定义一行 -->        <div class="row">            <!-- 把一行分为12等份,左边6份,右边6份 -->            <div class="col-sm-12 col-md-6 col-lg-6">                <!-- 定义一个id给ace edter引用 -->                <div id="editor" style="width:600px; min-height:400px" class="ace_editor"><!-- 定义一些初始化代码 -->from locust import HttpLocust, TaskSet, task

class UserBehavior(TaskSet):

    @task(1)    def index(self):        self.client.get("/guonei")

    @task(2)    def search(self):        self.client.get("/guoji")

class WebsiteUser(HttpLocust):    task_set = UserBehavior    min_wait = 1000    max_wait = 3000                </div>            </div>            <!-- 右边部分的处理(右边的6份) -->            <div class="col-sm-12 col-md-6 col-lg-6">                <!-- 定义一行,用来填域名 -->                <div class="row">                    <!-- 把此行分为4份和8份 -->                    <!-- 左边4份,展示“域名”字段 -->                    <div class="col-sm-12 col-md-4 col-lg-4">域名:</div>                    <!-- 右边8份,用于填host -->                    <div class="col-sm-12 col-md-8 col-lg-8">                        <input id="host" type="text" value="http://www.baidu.cn" placeholder="http://www.baidu.cn">                    </div>                </div>                <!-- 自定义一行,用来填用户数 -->                <div class="row">                    <div class="col-sm-12 col-md-4 col-lg-4">用户数:</div>                    <div class="col-sm-12 col-md-8 col-lg-8">                        <input id="user" type="text" value="5" placeholder="5">                    </div>                </div>                <!-- 自定义一行,用来填QPS,每秒请求数 -->                <div class="row">                    <div class="col-sm-12 col-md-4 col-lg-4">每秒请求数(QPS):</div>                    <div class="col-sm-12 col-md-8 col-lg-8">                        <input id="rate" type="text" value="3" placeholder="3">                    </div>                </div>                <!-- 自定义一行,用来填压测时间 -->                <div class="row">                    <div class="col-sm-12 col-md-4 col-lg-4">压测时间:</div>                    <div class="col-sm-12 col-md-8 col-lg-8">                        <input id="time" type="text" value="60" placeholder="60">                    </div>                </div>                <!-- 自定义一行,压测按钮 -->                <div class="row">                    <input id="send" type="button" value="开始压测">                </div>            </div>        </div>    </div>{% endblock %}

原文地址:https://www.cnblogs.com/zhongyehai/p/11286034.html

时间: 2024-08-01 01:41:57

测开之路七十六:性能测试蓝图之html的相关文章

测开之路七十六:linux变量和环境变量

变量 赋值 variable=0,访问 $var或${var} 参数 $n 用``引住的会先执行(~键) 位置参数 环境变量/etc/profile:全局的环境变量 . bash_profile:用户的环境变量,在哪个用户的home下,就对哪个用户生效~/ .bashrc:用户的环境变量,在哪个用户的home下,就对哪个用户生效export:导出变量,即用户在外面使用source:修改环境变量后让变量文件生效 添加a到环境变量 也可以export其他的变量 在脚本中使用环境变量 管道 | 管道操

测开之路七十七:性能测试蓝图之js

//定义全局的editor = nullvar editor = null; //ace_editor的初始化函数function ace_editor() { var editor = ace.edit("editor"); //初始化对象,"editor"为前端页面的id //设置风格和语言(更多风格和语言,请到github上相应目录查看) //editor.setTheme("ace/theme/clouds"); //编辑界面的主题--云

测开之路七十八:性能测试蓝图之视图层

from flask import requestfrom flask import jsonifyfrom flask import Blueprintfrom flask import render_templatefrom performance.logic import Logic performance = Blueprint('performance', __name__, static_folder='static', template_folder='templates', ur

测开之路七十九:性能测试蓝图之执行逻辑

import osimport csvimport json from kafka import KafkaProducerfrom kafka import KafkaConsumer from common.mongo import Mongofrom common import get_case_id class Logic(object): def __init__(self): pass def start(self, data): """ 这是投递消息函数,只负责

测开之路二十六:Flask基础之最小web程序

Flask中文文档:http://docs.jinkan.org/docs/flask/ 安装Flask库 选端口号的一种方法(避免和别人选的端口冲突,小于1024的时候重新选) 最小web程序 用127.0.0.1或者localhost访问 返回html标签 原文地址:https://www.cnblogs.com/zhongyehai/p/10816624.html

测开之路三十六:常用的css选择器

在static下新建一个css,并写入内容 /*标签选择器,label标签的颜色为红色*/label {color: red;} /*.代表类选择器,绿色*/.test {color: green;} /*#代表id选择器,黄色*/#test {color: yellow;} /*div标签下的魔偶写标签下的lable标签(相对关系),内容的颜色为蓝色*/div label {color: blue;} /*div标签下的直接的lable标签(父子关系),,灰色*/div > label {co

测开之路五十六:实现类似unittest的断言

import inspect class Case(object): """ 实现断言 """ def __init__(self): self.result = {} # 存断言的结果 def _assert(self, expression, message): """ 真正执行断言的函数 """ """ [2][1]二维数组,以a调b时b调c为例 第一

测开之路七十四:python处理kafka

kafka-python地址:https://github.com/dpkp/kafka-python 安装kafka-python:pip install kafka-python 接收消息 from kafka import KafkaConsumerconsumer = KafkaConsumer('test', bootstrap_servers=['localhost:9092']) # 定义消费者for msg in consumer: print(msg) 发条消息尝试接收,结果是

测开之路五十二:蓝图的用法

目录结构 html <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>蓝图渲染</title></head><body><h1>这里是蓝图渲染</h1></body></html> 子app(创建不同的蓝图,如接口测试.ui测试.性能测试)