element

再此之前呢，小编分享过Python+selenium+unittest+HTMLTestRunner单元测试框架，后许多时未触摸代码，久存，在当打开之时运行那是哐哐哐的报错，一行行的醒目的红色报错，提醒着我代码都在更新，你为何还不进步，没有什么深入的东西，大神以及已会的可以绕道，谢谢！ Unittest简介 unittest是Python语言的单元测试框架，在Python的官方文档中，对unittest单元测试框架进行了详细的介绍，感兴趣的读者可以到官方网站了解。 本章重点介绍unittest单元测试框架在自动化测试中的应用。unittest 单元测试框架提供了创建测试用例、测试套件和批量执行测试用例的方案。 在python 安装成功后， unittest 单元测试框架就可以直接导入使用，它属于标准库。 作为单元测试的框架，unittest 单元测试框架也是对程序的最小模块进行的一种敏捷化测试。 在自动化测试中，我们虽然不需要做白盒测试，但是必须知道所使用语言的单元测试框架，这是因为当我们把Selenium2的API全部学习完后，就会遇到用例的组织问题。 虽然函数式编程和面向对象编程提供了对代码的重构，但是对于所编写的每个测试用例，不可能编写成一个函数（方法）来调用执行。利用单元测试框架，可以创建一个类， 该类继承unittest 的TestCase，这样可以把每个TestCase

博主在最近的工作中，接触到了使用thinkjs框架作为后台架构的网店后台Node服务，因为其使用的qiniu上传图片接口不符合需求，需要改为ali-oss接口，一路遇到不少坑，在此做一下记录总结。 首先是elementUI前端部分 上传至后台，需要将flie文件，转为 FormData 对象后传至后台，因使用的组件库为element，其upload的组件中， action 为必传（博主此项传空），同时将 auto-upload 传 false （意思为不自动上传），然后上传操作在 on-change 事件中完成，回调完毕后重显DOM。具体代码片段如下： < el - form - item label = "印花图片" prop = "url" v - if = "infoForm.url" class = "image-uploader-diy new-height" > < img v - if = "infoForm.url" : src = "infoForm.url" class = "image-show" / > < el - button class = "dele-list-pic" type = "primary" @click = "delePicList" > < i class = "fa fa-trash-o" > < / i > < / el -

导出word我们常用的是通过POI实现导出。POI最擅长的是EXCEL的操作。word操作起来样式控制还是太繁琐了。今天我们介绍下通过FREEMARK来实现word模板导出。 [TOC] 开发准备 本文实现基于springboot,所以项目中采用的都是springboot衍生的产品。首先我们在maven项目中引入freemark坐标。 <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-freemarker</artifactId> </dependency> 只需要引入上面的jar包 。 前提是继承springboot坐标。就可以通过freemark进行word的导出了。 模板准备 上面是我们导出的一份模板。填写规则也很简单。只需要我们提前准备一份样本文档，然后将需要动态修改的通过 ${} 进行占位就行了。我们导出的时候提供相应的数据就行了。这里注意一下 ${c.no} 这种格式的其实是我们后期为了做集合遍历的。这里先忽略掉。后面我们会着重介绍。 开发测试 到了这一步说明我们的前期准备就已经完成了。剩下我们就通过freemark就行方法调用导出就可以了。 首先我们构建freemark加载路径。就是设置一下freemark模板路径

Appium构成和工作原理 前言：每一篇博客我都想写一个前言，第一是明确我对写这篇博客得态度，必须要认真和用心，另外作为技术分享，我也希望能帮助到一些伙伴有一些技术性得提升，测试 “点点点” 得时代已经结束，毕竟现在是智能化、自动化的时代，我们也必须要用技术武装自己，这样才能不被时代抛弃（明明可以靠脸吃饭的我，硬是吃成了一个胖子），那么下面我们言归正传，介绍一下Appium的基本使用，以前有些同事想搞这个但是止步于配置，你呢？ 安装java环境和ANDROID-SDK jdk和android-sdk文件下载地址: 链接：https://pan.baidu.com/s/1PEIfAbVwTR5mdL-6Ohca2g 提取码：3bmu 安装步骤： 下载后安装JAVA 配置JAVA环境变量 添加 JAVA_HOM 变量 变量值为JDK在你电脑上的安装路径例如： C:\Program Files\Java\jdk1.8.0 创建好后则可以利用%JAVA_HOME%作为JDK安装目录的统一引用路径。 打开 PATH 后设置 bin目录 %JAVA_HOM%\bin 安装 android-sdk 并设置环境变量 添加 ANDROID_SDK 变量 变量值为JDK在你电脑上的安装路径例如： C:\Program Files\android\android-sdk-windows

