由于平时使用Markdown做笔记,所以搭建了vuepress对笔记进行了管理,vuepress可以对文件内容进行搜索,非常方便;同时笔记放到网站上,可以随时随地访问。1. 安装node.js 2. 安装vuepressnpm install -g vuepress我采用的主题为:vuepress_admingit clone https://github.com/2662419405/vuepr
概述Vue.js(读音 /vjuː/, 类似于 view)是一个构建数据驱动的 web 界面的库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。Vue.js 自身不是一个全能框架——它只聚焦于视图层。因此它非常容易学习,非常容易与其它库或已有项目整合。另一方面,在与相关工具和支持库一起使用时,Vue.js 也能完美地驱动复杂的单页应用。响应的数据绑定
本文是Spring Boot + Vue前后端分离 系列的第二篇,了解前面的文章有助于更好的理解本文:前言(一).Vue项目结构(二). 启动流程上一篇大家都学习到了vue的环境搭建和项目创建,相信对于小伙伴来说都是很easy的,当然创建方式有多种,我比较喜欢使用命令函,还可以使用Idea创建,在idea工具中使用命令行也行,这个在这里就不多说了,有需要的可以自行百度,也很简单,我们今天
转载 2024-03-21 01:08:39
42阅读
spring boot 项目前后端不分离(单页版)适用简单小型项目,程序作业等1.引入element前端插件 去官网保存index.css和index.js文件到本地spring boot 中引入即可注意:vue.js一定要放在element的两个插件之前,不然会报错1.后端传值前端获取不到后端将登录用户名传到视图中@RequestMapping("/index") public @Res
转载 2024-07-03 10:12:47
161阅读
文章目录前端的基本框架NavBar 组件修改 Navbar 组件的样式创建下拉菜单:创建页面链接对应页面实现点击链接不刷新页面框住每个页面调整白框的样式对导航栏实现聚焦(高亮)简易版网站游戏地图设计游戏脚本AcGameObject实现游戏地图PK 页面实现障碍物更改图标 前端的基本框架导航栏的基本架构: KOB 对战 对局列表 排行榜 用户中心NavBar 组件因为导航栏多次复用,因此做页面的时
转载 2024-02-18 12:42:29
28阅读
vue2的时代,PC端的ui框架可以说elementUI独步天下,至少我在面试及工作过程中遇到的都是使用elementUI的,但是该开源项目随着核心成员的离职,更新进度似乎越来越缓慢,似乎印证了那句“开源工作一旦功成身退,再也没有动力和精力去持续维护下去”的言论了。随着vue3的时代的到来,未来前端框架翻云覆雨,走势如何还不知道,但是各大UI框架已经开始卯足了劲开发适配vue3的版本,这其中当属
转载 2024-09-24 19:45:06
235阅读
一、企业项目开发流程 产品提需求 交互设计出原型设计 视觉设计出UI设计图 前端开发出页面模板 server端存取数据库 验收测试 二、为什么要使用vue: https://cn.vuejs.org/v2/guide/comparison.html 5个前端,4个会vue,1个会react,那么你该如何选择 客户要求使用vue ... 三、如何选择脚手架 自己搭建脚手架 webpack 使用现成的
转载 2024-08-28 16:24:42
65阅读
1、概述Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式JavaScript框架,发布于2014年2月。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,方便与第三方库(如:vue-router:跳转,vue-resource:通信,vuex:管理)或既有项目整合。官网:https://cn.vuejs.org/v2/gui
转载 2023-10-22 15:51:37
126阅读
由于之前对前端部署上线这一套不清楚,所以这次通过查找多方资料总结一下。使用Vue作先后端分离项目时,一般前端是单独部署,用户访问的也是前端项目地址,所以前端开发人员颇有必要熟悉一下项目部署的流程与各种问题的解决办法了。 Vue项目打包部署自己不复杂,不过一些前端可能对服务器接触很少,部署过程当中仍是会遇到这样那样的问题。下方主要描述的是使用nginx服务器代理前端项目的方法以及项目部署的相关问题,
转载 2024-03-08 21:04:23
189阅读
Prometheus 和 Grafana 监控 Consul简介Consul是一款常用的服务发现和配置管理工具,可以很好地管理和发现分布式系统中的服务和实例。而Prometheus是一款常用的开源监控和告警系统,可以监控各种不同的系统组件并进行告警和分析。本文将介绍如何使用Prometheus监控Consul服务端,以便更好地管理和分析Consul集群的运行情况。安装Conusl服务端Conusl
Prometheus 的架构设计图通过prometheus的架构图可以看出,prometheus提供了本地存储,即tsdb时序数据库。本地存储的优势就是运维简单,缺点就是无法海量的metrics持久化和数据存在丢失的风险,我们在实际使用过程中,出现过几次wal文件损坏,无法再写入的问题。 当然prometheus2.0以后压缩数据能力得到了很大的提升。为了解决单节点存储的限制,prometheus
micrometer已经为我们做好了相关的接口,只需要引入依赖即可.<!--集成Prometheus--><dependency> <groupId>org.springframework.boot</groupId> <artifactId>spr
原创 2021-07-07 15:51:05
771阅读
# Prometheus 集成 Hive 教程 在这个教程中,我们将介绍如何将 Prometheus 集成到 Hive,以便监控 Hive 数据库的性能和健康状况。以下是整个流程的步骤和说明。 ## 整体流程 | 步骤 | 描述 | |------------|---------------------------------
原创 8月前
71阅读
# MySQL 集成 Prometheus 的实现指南 在现代应用程序监控中,Prometheus 是一个流行的开源监控和警报系统。通过与 MySQL 集成,我们可以有效地监控数据库的性能,获取各种指标以帮助运维和开发人员进行优化。本文将介绍如何实现 MySQL 与 Prometheus集成,包含代码示例以及相关流程图。 ## 前置准备 在开始之前,请确保您已经: 1. 安装了 MyS
原创 10月前
34阅读
SIA-GATEWAY是基于SpringCloud微服务生态体系下开发的一个分布式微服务网关系统。具备简单易用、可视化、高可扩展、高可用性等特征,提供云原生、完整及成熟的接入服务解决方案。本文介绍API网关的安装部署。一、环境1.1 编译环境Maven3+nodejsJdk1.8+1.2 运行时第三方依赖Mysql5.6+elasticsearch 5.5.2kibana-5.5.2kafka 2
什么是.NET Core?.NET 是开发平台,包括** .NET Framework、.NET Core、Xamarin/Mono。**.NET Core:免费、跨平台、开源。 跨平台:程序可以运行在Windows、Linux、Mac等操作系统下。Microsoft Azure 全球第二大云计算厂商 .NET Core 为云而生的技术。不止Azure,包括国内的阿里云等。.NET Core 的重
转载 6月前
34阅读
写在前面Heron虽然提供了Heron UI这种可视化界面,但它只是很基础的一个拓扑管理和资源查看页面。Heron提供了可扩展的可视化接口,可以使用其他已经成熟的可视化工具,对Heron的各种监测指标进行可视化,支持例如:Prometheus等组件。这里使用Proemtheus+Grafana组件的结合,实现Heron集群的可视化监测。原文创建于:20180821Prometheus的下载和安装P
文章目录一、前言1. 简介2. 工作过程二、组件介绍1. Cluster & Cluster Invoker2. Directory3. Router4. LoadBalance三、流程简述 一、前言本系列为个人Dubbo学习笔记,内容基于《深度剖析Apache Dubbo 核心技术内幕》,本文部分内容来源于官方文档。作为Dubbo集群组件分析的开篇文章。集群组件相关文章:Dubbo笔记
AMQP协议AMQP协议是一个异步消息传递所使用的应用层协议规范。又可以称为消息中间件协议。它是定义一个标准的接收及发送机制。它包括消息的路由(exchange)和缓存(queue)两个主要部分。1.体系结构:Producer-client---> exchange-->queue ---->Consumer-client中间的exchange、queue就是AMQP定义的ser
Golang文件 目录操作 Golang文件 目录操作模式含义os.O_WRONLY只写os.O_CREATE创建文件os.O_RDONLY只读os.O_RDWR读写os.O_TRUNC清空os.O_APPEND追加perm:文件权限,一个八进制数,r(读)04,w(写)02,x(执行)01.package main import ( "fmt"
  • 1
  • 2
  • 3
  • 4
  • 5