效果echarts项目vue
vue3 checkbox 单选
<template> <div class="ant-checkbox-group ant-checkbox-group-outline"> <label v-for="item in getOptions" :key="`${item.value}`" :class="getCheckboxwra ......
【一】BBS项目设计
# 【引入】BBS表设计 > - 一个项目最最最重要的不是业务逻辑的书写 > - 而是前期的表设计，只要将表设计好，后续的功能就会相对顺利一些 # 【1】用户表(UserInfo) - 继承 `AbstractUser` 表 - 拓展字段 | 字段名 | 类型 | 注释 | | | | | | ph ......
项目开发流程
# 项目开发流程 # 【一】需求分析 ## 【1】角色组成 - 架构师 + 产品经理 + 开发者组长 ## 【2】前期 - 在跟客户谈需求之前，会先大致了解客户的需求，然后自己先设计一套比较好写的方案 - 在跟客户交流沟通过程中引导客户往我们之前想好的方向上靠 - 形成一个初步的方案 # 【二】项目 ......
vue3组合式 API_为 computed() 标注类型
computed() 会自动从其计算函数的返回值上推导出类型 <template> <h3>{{ doubleCount }}</h3> </template> <script setup lang="ts"> import { ref,computed } from "vue" const cou ......
vue3+antd-vue实现增改弹窗
对于前端来说，在后台系统中最常见的需求，就是基于表单表格的正删改查。对于增和改，需要实现弹框组件。代码如下： ``` ``` ###使用方法： ###模板使用组件 ``` ``` ###控制打开弹窗 ``` 编辑 ``` ###js const classModal = ref(null) func ......
vueuse使用（VUE3）
vue create my-vue HelloWorld.vue <template> <button type="button" @click="open">选择文件</button> </template> <script> import { useFileDialog } from '@vue ......
vue contenteditable编辑模式下，样式不生效
换行后生成div，设置的样式没有生效 ***原因 style标签上设置了scoped 解决办法 1、去掉style的scoped属性 2、额外写一个style，不加scoped（vue支持多个style） <div class="mainText-body" contenteditable="tru ......
在Java项目中使用redisson实现分布式锁
Redisson自定义注解实现分布式锁 在Java项目中使用Redission自定义注解实现分布式锁： 添加Redission依赖项：在项目的pom.xml中添加Redission依赖项： <dependency> <groupId>org.redisson</groupId> <artifactI ......
vue3中组合式 API_为 reactive() 标注类型
reactive() 也会隐式地从它的参数中推导类型 <template> <h3>{{ book.title }}</h3> <h3>{{ book.author }}</h3> </template> <script setup lang="ts"> import { reactive } fr ......
Vue3 响应式全局对象json 动态绑定界面四 （Div块样式 Json数据绑定）
效果 man.js 定义 响应式全局对象 globalData //全局对象 const globalData=reactive({ extTelTalkData: [ { userExten: "1000", userName: "刘亦菲", callStatus:"通话" }, { userEx ......
Vue3 响应式全局对象json 动态绑定界面三 （Div块样式 字符串叠加）
效果 man.js 定义 响应式全局对象 globalData //全局对象 const globalData=reactive({ missedCallData:"", currentUserTel:"", }) app.provide('globalData', globalData); 在ma ......
Vue3 响应式全局对象json 动态绑定界面二 （方块矩阵样式）
效果 main.js //全局对象 const globalData=reactive({ extTelMonitorData: [ { title: '用户组一', list: [ { groupID: "0", groupName: "All Users", userDomain: "equii ......
Vue3 响应式全局对象json 动态绑定界面一 （列表样式）
效果 man.js 定义 响应式全局对象 globalData const globalData=reactive({ extTelListData: [ { userExten: "1000", userName: "秦岚", callStatus:"通话" }, { userExten: "10 ......
VUE|模板语法
## 1 模板 ### 1) 什么是模板 > 什么是模板 > > 由Vue解析的HTML字符串 > Vue的主要工作 1. 编译模板 2. 挂载 ### 2) 如何确定模板 确定模板有几种方式 1. 没有指定`template`选项, 以容器的`innerHTML`做为模板 2. 指定`templa ......
VUE|组件基础
## 1 快速体验 > 步聚 1. 定义组件 2. 导入组件 3. 引用组件 > 语法 ```vue 模板 ``` ### 1) 定义组件 在`components`目录下, 创建组件文件`TheCounter.vue` ```vue 计数器:{{ count }} 点击+1 ``` ### 2) ......
VUE|计算属性
## 1 计算属性 ### 1) 什么是计算属性 计算属性就是基于现有属性计算后的属性 ### 2) 计算属性的作用 计算属性用于对原始数据的再次加工 ### 3) 案例 > **需求** > > 实现如下效果 > > ```html Document 请输入一个字符串: 反转后的字符串: {{re ......
VUE|侦听器
## 1 侦听器 ### 1) 什么是侦听器 可以通过watch配置项, 监听已经存在的属性的改变 ### 2) 语法 ```javascript watch: { // 监听data中的firstName属性 firstName() { // 执行一系列的操作 }, },watch: { // 监 ......
第十五篇 - Vue添加图标
参考链接：https://www.yii666.com/blog/45780.html 添加图标的两种方式： 1. 直接使用element-plus/icons-vue（图标名称网址：https://element-plus.gitee.io/en-US/component/icon.html#ic ......
VUE|组合式API
# VUE|组合式API ## 1 setup语法糖 在`vue`项目中, 通常使用`setup`语法简化书写 setup的特点 1. 在setup语法中定义**变量**, 可以直接在**模板**中使用 2. 在setup语法中定义**函数**, 可以直接在**模板**中使用 3. 导入的组件对象, ......
vue3高阶用法一
### 1. v-model 和v-model:value为什么要的需要加: + v-model vue3中使用了modelValue来代替了value, 所以子组件触发emit的写法为 emit('update:modelValue','xxx') + v-model:value 为什么有的需要加 ......
echarts实现词云图（echarts-wordcloud）
项目背景 展示一些协议UI给的设计图是采用词云图实现，今echarts官网看了看，发现废弃了，于是百度查了一下，一下是个人使用总结。 页面最终展示效果 实现步骤如下： 1. 安装依赖，下载插件（由于代码比较老旧，所以我的echarts都不是最新的）， echarts-wordcloud是基于echa ......
实习项目-xx航空
# xx航空 已对敏感信息进行脱敏 ## 1 清空配置+固件升级 WS-C3750交换机配置清除与固件版本更新 [文档](https://www.cisco.com/c/zh_cn/support/docs/switches/catalyst-3750-series-switches/64898-u ......
vue复制data中的对象
要复制Vue中的data对象，可以使用Object.assign()或者ES6解构赋值语法。以下是两种方法的示例： 使用Object.assign()： // 假设对象名为sourceData const clonedData = Object.assign({}, this.sourceData) ......
eclipse中web项目打包，部署，及访问
一，通过eclipse打war包 新版的eclipse 可能不带有web开发工具，需要安装web开发工具 1，点击help 2，点击eclipse marketplace 3，搜索web 二，项目右键选择export，找到war file并点击 1，选择项目右键 2，选择export点击 3，搜索w ......
在Vue3中，解决 Echart tooltip 不显示的问题
为什么在 Vue 中使用 ECharts 时图表显示异常？ Vue3，中使用 reactive 及 ref 会导致 ECharts 的对象实例被代理成为响应式对象，影响 ECharts 对内部属性的访问，可能会导致图表无法正确显示等一系列意外问题，且会由于深度监听而极大地降低图表展示性能。 解决方案 ......
软考高项（信息系统项目管理师）—— 第 7 章 信息化发展 —— 项目立项管理 —— 项目建议与立项申请
第 7 章 信息化发展 —— 项目立项管理 —— 项目建议与立项申请 项目立项管理是对拟规划和实施的项目技术上的先进性、适用性、经济上的合理性、效益性，实施上的可能性、风险性以及社会机制的有效性、可持续性等进行全面科学的综合分析，为项目决策提供客观依据的一种经济研究活动。 一般包括：项目建议与立项申 ......
前后端分离实现注册+登录（Vue3.0 + Django3.2)
> 博客地址：https://www.cnblogs.com/zylyehuo/ # 一、使用 vite+webstorm 搭建 Vue 环境，构建前端 ## 1、结构树 * ; 二、强制局部刷新方法 <div id="app"> <router-view v-if="isReload"/> </div> methods: { reload() { this.isReload = false this.$nextTi ......
Openwifi 开源项目解读(一)
Openwifi 是一个关于wifi 系统的开源项目，是一个少有的优秀的关于wifi的开源项目，项目中包括了wifi的基带、lowmac、linux驱动 等三部分，其中基带、lowmac部分是在FPGA中实现，wifi驱动部分是运行在Linux下，因此openwifi系统是一个运行在linux下的完 ......