CAS原理和我们前面自己开发的Nebula基本一致，所有的系统应用都会引导到CAS Server认证中心去登录。登录成功后，认证中心会产生一个票据叫TGT(Ticket Granting Ticket)，TGT即代表了用户与认证中心直接的全局会话。TGT存在，表明该用户处于登录状态。TGT并没有放在Session中，也就是说，CAS全局会话的实现并没有直接使用Session机制，而是利用了Cook
场景Vue+Openlayer使用Draw实现交互式绘制线段：Vue+Openlayer使用Draw实现交互式绘制多边形并获取面积:如果需要将绘制点、线、面集成在一个页面中并且可以实现切换画笔样式。 注：博客：
关注公众号霸道的程序猿 获取编程相关电子书、教程推送与免费下载。实现1、页面上添加el-radio-group用来选择切换画笔<el-radio-group
转载
2024-05-08 20:00:19
1049阅读
1 昨日回顾
a socket
b 路由关系
c 模板字符串替换（模板语言）
主流web框架总结：
django a用别人的 b自己写的 c自己写的
flask a用别人的 b自己写的 c用别人的（jinja2）
tornado a自己写的 b自己写的 c自己写的
另一个维度：
djaogo
其他
创建Django
本文简单的介绍了sitespeed.io对web页面的分析结果、sitespeed.io的基本工作原理。
引言最近在做HTTP2技术相关调研，想确认一下HTTP2在什么情境下性能会比HTTP1.x有显著提升，当我把http2的本地环境（nginx+PHP）部署完成后进行相关测试时，我遇到了以下问题：（1）平时使用的都是在线分析工具，如google的Pag
转载
2024-10-08 20:25:06
58阅读
一、创建项目并添加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+vueRouter开发，后端使用Python3开发，web项目部署在nginx上，项目登陆接入cas认证。思路大致说一下思路，这东西有点绕，很难讲清楚，可能是我思路还不是很清晰。1.项目有这些服务：web前端nginx：web部署在这里python后端：提供一个cas认证接口（下面描述中的cas接口指的都是该接口）cas认证服务2.遇到的问题及解决办法web前端：使用axios提供
# Android集成Vue页面教程
## 1. 整体流程
下面是实现"android 集成 vue 页面"的步骤表格：
| 步骤 | 内容 |
| ---- | ---- |
| 1 | 创建一个Android项目 |
| 2 | 集成Vue页面 |
| 3 | 在Android项目中加载Vue页面 |
| 4 | 运行项目并查看效果 |
## 2. 具体步骤
### 步骤1：创建一个
原创
2024-04-10 03:56:37
188阅读
背景以前的项目要不是前人搭建的，要不就是从 vue-cli 搭建，然后将一些旧项目公用的代码搬过来，这些操作下来一个小时估计是跑不了的了，所以搭建属于自己的 template 是一件省时省力的事情。本文章不会讲到 vue-cli 的原理和实现，有兴趣的同学可以阅读 从vue-cli源码学习如何写模板，这篇文章写的很好，足够理解 vue-cli 的原理了。如何修改 template 文件首先，需要从
转载
2023-08-24 22:55:23
59阅读
在很多项目中，会有图文列表或者图片列表的出现，图片宽度好设定，但是高度往往不能设置成定值，一旦图片长款不成比例，就会显得很难看。所以使用瀑布流可以完美实现这个问题，图片只需要设定宽度，高度自适应，就可以完美实现。下边我们来说说怎样来实现------------------这个是针对图片以及带文字的卡片1：安装yarn add vue-waterfall22：引用，
产品希望做成从左侧拖曳进入，所见即所得，如图所示： 整个代码如果用在工程里，肯定会卡死，因为：drag: function (e) { let parentRect = document.getElementById('content').getBoundingClientRect(); }这个代码为什么不行？首先这个里面拖动计算直接在drag事
在本文中，我将把几个常用的监控部分给梳理一下。前面我们提到过，在性能监控图谱中，有操作系统、应用服务器、中间件、队列、缓存、数据库、网络、前端、负载均衡、Web 服务器、存储、代码等很多需要监控的点。显然这些监控点不能在一个专栏中全部覆盖并一一细化，我只能找最常用的几个，做些逻辑思路的说明，同时也把具体的实现描述出来。如果你遇到了其他的组件，也需要一一实现这些监控。在本篇中，主要想说明白下图的这个
转载
2024-06-17 19:57:17
1027阅读
作者介绍：王天宜Prometheus + Grafana 作为一套普适的监控系统广泛应用于各种应用环境中。本文主要介绍能否将 TiDB + Prometheus 新搭建的监控系统，迁移到已有的监控系统的方案。对资源比较紧张，高可用需求不强烈的用户，我们建议直接通过 Prometheus Label 进行集群的划分，做到 All in One 的 Prometheus 监控环境。对资源宽裕，高可用需
写在前面Vue-Router 有两种模式，默认是 hash 模式，另外一种是 history 模式。 hash：也就是地址栏里的 # 符号。比如 http://www.example/#/hello，hash 的值为 #/hello。特点：hash 虽然出现 URL 中，但不会被包含在 HTTP 请求中，对后端不会产生什么影响，改变 URL 不会重载页面。 history：利用了 HTML5 Hi
//H5
我们用vue构建一个嵌入页面。在这里我们用vue/cli 3.0来搭建我们的项目，vue/cli 3.0需要vue2.0以及webpack4.0以上的版本，还需要node.js的环境
因此我们需要在全局安装vue webpack 以及 vue/cli
1.下载vue cli 3.0
在k8s集群中使用node-exporter、prometheus、grafana对集群进行监控
node-exporter组件负责收集节点上的metrics监控数据，并将数据推送给prometheus, prometheus负责存储这些数据
grafana将这些数据通过网页以图形的形式展现
prometheus的架构图:
转载
2024-04-03 00:05:21
153阅读
springboot+vue集成shiro和redis的小理解本篇在springboot+vue项目搭建的基础上进行shiro和redis的集成，写上自己的一些小理解，如有错误，望大佬们指出，谢谢！ 百度中，写项目如何集成shiro和redis的例子很多，只是想写一个demo的话，从我自己看来，基本上是先导入需要的包，然后copy一下人家的配置，基本就完成了。所以这里仅仅大致记录一下流程，主要谢谢
转载
2023-10-14 14:10:31
76阅读
配置暴露metrics数据Nacos集群搭建地址：Nacos支持三种部署模式
搭建Nacos集群后，我们要在集群的每个节点中的配置文件application.properties中，暴露metric数据。实际上，就是把注释取消即可。访问10.128.198.200:8845/nacos/actuator/prometheus，看是否能访问到metrics数据，我这里直接演示下访问效果搭建prome
简介官方地址开放且可组合的可观察性和数据可视化平台。可视化来自 Prometheus、Loki、Elasticsearch、InfluxDB、Postgres 等多个来源的指标、日志和跟踪。在之前使用prometheus时，只有一个简单的控制台和图表查询指标，而使用Grafana作为可视化平台，prometheus作为数据源，就可以很简单的实现复杂的图表展示。特性Grafana 允许您查询、可视化
转载
2024-07-11 18:12:24
91阅读
目录0. Background1. 设置Timescale pg_prometheus和postgresql适配器1. 1 安装 pg_prometheus1.2 创建Prometheus数据库1.3 安装 prometheus-postgresql-adapter1.4 导入数据1.5 理解Prometheus的监控数据模型具体例子Metric NamesLabelsBase units2. 设
前段项目中有一个比较变态的需求，之所以变态，是因为我们的产品展示方案基于维护和安全考虑做的比较复杂。 大体流程时，我们想要实现通过外站引入一个脚本后，输出我们的产品内容到对方站上。 所以我们的脚本是用js document.write了一个iframe页面，此iframe页面 A 就是我们的产品业务：document.write('
