Vue实现前后端分离项目的初体验经过之前学习的Vue的知识：vue基本指令vue组件vue-resourcevue路由其实我们已经可以开始实战运用到实际的Web项目中了，由于本人是Java后端开发的，所以后端是基于SpringMVC的。以下我们将演示如何使用Vue组件实现一个用户登录系统。<!--more-->介绍后端后端基于spring、springMVC、mybatis框架对后端S
转载
2024-05-02 22:53:22
113阅读
Fragment使用的基本知识点总结， 包括Fragment的添加， 参数传递和通信， 生命周期和各种操作。一、Fragment添加方法一: 布局里的标签 标识符: tag， id， 如果都没有， container的id将会被使用。方法二: 动态添加 动态添加利用了一个transaction:FragmentManager fragmentManager = getFragmentManager
在本文中，我将把几个常用的监控部分给梳理一下。前面我们提到过，在性能监控图谱中，有操作系统、应用服务器、中间件、队列、缓存、数据库、网络、前端、负载均衡、Web 服务器、存储、代码等很多需要监控的点。显然这些监控点不能在一个专栏中全部覆盖并一一细化，我只能找最常用的几个，做些逻辑思路的说明，同时也把具体的实现描述出来。如果你遇到了其他的组件，也需要一一实现这些监控。在本篇中，主要想说明白下图的这个
转载
2024-06-17 19:57:17
1027阅读
Vue.Draggable学习总结Draggable为基于Sortable.js的vue组件，用以实现拖拽功能。特性支持触摸设备支持拖拽和选择文本支持智能滚动支持不同列表之间的拖拽不以jQuery为基础和视图模型同步刷新和vue2的国度动画兼容支持撤销操作当需要完全控制时，可以抛出所有变化可以和现有的UI组件兼容安装npm install vuedraggable引入import draggabl
安装资源库：从Vue资源：https://github.com/vuejs/awesome-vue下载Libraries/UI Components/Form/Drag and Dropyarn add vuedraggable (5000?) (点击查看git)相关博客（功能翻译）：https://www.jianshu.com/p/03f0f58
1.简介 关于ifarem标签一般用于项目内外嵌页面。比如vue中经常会遇到外嵌页面的问题，但是有需求这样的 要求外嵌页面的内容保持缓存 项目中一不小心点他其它页面 再次切换回来 防止页面外嵌页面再次刷新。2关于使用keep-alive缓存不了iframe界面原因 很多人第一想法就是会使用 keep-alive 去实现组件缓存，但是对iframe标签是行不通的，keepalive作为缓存组件这里不
转载
2024-04-10 17:31:18
424阅读
需求：在 vue 和 element-ui 项目中，有点击按钮 预览，下载，打印 PDF 文件 需求，要求支持 PDF 的预览，上下页切换，首尾页切换，页码选择跳转，放大缩小，顺时针逆时针旋转，下载，打印等功能 。实现：方法一 可以考虑使用 vue-pdf 插件 去实现；方法二考虑使用 
下载插件npm install echarts --save引入我们的 eCharts 我们也可以再官网上看到eCharts的下载 和引入方式ECharts的基础配置 在官网给出了我们许多示例：链接
我们都可以直接拿来用，但是里面的一些配置我们可以根据自己的需求来修改，所以我们需要了解ECharts的基础配置。主要配置（常用的） 官网配置项参考文档：链接需要了解的主要配置：s
Vue项目打包之后，部署有两种方式，一是前台打包后扔给后台，放置在后台项目的根目录下就可以了。这种是最简单的。还有一种方式就是前端单独部署，这里讲的是后者 前端如何单独部署呢？ 一个最简单的办法就是使用Nginx部署辣 一.我们将自己的Vue项目打包 运行npm run build 会在项目中生成一个叫dist文件 二.安装Nginx Nginx是一个类似于Tomcat的服务器，部署前
转载
2024-05-06 14:42:26
170阅读
Zabbix 是一个企业级分布式开源监控解决方案，其监控与告警功能十分强大。Grafana是一款开源的可视化软件，可以搭配数据源实现一个数据的展示和分析；Grafana功能强大，有着丰富的插件。两者结合以下，逼格还是挺高的。两套程序可以安装在一个CentOS7系统上边。本来想省点事用zabbix appliance来搭建，也就是装好的zabbix系统直接拿来用，但是里边太多坑，底层是Ubuntu系
最近想不到好的专题，所以与大家一起聊聊，在我眼中，一名优秀的嵌入式软件工程师需要具备哪些能力。 嵌入式软件工程师需要哪些知识基本职业技能编码能力：至少精通C/C++语言进行coding。就嵌入式行业而言，这两种语言用得最多。如果掌握了它们，即便切换到其他语言，难度也不会太大。此外，还包括良好的编码习惯和风格，具体内容可以参看最初几期关于编码规范的一些讨论。关于这个
前言在前端开发过程中，往原有页面中嵌入新的页面的需求也是比较常见的需求操作，尤其是在比较复杂的必须要用嵌套的场景下。前端中使用嵌套的时候，需要用到的就是iframe标签，通过该标签可以规定一个内联框架，然后放入需要嵌套的新页面即可。本篇博文来分享一下关于iframe的使用方法，尤其是对于初级开发者来说尤为重要。一、iframe1、定义和使用<iframe> 标签规定一个内联框架，一个内
转载
2024-02-18 10:26:51
849阅读
先要在Google Analytics上注册一个账号，先创建一个账号，然后在该账号下创建一个应用设置类型为网站： 然后在数据流中进入网站，获取衡量 ID：在Vue中集成插件：vue-gtag安装：npm add vue-gtag在main.js加入如下：// 引入 vue-gtag
import VueGtag from 'vue-gtag'
Vue.use(VueGtag, {
c
以前都用的是 echarts 插件，这次的项目要用 vue-echarts 插件。vue-echarts 和 echarts 的区别：vue-echarts是封装后的vue插件， 基于 ECharts v4.0.1+ 开发，依赖 Vue.js v2.2.6+，功能一样的只是把它封装成vue插件 这样更方便以vue的方式去使用它。echar
转载
2024-02-29 13:19:30
324阅读
简介官方地址开放且可组合的可观察性和数据可视化平台。可视化来自 Prometheus、Loki、Elasticsearch、InfluxDB、Postgres 等多个来源的指标、日志和跟踪。在之前使用prometheus时，只有一个简单的控制台和图表查询指标，而使用Grafana作为可视化平台，prometheus作为数据源，就可以很简单的实现复杂的图表展示。特性Grafana 允许您查询、可视化
转载
2024-07-11 18:12:24
91阅读
type: 'line',
itemStyle:{
color:"#FB
title: 深入学习和理解Django模板层：构建动态页面 date: 2024/5/5 20:53:51 updated: 2024/5/5 20:53:51 categories:后端开发tags:Django模板表单处理静态文件国际化性能优化安全防护部署实践第一章：模板语法基础Django模板语法介绍Django模板语法是一种简洁而强大的语法，用于在HTML中插入动态数据和控制页面逻辑。以
我们发送重要邮件时为了确认对方已读，都会在邮件中设置一个“读取回执"标签以确定对方时候读信。 这种模式用途很广，例如：发送传单时，确保对方已读推广网页时，多少用户做了点击移动App运营活动页面，分析用户访问情况对这类个性化的采集与统计，针对站长CNZZ、百度统计，移动的Talking Data、友盟等都无法胜任。主要难点在于：个性化需求难满足：用户产生行为并非移动端场景，其中会包括一些运营个性化需
转载
2024-06-02 16:02:41
390阅读
写在前面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
