随笔分类 -  25.vue学习

在vue中使用amis
摘要：之前在使用amis时，是通过百度给的一个完整amis示例来用的，没有结合到自己的vue项目中，传送门：低代码平台amis学习 本次简单介绍下，如何在vue中引入ami 1、首先要在vue项目中引入amis的sdk 引入方式有2种：(1)使用cdn方式 (2)下载sdk文件-本地引用 (1) 使用cd 阅读全文
posted @ 2024-02-08 09:53 我是冰霜 阅读(3707) 评论(0) 推荐(0)
vue学习：定义全局变量并使用
摘要：平时在调试时，在本地启动后端服务，前端项目在调用接口时，一般使用本地ip地址 但是由于我电脑连接的wifi，导致ip经常变，每次变化后都要修改前端调用的ip，涉及好几个文件 所以想着把ip地址定义为一个全局变量，这样每次变化后，都改这一个地方就可以了 1、新建一个common.vue文件，在里面定义 阅读全文
posted @ 2022-06-21 14:52 我是冰霜 阅读(937) 评论(0) 推荐(0)
质量看板开发实践(七)：使用旭日图汇总每个人的故事点
摘要：想用一张图来展示一个冲刺中每个人分配的故事点数，而且能够按照前端、后端、测试等维度聚合，所以采用了旭日图 效果如下 echarts中关于旭日图的例子：https://echarts.apache.org/examples/zh/editor.html?c=sunburst-simple 下面来介绍下 阅读全文
posted @ 2022-05-07 07:29 我是冰霜 阅读(372) 评论(0) 推荐(0)
质量看板开发实践(六)：添加一个jira数据列表，并可点击跳转至jira详情
摘要：在编写质量看板时，添加了一个关于当前冲刺的故事卡状态饼图， 在这个基础上，希望能够看到这个冲刺中每个故事卡的标题内容，可以以弹窗列表的形式展示，如下 这里用到element-ui的一个组件：Dialog 对话框 前端定义交互样式 <div style="position: absolute;marg 阅读全文
posted @ 2022-05-01 19:55 我是冰霜 阅读(307) 评论(0) 推荐(0)
质量看板开发实践(五)：给echarts图例添加数值
摘要：echarts默认的图例只显示数据的name，不会显示value，如下饼图的图例 我希望把每个图例对应的value显示出来，如下 echarts中有个配置参数可以实现这个功能：formatter 官方文档：https://echarts.apache.org/zh/option.html#legen 阅读全文
posted @ 2022-04-30 09:44 我是冰霜 阅读(3361) 评论(0) 推荐(0)
vue学习：使用v-for向select组件绑定数据
摘要：做质量看板时，有个需求是从接口获取一些项目数据，然后需要把这些数据塞到下拉框组件中 本篇记录下如何利用v-for遍历接口返回的数据 后端返回的数据格式如下 [{ 'id': 1, 'name': '冲刺14', 'state': 'active' }, { 'id': 2, 'name': '冲刺1 阅读全文
posted @ 2022-04-11 20:00 我是冰霜 阅读(1425) 评论(0) 推荐(0)
flask学习系列
摘要：用flask搭建一个测试数据生成器(v1.0) 用flask搭建一个测试数据生成器(v1.1) flask+jquery发送post请求 flask-利用Blueprint、flask_restful编写一个后端测试项目 flask+vue：创建一个数据列表并实现简单的查询功能(一) flask+v 阅读全文
posted @ 2022-04-09 08:56 我是冰霜 阅读(110) 评论(0) 推荐(0)
质量看板开发实践(四)：按照bug优先级、状态绘制饼图
摘要：上一篇完成了按照日期范围查询bug的柱状图，本篇承接前面的内容，绘制2个饼图，分别按照bug优先级和bug状态进行统计 效果如下 1、前端代码 先来编写echarts相关代码 新建文件base_pie.vue <template> </template> <script> import * as e 阅读全文
posted @ 2022-04-08 15:53 我是冰霜 阅读(676) 评论(0) 推荐(0)
质量看板开发实践(三)：bug柱状图
摘要：前面2章讲了如何从jira获取数据，知道怎样获取数据，就可以绘图了 本篇记录一下bug柱状图的实现过程 对于这个bug柱状图我大致想实现以下功能： 能够按照日期查询，同时可以切换不同日期维度：按年查询、按月查询、按周查询、自定义日期范围； 能够切换项目； 刷新当前页面，自动触发查询请求； 切换日期维 阅读全文
posted @ 2022-04-08 10:17 我是冰霜 阅读(695) 评论(0) 推荐(0)
质量看板开发实践(二)：利用python获取jira数据-进阶篇
摘要：上一篇介绍了如何利用python的jira库操作jira，我们能通过项目的key获取项目的相关信息，同时也能利用jql查询一些信息，例如查询bug、故事、子任务等等，但是有些属性却不能通过这种方式直接拿到 比如这样一个功能：针对某个项目，筛选不同sprint下有多少个bug 一种方式是可以写死spr 阅读全文
posted @ 2022-04-06 09:59 我是冰霜 阅读(1505) 评论(0) 推荐(0)
质量看板开发实践(一)：利用python获取jira数据-基础篇
摘要：最近一段时间，写了一个简易的测试质量看板，能够从不同维度查看缺陷分布情况；另外由于公司用的jira，所以也汇总了故事卡以及每个人的故事点情况 初版的效果如下： 从本篇开始，将会写一系列文章把整个开发过程记录下来，包括但不限于： 1、后端如何提取jira中的数据，例如每个项目的bug情况、故事卡情况等 阅读全文
posted @ 2022-04-06 08:52 我是冰霜 阅读(1881) 评论(0) 推荐(0)
vue学习：使用tab标签页时，刷新页面停留在当前tab
摘要：现状：无论当前停留在哪个标签，刷新页面都会回到默认设定的标签 原始代码如下 <template> <el-main> <el-tabs v-model="activeName" @tab-click="handleClick"> <el-tab-pane label="随机测试数据" name="f 阅读全文
posted @ 2022-03-20 14:44 我是冰霜 阅读(5642) 评论(0) 推荐(0)
Django+Vue项目学习第九篇：vue项目部署到服务器
摘要：本篇记录一下如何在Linux服务器部署vue项目 刚开始的时候我犯了一个惯性错误，以为部署vue项目和前面部署django服务一样，需要把vue工程文件拷贝到服务器，然后使用命令启动，如npm run serve 又是安装node环境，又是npm install安装依赖包等，一通操作下来，也没搞定。 阅读全文
posted @ 2022-03-02 09:37 我是冰霜 阅读(1488) 评论(0) 推荐(0)
Django+Vue项目学习第八篇：Django项目部署到服务器
摘要：之前的数据构造平台一直是在本地进行开发&运行，其他人通过访问我的本机地址来访问系统 通过这段时间的运行，发现几个不方便的地方： 1、每次重新开机连接wifi后，电脑的ip地址就变了，一方面需要修改前后端调用时填写的请求ip；另一方面发给别人的url会失效； 2、电脑关机或息屏后，会导致无法访问系统； 阅读全文
posted @ 2022-03-01 15:31 我是冰霜 阅读(764) 评论(2) 推荐(0)
flask+vue学习：关于如何处理列表所需的数据
摘要：在实现table表格功能时，需要把后端的数据转为为前端需要的格式，才可以正常渲染 我当时是直接把后端的数据返回出去，然后在前端处理的。当然也可以在后端把数据处理好后，返回给前端直接用 从数据查询后的原始数据这样的 (('电话号码', '13140845519', '2022-01-10'), ('电 阅读全文
posted @ 2022-01-23 10:01 我是冰霜 阅读(287) 评论(0) 推荐(0)
flask+vue：创建一个数据列表并实现简单的查询功能(三)
摘要：传送门： flask+vue：创建一个数据列表并实现简单的查询功能(一) flask+vue：创建一个数据列表并实现简单的查询功能(二) 在编写数据列表功能时，查询接口我定义为get方法，在实际发送请求的时候，观察一下接口中的请求参数，尤其是create_date 可以发现payload中出现了2个 阅读全文
posted @ 2022-01-18 09:02 我是冰霜 阅读(508) 评论(0) 推荐(0)
flask+vue：创建一个数据列表并实现简单的查询功能(二)
摘要：昨天写了一个简单的数据列表，传送门：flask+vue：创建一个数据列表并实现简单的查询功能(一) 上述功能中还存在着几个缺陷： 1、进入这个菜单后，没有自动触发请求获取数据，导致页面为空； 2、切换页码或者重新选择每页条数后，没有自动重新加载数据，需要点一下查询按钮才行； 3、切换页码或者点击查询 阅读全文
posted @ 2022-01-17 09:16 我是冰霜 阅读(616) 评论(0) 推荐(0)
flask+vue：创建一个数据列表并实现简单的查询功能(一)
摘要：之前写过一个数据构造工具，当时用的Django+vue，后来又用flask重写了一下后端逻辑 本次打算在现有基础上加点东西：新增一个数据列表，数据列表中展示曾经创建好的数据 拆解下这次要做的功能： 1、每创建一次数据，都把数据写到数据库中； 2、从数据库中查询创建好的数据返给前端； 3、前端构建一个 阅读全文
posted @ 2022-01-16 21:17 我是冰霜 阅读(2999) 评论(2) 推荐(0)
vue学习：打开/刷新一个页面时，触发一个后端请求
摘要：由于业务系统最近更改了一些内部处理逻辑，所以我需要对应改造一下创建数据时调用的接口 之前的逻辑：创建合同时，每条数据需要先关联一个项目，合同与项目之间是多对一的，也就是不同的合同可以关联同一个项目。所以当初写这个接口时，我把项目写死了 现在的逻辑：合同与项目直接改为1对1，也就是一个项目只能被一个合 阅读全文
posted @ 2022-01-06 09:09 我是冰霜 阅读(4375) 评论(0) 推荐(0)