apache-shenyu添加前端告警模块

发表于2023-09-03|更新于2026-02-24

|浏览量:

求学的三个条件是：多观察、多吃苦、多研究。——加菲劳

这两天在忙shenyu的告警模块，一个简单的CRUD的后台列表前端对接，其实蕴含了不少知识和踩坑

[Improve] add alert module by VampireAchao · Pull Request #333 · apache/shenyu-dashboard · GitHub

例如其中使用form达成react中的双向绑定等等，以及redux-saga进行状态管理

相关推荐

好学近乎知，力行近乎仁，知耻近乎勇。一一《中庸》 Bluebird：曾经的 Promise 王者，如今的经典传承在 JavaScript 现代异步编程的历史长河中，有一个名字几乎无人不知、无人不晓——那就是 Bluebird。如果你是一位 Node.js 或前端老兵，Bluebird 一定是你“用过最香的 Promise 库”。即使今天，ES6 原生 Promise 已成为标准，Bluebird 依然在无数老项目和特殊场景中扮演着不可替代的角色。今天，就让我们揭开 Bluebird 的传奇故事！ Bluebird 是什么？Bluebird 是一个功能极其丰富、以高性能和创新特性著称的 JavaScript Promise 库。它严格遵循 Promises/A+ 规范，并且在 API 设计、兼容性和效率方面长期引领社区潮流。 Bluebird 的诞生初衷，就是为了解决早期原生 Promise 不完善、特性匮乏、性能瓶颈等痛点。它以极致的速度和丰富的工具方法，成为无数 Node.js、浏览器项目的异步基础设施。为什么 Bluebird 曾经如此重要？在 ES6...

css background图片

只有用水将心上的雾气淘洗干净，荣光才会照亮最初的梦想。——『百年孤独』 MDN：https://developer.mozilla.org/zh-CN/docs/Web/CSS/background 首先我们可以使用 1background: url(/img/oss/2020-06-01/head.jpg); 来指定背景图片如果我们需要修改透明度，则可以使用其可以叠加的特性 1background: linear-gradient(rgba(0,0,0,80%),rgba(0,0,0,80%)),url(/img/oss/2020-06-01/head.jpg) 其次，我们可以设置拉伸效果和位置：包含（表示不进行任何裁剪，多余的部分会空出，center是表示位置处于正中央） 1background: linear-gradient(rgba(0,0,0,80%),rgba(0,0,0,80%)),url(/img/oss/2020-06-01/head.jpg) center/contain no-repeat; 封面(以图片的短边铺满，会进行裁剪) 1...

vue封装axios请求工具类

以勇气面对人生的巨大悲恸，用耐心对待生活的小小哀伤。——雨果首先安装 12345678# axioscnpm i --save axios# 格式化参数插件cnpm i -- save qs# 对象合并插件cnpm i -- save lodash# cookie操作cnpm i -- save vue-cookie 然后我们自己封装一个请求组件首先创建文件然后放入我们的代码。。。 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132import ...

echarts关系图

交一个读破万卷书邪士，不如交一个不识一字端人——金缨案例地址：https://echarts.apache.org/examples/zh/editor.html?c=graph&version=5.3.3 点击下方下载示例即可下载：我这里也根据文档写了个demo： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120<!DOCTYPE html>&l...

mermaid-live-editor

教学的艺术不在于传授本领，而在于关于激励、唤醒、鼓舞。——第斯多惠 https://github.com/mermaidjs/mermaid-live-editor Mermaid Live Editor：在线绘制和分享流程图、时序图的神器在日常开发、产品设计和文档编写中，流程图、时序图、甘特图等可视化图形是表达系统逻辑、业务流程和协作方案的利器。Mermaid 作为一款流行的文本化图形描述工具，在开发者和技术团队中拥有极高的口碑。而 @mermaidjs/mermaid-live-editor 正是将 Mermaid 的强大能力带到了浏览器，让你即开即用、即写即画。什么是 Mermaid Live Editor？Mermaid Live Editor 是一个基于浏览器的在线编辑器，专门用于编写和实时渲染 Mermaid 语法的各种图表。你只需要用简单的 Markdown 风格文本描述图表结构，编辑器即可自动渲染为可视化图形，并且支持导出、分享、预览等便捷操作。主要特性1. 实时预览与高亮左侧输入 Mermaid 语法，右侧实时渲染对应图形。支持语法高亮...

过分宽大的法律，不易使人服从；太严厉的法律，则绝少被遵守。——富兰克林分享一个前端基于canvas的图片js库 http://camanjs.com/ https://github.com/meltingice/CamanJS 安装 1npm install caman 用法： 1234567Caman('#my-image', function () { this.brightness(10); this.contrast(30); this.sepia(60); this.saturation(-30); this.render(); }); html 12345<img data-caman="brightness(10) contrast(30) sepia(60) saturation(-30)" data-caman-hidpi="/path/to/image@2x.jpg" src="path/to/image.jpg&q...

阿超

我的名字叫阿超年龄25岁家在北京市职业是软件开发每天最晚也会在八点前回家不抽烟酒浅尝辄止晚上十二点上床保证睡足八个小时睡前写一篇博客再做二十分钟俯卧撑暖身然后再睡觉基本能熟睡到天亮像婴儿一样不留下任何疲劳和压力就这样迎来第二天的早晨健康检查结果也显示我很正常我想说明我是一个不论何时都追求内心平稳的人不拘泥于胜负不纠结于烦恼不树立使我夜不能寐的敌人这就是我在这社会的生活态度

数据加载中