vue-router vue案例router
vue入门-？？？？ 05days
购物车案例回顾： -v -for循环商品 -checkbox多选： 数组，input > checkbox >value 对象 [在input中 只能使用 v-model] getprice() >方法 > 变量发生变化，这个会重新运算 加全选 与全不选 -chekbox >单独的 >布尔类型 -c ......
使用Nginx部署VUE3+VITE项目时无法访问后端接口的一个情况
在使用VUE3作为前端，ABPVNEXT6.0作为后端框架。使用Nginx部署后无法访问api，接口报错404 找错思路很重要，网上找到了很多Nginx配置信息，但是都不起作用，即使更换服务器重新部署也无法生效 后来才发现，ABPNEXT对于未找到对应实体的报错就是404，按照正常的程序逻辑，404 ......
netcore webpi 通过signalr 给vue项目推送消息
最近项目上需要做个服务给前端推消息，首先就想到了signalr，关于signalr 详情可以参考微软官方文档（ASP.NET Core SignalR 概述 | Microsoft Learn），微软现在也有使用教程（ASP.NET Core SignalR 入门 | Microsoft Learn ......
5分钟搞定vue3函数式弹窗
前言 最近接到一个需求，需要在一些敏感操作进行前要求输入账号和密码，然后将输入的账号和密码加到接口请求的header里面。如果每个页面都去手动导入弹窗组件，在点击按钮后弹出弹窗。再拿到弹窗返回的账号密码后去请求接口也太累了，那么有没有更简单的实现方式呢？ 函数式弹窗的使用场景 首先我们来看看什么是函 ......
案例分享：各行业销售岗位的KPI指标制定分享
在当今竞争激烈的市场环境中，销售岗位的绩效考核至关重要。有效的绩效考核能帮助企业了解销售人员的业绩，激励他们提高效率，并确保销售战略的实现。关键绩效指标（KPI）作为绩效考核的核心，能精炼地反映销售人员的表现。 快消品行业 ： 销售额与增长率：衡量销售人员在一个季度或一年内达到的销售总额及其同比增长 ......
监控报警系统方案433M无线收发芯片动能世纪DP4306F的应用案例
越来越多的复杂结构的建筑，人员密集型场所，地下建筑，危险品存放地等的涌现，使传统有线报警系统不能满足要求。无线星型自组网无需基站和铺设通信线，覆盖面广，探测器可安放在任意位置，分布节点多，不受建筑条件限制，布设简单，维护方便，成本较低，适合各种复杂建筑结构，是火灾有线监控系统的一种有效补充。 监控报 ......
python diango后端支持运行脚本+vue前端支持脚本运行
# 使用Python内置的subprocess模块来执行Python脚本 # 使用注意： # 1，依赖包需要提前导入至脚本中 # 2，script_path变量是脚本得绝对路径 # 3，filename变量是脚本得名称 # 搭配vue页面使用 # 想法：页面支持导入，编辑，执行脚本 # 导入：默认指 ......
Flashduty 案例分享 - 途游游戏
Flashduty 作为功能完备的事件OnCall中心，可以接入云上、云下不同监控系统，统一做告警降噪分派、认领升级、排班协同，已经得到众多先进企业的认可。我们采访了一些典型客户代表，了解他们的痛点、选型考虑和未来展望，集成本系列文章，以飨读者。 本次有幸在邹老板支持下访谈到途游资深运维工程师高工， ......
vscode设置vue3代码格式化
下载插件可以使用Volar或Prettier 设置格式化时选用的插件mac：【shift】+【option】+【f】win：【shift】+【alt】+【f】 选择其中之一 左下角选择【设置】 点击右上角的文件切换图标，可以切换到setting.json 实际使用假设这是默认代码状态 使用Prett ......
[Vue]自定义导航栏
思路留存自用，主要是template部分，效果大概如下： <template> <div v-show="isStart" :class="'menu_page' + aniClass"> <div class="menu" v-for="item in items"> <div class="gr ......
for循环语法及案例
'''for循环和while循环的作用是一样的for循环一般常用于取值循环，循环的过程中，取出下列类型的每一个数据值字符串、列表、集合、元组、字典for循环语法：for 变量名 in 字符串/列表/集合/元组/字典 循环的代码(变量名拿到的是数据类型中的一个数据)'''# 获取列表中那些数据是奇数a ......
java案例
一、买飞机票 public class Main { public static void main(String[] args) { double price = calculate(1000,11,"经济舱"); System.out.println("优惠价是："+price); } publ ......
资源配额ResourceQuota实战案例
目录一.资源配额ResourceQuota概述1.资源配额概述2.资源配额ResourceQuota的工作方式3.计算资源配额4.存储资源配额5.对象数量配额二.资源配额案例1.计算资源配额案例1.1 创建计算资源配额1.2 验证计算资源配额1.3 超出计算配额验证2.存储资源配额案例2.1 创建存 ......
vue3 + element-plus 的 upload + axios + django 文件上传并保存
之前在网上搜了好多教程，一直没有找到合适自己的，要么只有前端部分没有后端，要么就是写的不是很明白。所以还得靠自己摸索出来后，来此记录一下整个过程。 其实就是不要用默认的 action，要手动实现上传方式 http-request，然后再传给后端进行各种操作了 这里隐藏了文件展示列表 展示了上传文件的 ......
关于前端的vue3框架遇到的一些问题.前后端分页和js,ts进行编写时的区别
分页有两种形式,一种是前端进行分页,一种是后端进行分页 前端分页: 1. 在普通js写法中,需要有默认函数,在函数内进行编写功能实现比如以下代码: export default { data() { return { tableData: [], page: 1, limit: 10, total: ......
naming conflicts with other components【vue3】
问题描述： 在vue3中有相同名称的文件时，会报错 [unplugin-vue-components] component "Xxx"(D:/a/b/xxx.vue) has naming conflicts with other components, ignored. 解决方案： 修改vite. ......
vue3hooks中的生命周期钩子
vue3中新增了hooks的使用，内置了vue的各种api，用来将重复逻辑封装复用，比mixin更灵活 hooks中同样可以使用vue的生命周期钩子，但是容易产生原文件生命周期和hooks函数中生命周期执行顺序的疑惑 根据原文件调用生命周期和执行hooks函数的时机进行排序 export const ......
HR岗位的OKR案例
OKR（Objectives and Key Results）即目标与关键成果法，是一套明确和跟踪目标及其完成情况的管理工具和方法，由英特尔公司创始人安迪·葛洛夫（Andy Grove）发明，并由约翰·道尔（John Doerr）引入到谷歌使用。 OKR的出现是为了解决企业中目标不清晰、不具体、不易 ......
1.6 - 封包解包及其案例解析
1.6.1 封包和解包 封包：将多个值赋给同一个变量 或 return返回多个对象 的时候，python会将这多个值封装成一个元组，python的这个特性称之为 封包。 定义函数的时候，如果使用了 **kwargs 来接收多个自定义关键字参数，在实参调用的时候，会将这些自定义kv实参封装成字典。 # ......
Vue3中实现world、excel、txt、pdf文件预览，（vue-office的使用)
依赖 "@vue-office/docx": "^1.3.0", "@vue-office/excel": "^1.4.5", "@vue-office/pdf": "^1.5.3", 代码案例 核心代码 <div class="preview-box"> <a-modal class="previ ......
vue入门——？？04days
def接口项目_回顾 # 创建数据库指定编码 CREATE DATABASE drf_ks CHARACTER SET utf8; # 锁定用户后，之前签发的token，如果没过期，还能用 -自己写认证类 》拿到当前用户后，判断是否锁定，如果锁定了，认证不通过即可 # 用自定义用户表--》签发tok ......
HTML页面的哈希（hash）路由原理+原生js案例
<!-- * 场景:不刷新页面，对页面的局部内容进行更改 *方案1：ajax 方法 *方案2：哈希（hash）路由原理 *方案2讲解：监听浏览器的url中的hash（url的#后面的文本——锚文本）值，进行更改内容 --> <!DOCTYPE html> <html lang="cn"> <head ......
Vue——实现与后端交互
展现方式：点击按钮向后端发起请求，获取数据并展示到前端 呈现效果： 实现方式如下： 第一步：使用Django框架书写后端代码，返回数据（用户名与年龄） 视图类： from rest_framework.views import APIView from rest_framework.response ......
vue项目里导出word模板，导出Excel表格~
一、安装依赖包 1、docxtemplater npm install docxtemplater pizzip -S2、jszip-utils npm install jszip-utils -S3、pizzip npm install pizzip -S4、FileSaver npm insta ......
Vue——实现购物车的增减与价格统计
呈现效果： 第一步：引入vue与bootstrap的CDN <script src="./js/vue.js"></script> <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4 ......
docker安装Nginx并运行vue3前端
Docker安装Nginx #获取Nginx docker pull nginx #查端口 netstat -ntlp #建本地目录 mkdir -p /home/nginx/www /home/nginx/logs /home/nginx/conf /home/nginx/conf.d #创建临时 ......
vue3路由跳转与参数获取
// 普通跳转 router.push('/index') // query 参数 router.push({ path: '/index', query: { id: 123, } }) // params 参数 router.push({ name: 'index', params: { id: ......
SQL Server数据库加密解密使用案例
1 --创建数据库主秘钥 2 2 CREATE MASTER KEY ENCRYPTION BY PASSWORD = 'pwd' 3 3 ==> pwd是用户自己设置的密码 4 4 5 5 --创建证书 6 6 CREATE CERTIFICATE TestCertName WITH SUBJEC ......
vue3版本下element-plus和antd-vue选哪个更好一些？
Vue 3 发布后，各家第三方库开始陆续重构并支持 Vue 3 ，国内两大知名框架 Element Plus 和 Ant Design Vue 也相续发布新版支持 Vue 3。到底应该怎么选择呢？ Element Plus 和 Ant Design Vue 3 都已不在支持 IE 了，并不是他们自己 ......