项目vue3 vue
vue3 引入axios 并封装下
没有考虑取消重复请求、重复发送请求、请求缓存等情况 重复请求参考此链接 实现请求拦截 实现响应拦截 常见错误信息处理 请求头设置 api 集中式管理 index.js import axios from "axios"; import qs from "qs"; const serverConfig ......
.net6 winform项目 添加webapi
默认创建.net6winform项目时，框架只有下面两个 剩下的一个通过编辑项目文件 添加截图的代码 <!--winform项目添加AspNetCore SDK --><ItemGroup><FrameworkReference Include="Microsoft.AspNetCore.App" ......
day16 atmx项目 register logging file_handle
register.py from atm.lib_common.file_handle import * def register_username_pwd(): """注册账户密码""" username=input("请输入你注册的用户名:>>>") pwd=input("请输入你的注册密码:> ......
vue项目中自定义鼠标图标实现
要做大屏项目，为了各个细节都充满炫酷的感觉，鼠标的样式也要修改一下，自定义成自己想要的样式。 1、先上效果图，两种展示方式 实现这个效果首先要创建在目录下创建一个styles文件夹，里面分别包括common.css、common.scss、custom-cursor.scss。 1、common.c ......
在vue3中使用openlayers3实现track轨迹动画
网上太多资料代码，抄来抄去，而且版本也是OL2的，部分API已经弃用 基础知识不多说，直接讲重点 三个关键变量 // 记录开始动画的时间 const startTime = ref(0); // 轨迹分割的颗粒度，数值越小分的越细 const particle = 20; // 轨迹动画的速度，数值 ......
vue实现大文件分片上传 vue-simple-uploader
首先为什么要分片上传？大部分小白使用element-ui中上传组件，但是直接用它上传大文件会 超时 或者Request Entity Too Large（请求实体太大）这种问题。 1. 使用插件 vue-simple-uploader我的这个可以自定义样式(没懂的留言给我) 1.1 customUp ......
最新：2024年值得关注的15款顶级开源项目管理系统！
推荐15个优秀的开源项目管理工具，比如：ProjectLibre、OpenProject、ERPNext、Redmine、禅道、Tuleap、Restyaboard等。 项目经理面临各种复杂任务，包括追踪任务的进度、评估交付风险和管理整体工作量。为了顺利达成目标，一款靠谱的项目管理(PM)工具是必不 ......
vue2、vue3适配大屏。分辨率变化，样式不变
一、vue3适配大屏的，创建一个叫 useDraw.js export default function () { const scale = { width: '1', height: '1', } const baseWidth = 1920 const baseHeight = 1080 co ......
基于vue脚手架的练习2
<template> <div> <span>父值为:</span>{{ to_value }} <button @click="clear()">清空</button> </div> </template> <script> export default { props:['to_value'], ......
Vue路由params、query传参用法，以及form表单回车自动提交问题
一、路由参数用法 1.1 query参数 第一种方式传参：跳转路由并携带query参数，注意to的字符串写法 将id和title拼接字符串形成地址 <router-link :to="`/home/message/detail?id=${item.id}&title=${item.title}`"> ......
【经验贴】做好这三点，有效提升项目的成功率
近期，大家都在做年度工作总结的准备了，在互相交流的时候，提到了一个值得思考的话题——“如何能提高项目的成功率？”。对于项目经理来说，都希望能找到一些通用的经验直接复制粘贴在自己的项目上，促进项目的成功，大家都纷纷发表了自己的见解。 虽然每个项目都具有一定的独特性，但大家都有自己的一些心得体验，经过整 ......
在gitlab中如何导出、导入某个项目（提交记录不变），对某个项目进行迁移
1、需求说明 在项目的迁移中遇到，需要将gitlab中的某个项目进行迁移的过程。 关键点是，需要保持提交记录不变。 本文档下面的内容，就介绍这个过程。 2、项目导出、导入的过程 2.1、导出项目 a、登录到gitlab页面 b、点击要迁移的项目 可以看到项目提交的记录 c、进入高级设置 点击左侧“设 ......
vue实现下载附件功能
两种方式下载： 第一种：直接a标签下载 <a class="item-btn download" :href="'/xxx/xxx/download?id=' + xxx.id" :download="xxx.name">下载附件</a> 第二种： <el-button class="item-bt ......
vue-quill富文本编辑器实现图片缩放
安装环境 官网：https://vueup.github.io/vue-quill/guide/modules.html npm安装：npm install @vueup/vue-quill@latest --save pnpm安装：pnpm add @vueup/vue-quill@latest ......
国内项目国际化后金额处理方案
目标现状及问题 目标： 已有的国内项目，需要部署国际化。需要考虑币种、金额货币精度、多语言、汇率、税等一系列问题。这里主要说的就是其中金额精度的处理。 现状： 日常国内项目里，界面输入的金额是元，然后数据库存储以及与其他系统交互都是用的分，也是就固定的货币精度系数100。 问题： 那么国际化项目后， ......
Windows服务器，通过Nginx部署VUE+Django前后端分离项目
目录 基本说明 安装 Nginx 部署 VUE 前端 部署 Django 后端 Django admin 静态文件（CSS，JS等）丢失的问题 1. 基本说明 本文介绍了在 windows 服务器下，通过 Nginx 部署 VUE + Django 前后端分离项目。本项目前端运行在 80 端口，服务 ......
vue中this.$refs的使用方法和遇到的问题
this.$refs ：用于操作真实的DOM节点。 在开发时碰到了一个小需求，需要子组件向父组件传参，而且是不需要通过事件传递的，一开始使用this.$emit()来写的，但是一直没有接受到参数，于是放弃了使用this.$emit()的使用。 于是，使用了在父组件中调用子组件的方法，来获取传递的参数 ......
Spring Boot学习随笔-第一个SpringBoot项目快速启动（org.springframework.boot、@SpringBootApplication、application.yml）
快速启动SpringBoot项目，包括引入spring-boot-starter-parent，@SpringBootApplication入口类注解、自动保存刷新pom.xml ......
VS Code 配置Vue3模板
配置用户代码片段 搜索vue 配置模板 { "vue3": { "prefix": "vue3", "body": [ "<template>", " <div>", " </div>", "</template>", "", "<script setup lang=\"ts\">", "impor ......
OpenTiny Vue 3.12.0 发布：文档大优化！增加水印和二维码两个新组件
TinyVue 3.12.0 主要更新：全面优化 54 个高频组件的 Demo / API 文档，让文档更加清晰易懂、符合预期；Watermark 水印组件；QrCode 二维码组件。 ......
Alpha阶段项目复审
1、作业概述 这个作业属于哪个课程 软件工程-计科21级12班-计算机学院-广东工业大学 这个作业要求在哪里 团队作业6——复审与事后分析-计科21级12班 这个作业的目标 Alpha阶段项目复审 作业gitee链接 2、成员信息 姓名 学号 身份 博客园主页 李梦承 3121004702 队长 y ......
[Vue] vue学习笔记(8): 生命周期(vue2)
vue里的生命周期，也叫生命周期回调函数，是指vue在一些关键时刻引用的特定函数，这些函数的名称是确定的，这些函数中的this指向vue实例或组件实例 挂载流程 0️⃣初始化生命周期和事件，但数据代理还未开始 1️⃣beforeCreate() ➡️ 此时无法通过vue实例访问data中的数据以及m ......
vue解析上传的json文件信息
1.模版 <a-upload name="layoutFile" v-model:file-list="fileList" @change="importModules" accept="*" :showUploadList="false" :customRequest="() => {}" :he ......
window 使用cmd命令生成项目的目录树
window 使用tree命令生成目录树，只有 /F和/A命令，并不满足我们需要过滤不必要文件和排序等等需求，所以我使用了一个插件 tree-node-cli。 在cmd窗口安装tree-node-cli插件 npm install -g tree-node-cli 插件安装成功后在cmd窗口执行命 ......
Vue2 的@hook 、 hook: 与生命周期
如何实现父组件监听子组件的生命周期 方法一：$emit // 父组件 <template> <div> <Child @mounted="onMounted" @updated="onUpdated" @beforeDestroy="onBeforeDestroy" ></Child> </div> ......
【Nginx/IIS】解决uniapp/Vue history模式下页面刷新404
uniapp/Vue 开启History模式 本地开发：二级页面刷新或者通过链接进入二级页面是正常的 打包部署后：二级页面刷新或者通过链接进入二级页面会报错404页面找不到 解决方案： Nginx配置： 在nginx.conf的对应location里配置一行代码 try_files $uri $ur ......
如何使用Visual Studio 2022创建基本Vue.js.Web应用程序
最近接了个物联网项目，需要用到 VUE Ant-Design 对于 vue 没有概念 只能查找相关 vue.js 的知识。 了解vue.js 的 前提条件 是要对 HTML +CSS +Jscript 有一定的知识储备。 所以 又去看了看 对应的三剑客（HTML +CSS +Jscript）。 跟着 ......
vue3视频播放器组件vue-video-player
1、安装 npm i vue3-video-play --save 2、全局注册 import vue3videoPlay from 'vue3-video-play' // 引入组件 import 'vue3-video-play/dist/style.css' // 引入css app.use( ......
基于vue2开发的html5页面实现微信分享卡片（微信好友+朋友圈+qq好友+qq空间）
首先附上文档链接： 1.微信官方文档：https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#111 2.免费生成二维码的草料官网：https://cli.im/text/other 需求： 在浏览器分享链接时 ......