测开之路一百零八：bootstrap表格

引入bootstrap和jquery 普通表格 html自带的边框线 bootstrap表格属性 bootstrap表格边框线鼠标经过变色压缩表格,减小密度自适应屏幕隔行突出(变色) 表格里面文字突出 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>bootstrap布局</title> <!…

测开之路一百一十三：bootstrap媒体对象

实现效果,左边是图片或者其他媒体,右边是对应的描述引入bootstrap和jquery标签 class="media" 数量多一些看着就会很规整 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>bootstrap布局</title> …

测开之路一百一十二：bootstrap按钮

bootstrap按钮引入bootstrap和jquery 普通按钮和bootstrap风格按钮调整大小块级按钮禁用按钮 disabled 按钮分组分页按钮…

bootstrap表单引入bootstrap和jquery 默认表单垂直表单表单属性绑定:for属性,当for的属性和id的属性相同时,单击for标签,光标自动跳到相同属性的输入框复选框水平表单行内表单提交表单表单内容不允许修改修改输入框大小缩小:input-sm 放大:input-lg 下拉选项按钮输入框分组普通输入框带头像的输入框复选框搜索框多个按钮 <!DOCTYPE html><html lang="en"><h…

测开之路一百一十：bootstrap图片

bootstrap图片引入bootstrap 原版的图片 bootstrap处理后的: 圆角.圆形.缩略图自适应窗口…

测开之路一百零九：bootstrap列表

bootstrap列表引入bootstrap标签原本的效果水平显示 bootstrap列表列表组合框在组合框后面加备注突出显示 a标签列表 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>bootstrap布局</title>  <me…

测开之路一百零七：bootstrap排版

引入bootstrap和jquery 标题对齐正文强调引言 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>bootstrap布局</title>  <meta http-equiv="X-UA-Compatible" c…

测开之路一百零六：bootstrap布局

可以在html的head里面加一些说明 <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> 引入bootstrap和…

测开之路一百零五：bootstrap的两种引用方式

一:下载到本地引用: 3.3.7版本:https://getbootstrap.com/docs/3.3/getting-started/#download 下载后解压到本地项目中引用第二种,cdn标签引用:https://www.bootcdn.cn/twitter-bootstrap/ 为了稳定,找3.3.7版本,min.css,复制标签:<link href="https://cdn.bootcss.com/twitter-bootstrap/3.3.7/css/bootstrap…

测开之路一百五十五：jquery-validation前台数据验证

前面做的wtform验证是服务器端的验证,需要把数据传输到服务器,服务器验证后再吧结果传输到前端,网络慢的时候,用户体验不好,所以需要前端验证,且后端验证不能少传统的js或者jquery如果要验证信息,需要把一个个元素下的信息拿下来,再验证,而validation可以根据元素定位,可以直接就验证了 validation官网:https://jqueryvalidation.org/cnd引用地址:https://www.bootcdn.cn/jquery-validate/引用标签:<scri…

测开之路一百五十三：ajax之load、get、ajax在项目中的体现

在查询的时候是使用ajax进行请求的目录结构 personal.models from datetime import datetimefrom flask_sqlalchemy import SQLAlchemy db = SQLAlchemy() class Department(db.Model): """ 部门 """ __tablename__ = 'department' # primary_key=True:主键, autoinc…

测开之路一百三十八：会话管理之session

session管理和使用,需要用到flask的session模块和设置安全码:app.secret_key 比如列表页和编辑功能只能给admin用列表页编辑页添加session 登录成功时,把username添加到session里面 app.secret_key = 'qoihf2397r21380r2/./ad' # 加密的安全码,越复杂越好,flask后台自动进行加密 @app.route('/login/', methods=['GET', 'POST'])def login():…

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

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

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

{% extends 'base.html' %} {% block script %}  <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…

测开之路七十三：用kafka实现消息队列之环境搭建

一:装java环境,确保java能正确调用 kafka下载地址:http://kafka.apache.org/downloads 下载并解压kafka: 新建两个文件夹,用于存放zookeeper和kafka的log数据修改配置: 1.新建zookeeper_data\zookeeper文件夹,用于存放zookeeper的数据编辑config--zookeeper.properties的dataDir为刚刚创建的文件夹,clientPort为zookeeper的默认端口号 2.新建一个文件…

测开之路七十：监控平台之html

监控平台的html {% extends "base.html" %} {% block style %} <link rel="stylesheet" href="/monitor/static/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.c…

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

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) consol…

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

create的js //添加header的函数function add_header() { // 这里是动态拼接html语句,带着样式,拼凑成页面的 "key [] value []" var html = '<div class="row">' + '<div style="display: inline; width: 10%; margin-left: 10px; margin-right: 10px;" col-sm-…

测开之路五十五：实现类似于unittest查找case

实现给一个路径,去查找test开头的测试用例文件创建一个计算器的类,方便后面测试用 class Calculator(object): def add(self, x, y): return x + y def sub(self, x, y): return x - y def mul(self, x, y): return x * y def div(self, x, y): return x / y 创建一个unittest的用例集 # coding=utf-8 from unittest…

测开之路五十三：unittest运行参数

Fixture:进行测试前的准备工作和测试后的清理操作.例如创建临时或是代理数据库,目录,服务进程等.用例(Case):最小的测试单元,检车特定输入的响应.TestCase作为所有用例的基类,测试case需要继承它.套件(Suite):测试用例或者套件的集合.需要一直执行的用例采用套件组合到一起.运行器(Runner):编排和执行测试用例,并将测试结果反馈给用户.运行器可以使用图形化界面,也可以使用文本,或者返回特殊值来标识测试结果. cmd下:python -m unittest --help…

测开之路四十八：Django之重定向与cookie

基础配置与上一篇一致 404错误定义一个error页面 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>错误页</title></head><body> <h1>哎呀,出错啦!</h1></body></html> 追加一个404的视图…

测开之路三十四：html常用标签

网页的结构: HTML:超文本标记语言是迄今为止网络上应用最为广泛的语言,也是构成网页文档的主要语言.HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字.图形.动画.声音.表格.链接等.HTML的结构包括头部(Head).主体(Body)两大部分,其中头部描述浏览器所需的信息,而主体则包含所要说明的具体内容. 演示结构 a标签:超链接 input标签: value属性会把提示内容默认填充到输入框内 placeholder属性:会把提示内容置灰,并不做填充 type属性: bu…