摘要:
基于 springboot+vue 的测试平台开发继续更新。 模块树节点的开发暂告一段落,现在开发右边接口相关的部分,今天先完成列表的功能。 功能是这样,当点击树的某个节点时候,右侧列表展示这个节点下的所有接口,带分页(最终效果图)。 需要注意的是,因为节点下还有子节点,所以列表的功能需要使用递归来 阅读全文
摘要:
基于 springboot+vue 的测试平台开发继续更新。 一、编辑功能 1. 编辑页外显 点击树节点的编辑按钮,打开对话框,展示原有的节点名称。 本来树形控件里没有自带的编辑操作,我直接加了一个按钮在上面,绑定点击事件调用edit(data)方法。 为了确认 data 可用,我在edit方法中打 阅读全文
摘要:
基于 springboot+vue 的测试平台开发继续更新。 一、前端Tree树形控件的append方法 在elementUI 树控件下有个append方法,可以用来为 Tree 中的一个节点追加一个子节点。 目前我们已经完成了树列表的接口,可以在 append 方法中输出一下传入的 data 里到 阅读全文
摘要:
基于 springboot+vue 的测试平台开发继续更新。 上一篇完成了模块树的列表接口,接下来可以和前端页面联调了。 一、存放接口的js文件 老样子,新建js文件,把要调用的后端接口请求封装在 src/api/apiModule.js这里: import request from '@/util 阅读全文
摘要:
国庆节快乐!基于 springboot+vue 的测试平台开发继续更新。 上次完成了接口定义功能的前端页面,那么后端现在开始逐一实现对应的功能,首先就是提供模块列表接口,这个模块是支持子层级的,所以大概结构是这样: [ { id: 1, label: '默认', children: [ { id: 阅读全文
摘要:
基于 springboot+vue 的测试平台开发继续更新。 一、功能简介 今天的目标是画一个接口管理列表的前端页面。本来我也想去弄个简单的原型图先,但是搜了个网页工具一时半会也不会用,作罢。 最终决定直接用 elementUI 的组件拼一个出来。直到最后完成用了大半天时间,很显然这个页面对我来说还 阅读全文
摘要:
基于 springboot+vue 的测试平台开发继续更新。 今天实现项目列表的编辑功能: 点击【编辑】按钮,打开对话框,显示此条记录的信息 修改对话框表单内容,点击对话框【保存】按钮,更新此条记录 一、打开编辑页面显示数据 1. 编辑按钮 之前复制的 table 组件,里面带有 2 个按钮,修改其 阅读全文
摘要:
基于 springboot+vue 的测试平台开发继续更新。 一、查询功能 在之前的项目列表接口里,支持使用项目名称模糊查询,现在来实现前端。 1. input 输入框 到组件库里找个输入框: 复制代码,修改代码: v-model: 绑定了下面 data 中的projectQuery.project 阅读全文
摘要:
前两天看到群里有个小伙伴问面试该问哪些问题?那会忙,一直在点点点没顾上细想。 之前面试那会还留着一些面试记录,那今天就分享一下阿里、B站的面试问题,供需要的童鞋参考(面试官&应聘者都适用)。 面试题集锦 阿里 1. 介绍下你的测试工作内容 2. 接口测试,你会考虑哪些异常场景的测试 3. 介绍下幂等 阅读全文
摘要:
基于 springboot+vue 的测试平台开发继续更新。 今天来完成项目列表的前端部分。 一、前后端调通 开发前端页面,框架里有 2 个地方需要改动: src/views: 这里是开发页面的地方,也就是 vue 文件,可以按功能模块新建子目录来进行分类。 src/api: vue 页面里请求的后 阅读全文