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

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

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

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

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

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

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

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

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

测开之路一百三十八：会话管理之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():…

测开之路一百五十四：ajax+json前后台数据交互

在实际工作中,前后端数据交互大部分都是用的json格式,后端把数据处理完后,把json传给前端,前端再解析项目结构 models里面加入把数据转为字典的方法 from datetime import datetimefrom flask_sqlalchemy import SQLAlchemy db = SQLAlchemy() class Department(db.Model): """ 部门 """ __tablename__ = 'de…

测开之路一百五十二：基于jquery的ajax实现之load、get、ajax

ajax除了用原生的js实现之外,也可以使用jquery实现,而且用jquery更方便看一个简单的示例,保留上一篇的content路由和html,实现上一篇一样的功能,点击获取内容,局部刷新准备一个页面用于被调用 <h1>这是content.html的h1标签</h1><p style="background: red"> 这是content.html的p标签,红色 <a href="https://www.baidu.com/&…

测开之路一百四十九：jinja2模板之宏

jinja2是python的模板引擎, 在写python web使用的过程中,macro可以节省大量的代码比如上一篇的渲染页面 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>用户注册</title></head><body><form action="#"…

测开之路一百四十八：WTForms表单验证

使用WTForms表单验证,可以在数据建模时就设置验证信息和错误提示创建模型时,设置验证内容,如必填.格式.长度 from flask_wtf import Formfrom wtforms import StringField, PasswordField, BooleanFieldfrom wtforms import validators class UserRegForm(Form): username = StringField('用户名', [validators.DataRequ…

测开之路一百四十六：WTForms之表单应用

WTForms主要是两个功能:1.生成HTML标签 2.对数据格式进行验证官网:https://wtforms.readthedocs.io/en/stable/ 这篇介绍用wtform生成html标签,前端只需要框架,元素使用wtform自动生成安装: 使用wtform重新建模和写前端 from flask_wtf import Formimport wtforms class EmployeeForm(Form): name = wtforms.StringField("姓名"…

测开之路一百四十五：SQLAlchemy与后台模板整合之新增、查询、删除

实现在页面上点击展示页就展示内容,点击新增页就触发新增功能项目结构 admin.__init__ from flask import Blueprint admin = Blueprint('admin', __name__) # 声明蓝图 # 把蓝图下的视图导进来注册到蓝图from admin.views import * admin.add_url_rule('/emp-list/', view_func=EmployeelListView.as_view('emp_list')) # 展…

测开之路一百四十四：ORM之SQLAlchemy查询

在上一篇的基础上,插入数据查询 Department.query.all() # 用表对象查db.session.query(Department).all() # 用db对象查查询前两条,直接python截取前两条数据排序默认升序:order_by(排序的字段名) 倒序:从sqlalchemy导入desc 查询单个指定字段查询多个指定字段只用一个变量接收多个查询结果的时候,SQLAlchemy默认用namedtuple进行命名处理 namedtuple结构: 别名:label(别名…

测开之路一百四十二：ORM框架之SQLAlchemy建库、建表、数据库操作

flask-SQLAlchemy是在原生SQLAlchemy的基础之上做了一层封装,安装flask-SQLAlchemy会自动安装SQLAlchemy 安装传统的sql建表建字段通过flask-SQLAlchemy建表建字段用法:声明和初始化一系列的配置 flask-SQLAlchemy建表建字段 db.String() 整形db.Integer() 字符串db.TEXT() 文本db.DateTime() 日期时间db.Float() 浮点db.Boolean() 布尔db.Pickle…

测开之路一百三十九：会话管理之cookie写入、读取、和更新

机制:服务器端发送的小段文本信息存储在客户端硬盘功能:记录用户偏好,请求.页面.站点间共享信息特点:易丢失.安全隐患添加cookie,需要用到make_respons.set_cookie @app.route('/setck/')def setck(): """ 添加cookie """ response = make_response('ok') response.set_cookie('username', 'aaa') return…

测开之路一百二十九：jinja2模板语法

flask用的是jinja2模板,有自己特定的语法形参: 在html里面留占位参数: {{ 参数名 }},后端传值时,参数名=参数值 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>b页面</title></head><body> <h1>{{ user }},你好<…

测开之路一百二十八：flask之重定向和404

a.b两个视图,分别返回a的页面和b的页面重定向:redirect 重定向到路由:请求/a/时,重定向到/b/ 重定向到视图函数:url_for(“函数名“),访问/a/时,重定向到函数b() 主动返回404:abort # coding:utf-8from flask import Flask, render_template, redirect, url_for, abort app = Flask(__name__) # 访问/help/时主动返回404@app.route('/help…

测开之路一百二十六：flask之获取request请求数据

可以根据flask的request对象获取所有的请求信息 path = request.path # 获取请求地址method = request.method # 获取请求方法ip = request.remote_addr # 请求来源的ipform = request.form # 获取form表单的数据value = request.values # 获取查询字符串/表单数据headers = request.headers # 后区头部信息User_Agent = request.he…

测开之路一百二十五：flask之urlencode参数传递和解析

当get请求传参时,用?分隔参数和域名,用&分隔参数,如果参数里面本身就有&符号就会识别不出来,还是会当成分隔符,所以这些数据在传输的时候,就需要转义,现在普遍是转成urlencode编码:%20%xx%23 在jinja2模板里面,可以使用 data|urlencode 发送urlencode编码,而python里面又有urllib.parse.unquote()可以解析urlencode编码视图函数 html:访问"/"返回html,在html上面点击超链接时请求…

测开之路一百二十四：flask之MVC响应过程

MVC流程原本的请求响应结构: 视图: from flask import Flask, render_template app = Flask(__name__) @app.route("/books/")def book_list(): return render_template('book_list.html') if __name__ == '__main__': app.run(debug=True) html <!DOCTYPE html><html…

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

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

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

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

测开之路一百零七：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…

测开之路七十六：性能测试蓝图之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…

测开之路七十：监控平台之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…

测开之路五十五：实现类似于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…

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

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