效果echarts项目vue
解决vue-elment-admin mock转在线接口地址跨域问题
devServer: { port: port, open: true, overlay: { warnings: false, errors: true }, // before: require('./mock/mock-server.js') proxy: { // [process.env. ......
新员工入职，前端基础环境变量的配置！node、nvm、vue-cli的安装和下载
1.安装nvm及配置 首先下载nvm不要下载node,如果电脑已经有node的话需要卸载node，并使用命令提示符来查看node的位置（where node）手动删除 nvm下载链接：https://nvm.uihtm.com/ 下载最新版本，next傻瓜式操作(需要注意的是） 选择node.js文 ......
grafana的配置-加域及k8s项目限定权限
1.加域 vim /etc/grafana/grafana.ini [server] root_url = %(protocol)s://{ip}:%(http_port)s/proxy/grafana/kubernetes-dev/ serve_from_sub_path = true [auth ......
Vue3中的Component之间的消息传递
Vue3中的父子之间的消息传递可以通过Emit进行消息传递.详细参见Vue3的官方文档Event的说明https://vuejs.org/guide/components/events.html#declaring-emitted-events 官网中的文档读起来稍微有点费解,这里阐述一下,其实就是 ......
【工具类】-日志、项目启动
项目启动 -Dspring.profiles.active=dev 日志 log.error("[滴滴取消订单]-leecancelDidiOrder-订单编号：{}，异常信息：{}", orderNo, Throwables.getStackTraceAsString(e)); <dependen ......
vue项目中发布新版本线上自动清缓存
背景 最近项目更新频繁，每次一更新客户都说还跟之前的一样。一查原因是因为客户没有清空浏览器的缓存。所以为了方便客户看到最新版本，开始调研再发布新版本后自动清理缓存。 方案 每次打包后的js和css都加上hash值后缀。当文件发生改变时，hash值也改变。这样就不会走缓存 举个例子 vue.confi ......
用Abp实现两步验证（Two-Factor Authentication，2FA）登录（二）：Vue网页端开发
@ 前端代码的框架采用vue.js + elementUI 这套较为简单的方式实现，以及typescript语法更方便阅读。 首先添加全局对象： loginForm: 登录表单对象 twoFactorData: 两步验证数据， showTwoFactorSuccess: 是否显示两步验证成功提示 l ......
Vue3+element-plus封装文字超出一行，省略号显示，鼠标悬浮展示全部
1.组件封装 <template> <el-tooltip effect="dark" :disabled="isShowTooltip" :content="content" placement="top"> <p :class="['line1', className]" @mouseover= ......
Vue.js 路由的props配置
视频 index.js(解构赋值，连续解构赋值) Message.vue 7.路由的props配置 作用：让路由组件更方便的收到参数 { name:'xiangqing', path:'detail/:id', component:Detail, //第一种写法：props值为对象，该对象中所有 ......
使用MySql8.0+项目无法连接数据库问题
MySql连接字符串:==jdbc:mysql://localhost:3306/ssmbuild?useSSL=true&useUnicode=true&characterEncoding=utf8&serverTimezone=Asia/Shanghai== 注意这里的useSSL为true: ......
java项目 学生成绩管理系统 (源码+数据库文件)
需要的私信我 备注来意：项目名称 来了就点个赞再走呗，即将毕业的兄弟有福了 文章底部获取源码 java项目 学生成绩管理 (源码+数据库文件)技术框架:java+springboot+vue+mysql后端框 系统共分为三种用户 系统主要功能：系统设计三个角色，学生端，教师端，系统管理员端 一、 ......
Vue+echarts实现中国地图射线效果
效果图如上 前提是安装Echarts并引入 并且配置中国地图json文件这些都在同账号另一篇博客上有说明，查看请自行移步 下展示代码 <template> <div class="managingPatientSize"> <el-row> <el-col :span="6">1</el-col> ......
Nopcommerce 项目添加插件
插件是用来扩展nopCommerce功能的。nopCommerce拥有多种类型的插件。例如：支付方式（PayPal），税务机构，送货方式计算方法（UPS, USP, FedEx），小部件（如“在线聊天”块）等等。 nopCommerce本身也自带了很多不同的插件。您还可以在nopCommerce官方 ......
Vue3+Vite 动态修改svg图片颜色
首先需要以组件形式使用svg，请先看这篇文章：vite中加载使用svg 可能是跟原博主使用的svg格式不同，用:style="{ color: color }"修改颜色不生效，因此做了一点修改，此修改适用的svg如下： 在iconfont官网收藏下载的svg格式图标，打开文件删除其中的fill=xx ......
Vue项目使用Echarts来实现中国地图，省份显示
当时做的时候参考了CSND博主：接口写好了吗 第一步：下载echarts npm install echarts --save main.js中引入 import * as echarts from 'echarts'; 第二步：引入china.json文件 创建utils文件夹，在内创建china ......
结对编程作业：在简单的java GUI计算器上添加按键效果。
本次结对编程作业主要内容为：利用jlayer外部jar包实现简单的音效效果，主要利用到java多线程，GUI监听，jlayer外包引入实现。 本博客中，本人（2152111）姑且称之为“小利”，伙伴（2152117）称为“博士”（他本人起的）。 注：原计算器代码由小利之前编写的，不来源于网络，本次结 ......
uni-app vue2升级vue3过程中遇到的问题总结
首先是在升级的过程中，项目跑不起来，相关的问题不贴图了，解决办法简单粗暴，就是卸载，重装最新版Hbuilder X。可以解决一大部分问题。 再次，会出现如下报错： 是因为我在main.js中app.use 的问题，直接注释。然后发现还有如下问题： 排查了好久才发现，是因为写在app.vue中的检测小 ......
vue2项目搭建
1安装 脚手架和打包工具 创建项目 npm install -g vue-cli npm install -g webpack vue create 项目名 创建vue项目时报错：vue : 无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请 ......
SpringBoot项目打war包，以及tomcat部署访问404问题
springboot打war包 修改pom文件打包方式 packaging标签由jar改成war，不写默认jar方式 启动类继承SpringBootServletInitializer，重写configure方法 打包 使用maven工具点击package打包，clean是清空target目录。 t ......
Vue2电商实战项目(二)
最新接口请求地址 - http://gmall-h5-api.atguigu.cn/ - 示例: http://gmall-h5-api.atguigu.cn/api/product/getBaseCategoryList axios二次封装 - 前端请求方法大概有这几种: XMLHttpReque ......
UniApp小程序开发项目创建与运行
1.准备工作：HbuiderX + 微信开发者工具下载安装+小程序账号申请开通(这里就不例举了，可以看同账号uniapp小程序开发准备) 2.创建项目 新版本的HbuilderX点击新建项目——选择uni-app——选择默认模板——输入项目名称——选择Vue版本(此随笔是前后端分离开发,不使用Uni ......
vue属性之监听属性(watch)
简介 当一个变量的值发生变化时，执行对应的函数 语法 # 在属性中添加watch属性，并以需要监听变量的名字进行定义函数 data:{show: 'abc'} watch:{ show(){ 我是函数内容 } } 示例 <!DOCTYPE html> <html lang="en"> <head> ......
有限资源下如何实现最高效的数据处理？四个“智慧城市”项目寻找“最优解”
随着 5G 基站等通信工程的加快建设，城市治理、城市安全管理成为热门话题，物联设备在我们的社会中扮演的角色也变得越来越重要，智慧燃气、智能电表、智能井盖、智能交通等项目在众多城市开始布局，随着一众智慧城市项目的深入落地，海量时序数据的高效处理和成本管控也成为一个待解的难题。 为帮助大家寻找解决上述问 ......
vue之计算属性(computed)
简介 在vue中，如果在methods中定义了一个函数，也是可以通过插值语法调用的，但会产生一个问题，如果有多个输入框使用了v-model，这时不管输入的内容是否与这个函数有关，这个函数都会执行一次，这样会让降低运行效率，为了解决这个问题，可以使用计算属性 计算属性效果： 计算属性只有在它的相关依赖 ......
vue项目通过外部配置文件读取接口地址- 在webpack-index.html模板中使用环境变量
概述：在index.html模板中判断当前环境，处于开发环境下时读取process环境变量、处于生产环境下时读取根目录配置文件（./config.js）,两种环境下将配置统一挂载到window全局变量上（SET_CONFIG） config.js window.SITE_CONFIG = { app ......
AIOPS开源项目概览
Studying the Characteristics of AIOps Projects on GitHub 该论文研究AIOps开源项目的情况， 直接看结论， 使用语言，主要python，其次是java 输入的数据 可以看出AIOPS主要是针对监控数据，这个本身很直觉 使用算法 经典的ML算法 ......
testng+HttpClient项目实战（一）
参考文档： https://www.cnblogs.com/yingyingja/p/9973960.html https://www.cnblogs.com/yingyingja/p/9974181.html https://www.cnblogs.com/yingyingja/p/9974183 ......
SpringBoot项目启动执行任务的几种方式
1、直接在启动类下面调用方法 @SpringBootApplication public class TestApplication { public static void main(String[] args) { SpringApplication.run(TestApplication.cl ......