前置 最近写了几篇随笔，大家都不看内容，看博客皮肤 😂，满足你们。以下所有功能都可作为一个插件使用，你可以将它迁移到你的博客，代码仓库地址在文末。或者使用 awescnb 将这些插件集成到你现有的博客园皮肤。若有错误，恳请指点一二，感激不尽。欢迎评论区交流。另外插件还在不断扩充。 基本配置 属性 描述 值类型 默认值 可选值 name 全局主题名称 String 'reacg' 'reacg' 'element' 'gshang' 'acg' color 全局主题色 String '#ffb3cc' 16 进制颜色值 avatar 头像图片链接 String 无 title 网站标题 String 你的博客名 favicon 网站图标链接 String 内置 headerBackground 头部背景，图片链接 String 内置 theme: { name: 'reacg', color: '#FFB3CC', title: '', avatar: '//pic.cnblogs.com/avatar/1501373/20200119190802.png', favicon: 'https://guangzan.gitee.io/imagehost/awescnb/favicon.png', headerBackground: 'https://guangzan.gitee.io

内容概述 本系列“vue项目中使用bpmn-xxxx”分为七篇，均为自己使用过程中用到的实例，手工原创，目前陆续更新中。主要包括vue项目中bpmn使用实例、应用技巧、基本知识点总结和需要注意事项，具有一定的参考价值，需要的朋友可以参考一下。如果转载或通过爬虫直接爬的，格式特别丑，请来原创看： 我是作者原文 前情提要 上一节我们讨论了将xml中的节点属性，转成前端常用的json格式。这一篇，我们来讨论更改了json后，如何写入到xml中去。首先，我们通过一张图看看流程图xml和json结构的对应关系。一定要仔细看，这张图理解了，这篇文章就理解一半了。 思路分析 xlm中，属性包裹在<bpmn:extensionElements>中，下一层分别是<camunda:inputOutput>和<camunda:inputParameter>，inputParameter的下一层，会有三种格式。上一节我们读取属性也是按照这个顺序，层层遍历拿到的属性值。 所以，我们本次的出发点，是根据json各字段的属性类型，从里向外为<bpmn:extensionElements>添加内容。步骤如下： 1.elementRegistry.get 和节点id找到节点实例element，因为写入xml的时候需要知道为哪个节点写属性 2.bpmnFactory.create ，顾名思义，作用为创建标签

main.js // The Vue build version to load with the `import` command // (runtime-only or standalone) has been set in webpack.base.conf with an alias. import Vue from 'vue' import App from './App.vue' import router from './router/index.js' import ElementUI from 'element-ui' import 'element-ui/lib/theme-chalk/index.css' Vue.use(ElementUI) Vue.config.productionTip = false /* eslint-disable no-new */ new Vue({ el: '#app' , router, components: {App}, template: '<App/>' }) View Code index.js import Vue from 'vue' import Router from 'vue-router' import Home from '../components/Home' import Content from

this. questionList 报错，报Property 'questionList' does not exist on type 'GlobalEventHandlers'. newobj. onblur = function (){ element. innerHTML =newobj. value ; element. className = 'q_title' ; console.log( this . questionList ) ; this . questionList .filter((item , i) =>{item. questionId ===qId?item. title =element. innerHTML :item. title ;return true }) ; } ; 解决办法， 1、this 赋值给变量 let self= this; newobj. onblur = function (){ element. innerHTML =newobj. value ; element. className = 'q_title' ; console.log(self. questionList ) ; self. questionList .filter((item , i) =>{item. questionId ===qId?item

vue-admin-beautiful ，一款基于 vue+element-ui 的绝佳的通用型、中后台前端框架 vue-admin-beautiful登录页面 vue-admin-beautiful后台效果 效果展示地址：http://beautiful.panm.cn/vue-admin-beautiful/ github地址：https://github.com/chuzhixin/vue-admin-beautiful 安装 # 克隆项目 git clone https: //github.com/chuzhixin/vue-admin-beautiful.git # 进入项目目录 cd vue-admin-beautiful # 安装依赖 npm i # 本地开发 启动项目 npm run serve setting.js 配置 说明：这里有好多你会用到的配置项。 位置：src/config/settings.js 注意：此处可能不是最新代码具体可查看github 最新的 settings.js 配置 示例代码： /** * @copyright chuzhixin 1204505056@qq.com * @description 全局变量配置 */ module.exports = { // 开发以及部署时的URL publicPath: "" , //

前段时间项目中接入了农行的银企直联来完成代发的功能，当我拿到银行方面给过来的文档和资料后，发现和招行的银企直联模式差不多，大概就是：在window机器上开一个类似于前置机的小程序，作为我们和银行服务器直联数据连接的中介，我们发送xml数据给前置机，前置机再将数据加密后发送给银行服务器。但是万万没想到农行这个银企直联给我搞了不小的麻烦，他们的文档写的简直是不忍直视，接口返回码也模糊不清，没有明确说明。现在我把踩过的坑给分享一下。 准备开始 在开始之前我们会拿到2个东西，一个是中国农业银行银企通平台(4.70版).msi安装包，另一个是现金管理银企直连接入开发手册V1.2.1.wps接口文档说明 开始安装前置机程序，完成之后是这个样子： 测试用的客户号、操作员代码、操作员密码都会一并提供过来。 注意：正式环境下是需要插入一个key宝，由于现在是测试环境，在安装目录的etc路径下，用记事本编辑 etc\LoginSet.xml，将 IsKey 节点中的内容改成0，就可以不用KEY登录了。 系统设置 点击系统设置，在里面配置我们要用的模式：ERP公网接入、本地服务器地址、通讯协议、监听的端口等等。 直接上几张图吧： 注意：这里有一个坑需要说明一下：农行的这个程序是不支持http 协议（虽然他上面写着可以选择，无语）所以我们要用tcp协议。 组装XML数据 看到上图