项目vue3 vue
IDEA Java项目中Maven Lifecycle功能
功能点 clean 用于清除之前构建生成的所有文件,具体为清除Target目录中的所有文件,包括该目录删除了install生成的所有文件。 validate 用于验证项目是否正确,并且说必要的信息是否都可用。 compile 编译项目的源代码,主要是Java文件。 test 编译和运行测试代码。 p ......
解决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后端框 系统共分为三种用户 系统主要功能:系统设计三个角色,学生端,教师端,系统管理员端 一、 ......
Vue3+Vite 动态修改svg图片颜色
首先需要以组件形式使用svg,请先看这篇文章:vite中加载使用svg 可能是跟原博主使用的svg格式不同,用:style="{ color: color }"修改颜色不生效,因此做了一点修改,此修改适用的svg如下: 在iconfont官网收藏下载的svg格式图标,打开文件删除其中的fill=xx ......
Nopcommerce 项目添加插件
插件是用来扩展nopCommerce功能的。nopCommerce拥有多种类型的插件。例如:支付方式(PayPal),税务机构,送货方式计算方法(UPS, USP, FedEx),小部件(如“在线聊天”块)等等。 nopCommerce本身也自带了很多不同的插件。您还可以在nopCommerce官方 ......
Vue+echarts实现中国地图射线效果
效果图如上 前提是安装Echarts并引入 并且配置中国地图json文件这些都在同账号另一篇博客上有说明,查看请自行移步 下展示代码 <template> <div class="managingPatientSize"> <el-row> <el-col :span="6">1</el-col> ......
uni-app vue2升级vue3过程中遇到的问题总结
首先是在升级的过程中,项目跑不起来,相关的问题不贴图了,解决办法简单粗暴,就是卸载,重装最新版Hbuilder X。可以解决一大部分问题。 再次,会出现如下报错: 是因为我在main.js中app.use 的问题,直接注释。然后发现还有如下问题: 排查了好久才发现,是因为写在app.vue中的检测小 ......
Vue项目使用Echarts来实现中国地图,省份显示
当时做的时候参考了CSND博主:接口写好了吗 第一步:下载echarts npm install echarts --save main.js中引入 import * as echarts from 'echarts'; 第二步:引入china.json文件 创建utils文件夹,在内创建china ......
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 ......