一、创建项目并添加axios支持创建项目请参考：使用脚手架创建vue项目 创建路由项目请参考：路由开发1.1、添加axios支持使用如下命令添加axios支持npm install axios //vue-cli2.0安装方式1.2、在main.js中引用并使用axios使用如下命令import axios from 'axios'
Vue.prototype.$axios = axios如图
转载
2024-03-17 10:54:30
118阅读
场景Vue+Openlayer使用Draw实现交互式绘制线段：Vue+Openlayer使用Draw实现交互式绘制多边形并获取面积:如果需要将绘制点、线、面集成在一个页面中并且可以实现切换画笔样式。 注：博客：
关注公众号霸道的程序猿 获取编程相关电子书、教程推送与免费下载。实现1、页面上添加el-radio-group用来选择切换画笔<el-radio-group
转载
2024-05-08 20:00:19
1049阅读
CAS原理和我们前面自己开发的Nebula基本一致，所有的系统应用都会引导到CAS Server认证中心去登录。登录成功后，认证中心会产生一个票据叫TGT(Ticket Granting Ticket)，TGT即代表了用户与认证中心直接的全局会话。TGT存在，表明该用户处于登录状态。TGT并没有放在Session中，也就是说，CAS全局会话的实现并没有直接使用Session机制，而是利用了Cook
前端使用vue+vueRouter开发，后端使用Python3开发，web项目部署在nginx上，项目登陆接入cas认证。思路大致说一下思路，这东西有点绕，很难讲清楚，可能是我思路还不是很清晰。1.项目有这些服务：web前端nginx：web部署在这里python后端：提供一个cas认证接口（下面描述中的cas接口指的都是该接口）cas认证服务2.遇到的问题及解决办法web前端：使用axios提供
Grafana汉化笔记@[toc]前言本文主要记录Grafana汉化过程，以备后续查阅。Grafana中文版本基于官方源码（前端部分）进行汉化。汉化内容主要为前端UI界面文本，不涉及后端服务器内容。重要提示！！Grafana官方使用webpack进行前端代码的打包发布，实际发行版本（Windows/Linux）的前端文件均为打包压缩后的资源文件，直接汉化压缩后的文件虽能起到汉化作用，但是非常不利于
转载
2024-03-09 22:02:30
2245阅读
Grafana +Zabbix 系列二Grafana 简介补充Grafana自身并不存储数据,数据从其他地方获取.需要配置数据源Grafana支持从Zabbix中获取数据Grafana优化图形的展现,可以用来做监控大屏.Grafana支持用户认证,增加运维安全性.关于Grafana权限:Grafana 的权限分为三个等级：Viewer、Editor 和 Admin，Viewer 只能查看 Graf
转载
2024-04-30 23:41:03
102阅读
在很多项目中，会有图文列表或者图片列表的出现，图片宽度好设定，但是高度往往不能设置成定值，一旦图片长款不成比例，就会显得很难看。所以使用瀑布流可以完美实现这个问题，图片只需要设定宽度，高度自适应，就可以完美实现。下边我们来说说怎样来实现------------------这个是针对图片以及带文字的卡片1：安装yarn add vue-waterfall22：引用，
产品希望做成从左侧拖曳进入，所见即所得，如图所示： 整个代码如果用在工程里，肯定会卡死，因为：drag: function (e) { let parentRect = document.getElementById('content').getBoundingClientRect(); }这个代码为什么不行？首先这个里面拖动计算直接在drag事
作者介绍：王天宜Prometheus + Grafana 作为一套普适的监控系统广泛应用于各种应用环境中。本文主要介绍能否将 TiDB + Prometheus 新搭建的监控系统，迁移到已有的监控系统的方案。对资源比较紧张，高可用需求不强烈的用户，我们建议直接通过 Prometheus Label 进行集群的划分，做到 All in One 的 Prometheus 监控环境。对资源宽裕，高可用需
在本文中，我将把几个常用的监控部分给梳理一下。前面我们提到过，在性能监控图谱中，有操作系统、应用服务器、中间件、队列、缓存、数据库、网络、前端、负载均衡、Web 服务器、存储、代码等很多需要监控的点。显然这些监控点不能在一个专栏中全部覆盖并一一细化，我只能找最常用的几个，做些逻辑思路的说明，同时也把具体的实现描述出来。如果你遇到了其他的组件，也需要一一实现这些监控。在本篇中，主要想说明白下图的这个
转载
2024-06-17 19:57:17
1027阅读
这里写目录标题任务说明数据处理步骤社交网格分析图类型图指标统计具体代码以及讲解 任务说明学习主题：作者关联（数据建模任务），对论文作者关系进行建模，统计最常出现的作者关系；学习内容：构建作者关系图，挖掘作者关系学习成果：论文作者知识图谱、图关系挖掘数据处理步骤将作者列表进行处理，并完成统计。具体步骤如下：将论文第一作者与其他作者（论文非第一作者）构建图；使用图算法统计图中作者与其他作者的联系；社
转载
2024-07-14 15:43:33
29阅读
推荐使用：Grafana Faro Web SDK - 前端智能监控利器 faro-web-sdkThe Grafana Faro Web SDK, part of the Grafana Faro project, is a highly configurable web SDK for real user monitoring (RUM) that instruments browser fr
在k8s集群中使用node-exporter、prometheus、grafana对集群进行监控
node-exporter组件负责收集节点上的metrics监控数据，并将数据推送给prometheus, prometheus负责存储这些数据
grafana将这些数据通过网页以图形的形式展现
prometheus的架构图:
转载
2024-04-03 00:05:21
153阅读
配置暴露metrics数据Nacos集群搭建地址：Nacos支持三种部署模式
搭建Nacos集群后，我们要在集群的每个节点中的配置文件application.properties中，暴露metric数据。实际上，就是把注释取消即可。访问10.128.198.200:8845/nacos/actuator/prometheus，看是否能访问到metrics数据，我这里直接演示下访问效果搭建prome
IFrame语法小全 IFrame语法小全
IFrame可以在网页内嵌入另一个页面，类似“画中画”形式。
标记的使用格式是:
<Iframe src="URL" width="x" height="x" scrolling="[OPTION]" frameborder="x"></iframe>
src：文件的路径，既可是HTML文件，也可以是文本、A
1.安装和启动Prometheusprometheus就是用来部署监控系统自己的，然后node_exporter是用来采集MySQL数据库所在机器的CPU、内存、网络、磁盘之类的监控数据的：prometheus-2.1.0.linux-amd64.tar.gz
node_exporter-0.15.2.linux-amd64.tar.gz下面的链接下载第三个压缩包：mysqld_exporter-
转载
2024-06-14 21:05:27
906阅读
你还在为项目的集成头疼吗？你还在为管理大量的配置文件烦恼吗？如果是，用SpringBoot吧！今天主要介绍如果在SpringBoot的基础上创建一个集成了SpringDataJpa的项目，至于SpringDataJpa是什么，如果用过Hibernate的同学想必都在为不用写sql在庆幸吧，想要了解SpringDataJpa的话，我以后会写相关的博客分享给大家。下面就带大家来创建一个SpringBo
前言Jenkins 是一个基于 Java 开发的持续集成工具，能够很简单地作为一个可扩展的自动化服务器，为项目提供持续集成（Continuous Integration）的能力；这篇文章里，我将手把手带你搭建 Jenkins 局域网服务，并实现一个简单的 Jenkins 项目。希望让你对 Jenkins 有一个基本的印象，知道搭建一个 Jenkins 项目大概的模型是怎么样的，就够了。如果能帮上忙
转载
2024-10-16 21:09:33
25阅读
1、问题由来 在大数据量的 需求 ，比如一些商品抢购的场景，或者是主页访问量瞬间较大的时候， 一瞬间大量的 请求就会到来 ，需要系统在极短的时间内完成成千上万次的读／写操作，这个时候往往不是 数据库能够承受的，极其容易造成数据库系统瘫痪，最终导致服务岩机的严重生产问题。 Java Web 项目往往就引入了 NoSQL 技术， NoSQL 工具也是一
## Java集成SDK教程
### 介绍
在开发中，我们经常需要集成第三方的SDK来扩展我们的应用功能。本文将教你如何在Java项目中集成SDK，让你的应用功能更加丰富。
### 流程图
```mermaid
erDiagram
SDK --> Java项目: 集成
Java项目 --> SDK: 调用
```
### 步骤
下面是集成SDK的具体步骤：
| 步骤 | 内
原创
2024-05-30 07:36:25
42阅读
