项目uniapp cli vue

vue路由跳转

第一种方式 <router-link :target="$store.getters.username ? '_blank' : '_self'" class="course-item-cont" :to="$store.getters.username ? {path: '/VirtualClas ......
路由 vue

Jrasp开源项目分析报告(一)

安全现状 传统的防火墙(WAF)部署在Web应用前线,通过HTTP/HTTPS策略对Web应用保护,容易被绕过,并且难以对其进行优化,不能成为应用安全计划的唯一支柱。 近些年常见的漏洞多为远程代码执行(RCE),扫描探测,各类命令注入。随着 Web 应用攻击手段变得复杂, 基于请求特征的防护手段,已 ......
分析报告 报告 项目 Jrasp

vue+el-timeline动态表格时间线

原文链接:https://blog.csdn.net/Shids_/article/details/126645038 前言当我们需要在页面中展示一系列时间相关的事件时,常常会考虑使用时间线来呈现。而在 vue 框架中,我们可以借助一些组件库来快速实现时间线的功能。其中, el-timeline 就 ......
el-timeline 表格 timeline 时间 动态

Vue可输入的下拉框

原文链接:https://blog.csdn.net/m0_72189030/article/details/130881295<template> <el-select v-model="value" placeholder="请选择" clearable :style="{ width: '10 ......
Vue

Vue 判断开始时间不能大于结束时间

原文链接:https://blog.csdn.net/lzfengquan/article/details/119993515 <template> <div> <el-form ref="form" :model="form" label-width="80px"> <el-form-item l ......
时间 Vue

为什么 springboot 项目中 使用 lombok 不需要指定版本

springboot默认管理了lombok的版本依赖,所以不需要指定版本号 Spring Boot项目中使用Lombok不需要显式指定Lombok的版本,是因为Spring Boot的父项目(spring-boot-starter-parent)已经为您管理了Lombok的版本。这是通过在Sprin ......
springboot 版本 项目 lombok

Vue -el-table表格动态控制表头动态展示数据(控制每一列展示)

前言最近在实际开发中我们遇到一个需求是用户自己控制键值来生成对应表格数据。 换个思路就是我们还是正常查询数据,需要一个开关页面来动态改变表格展示每一列。 我们需要一个开关页面,里面有多选,确定重置取消,确定时把选中数据传递给父组件,动态数据for循环 最好是以封装成组件的形式,可以使代码减少,别的地 ......
表头 动态 表格 el-table 数据

vue2使用 AMap-Vue 高德地图(矩形、圆形、多边形)绘制电子围栏

AMap-Vue 参考 安装使用 | AMap-Vue (gitee.io) main.js引入 import AmapVue from '@amap/amap-vue'; Vue.use(AmapVue); AmapVue.config.key ='您申请的key值'; AmapVue.confi ......
多边形 围栏 矩形 圆形 AMap-Vue

vue3 + TS + three初始化搭建

这段时间一直在学习three,vue3 和TS 一直有了解但做项目都没有使用,趁着有时间,想着自己做个小demo检测所学成果。 安装three,@types/three,我使用vue创建项目,TS版本和three 不兼容,然后又下载的最新版本。 然后封装一个类,初始化场景,相机,控制器,渲染器,后期 ......
three vue3 vue TS

0011Java程序设计+jspm大学生创新创业项目管理平台

## 摘 要 随着信息技术和网络技术的飞速发展,人类已进入全新信息化时代,传统管理技术已无法高效,便捷地管理信息。为了迎合时代需求,优化管理效率,各种各样的管理系统应运而生,各行各业相继进入信息管理时代,大学生创新创业项目管理平台就是信息时代变革中的产物之一。 任何系统都要遵循系统设计的基本流程,本 ......

0010Java程序设计-springboot+vue影院售票系统设计与实现

## 摘 要 看电影已经成为了人们生活中不可缺少的一部分,电影院售票及管理系统是电影院的日常管理及售票任务的核心, 在电影院中, 工作人员并非只是放映电影, 还有诸如票房统计、影片放映、影片场次安排、影片售票金额统计等繁琐的工作, 完成这些工作量需要很大的时间及精力,在未使用软件管理之前, 只能人工 ......
程序设计 springboot 影院 程序 系统

vue+Spring Boot+nginx 部署项目遇到问题

##1、 前端图片资源404 图片放到`public/images/background.png` 下部署到服务器上找不到 **解决:** `url('/public/images/background.png')` ##2、 前端访问后台接口404 nginx配置有误,按下面修正 ###后端 ![ ......
项目 Spring 问题 nginx Boot

SpringBoot整合ssm项目实例

## ·1. 模块创建 创建一个项目,创建时勾选springweb和mysql driver, 项目创建好后导入mybatis-plus和druid ```xml com.baomidou mybatis-plus-boot-starter 3.4.3 com.alibaba druid-sprin ......
SpringBoot 实例 项目 ssm

01-vue简介

中文官网:Vue.js - 渐进式 JavaScript 框架 | Vue.js (vuejs.org) Vue介绍 Vue 是一套用于动态构建用户界面的渐进式JavaScript框架 什么是渐进式,就是Vue可以自底向上逐层的应用,对于简单应用只需要一个轻量小巧的核心库,对于复杂应用可以引入各式各 ......
简介 vue 01

vue中scoped原理

vue中scoped原理 scoped 在vue组件中的style标签上有一个特殊属性“scoped” 作用 当一个style标签拥有scoped属性时,它的css样式就只能作用于当前的组件,通过该属性,可以使组件之间的样式不互相污染。 原理 为组件实例生成一个唯一标识,给组件中的每个标签对应的do ......
原理 scoped vue

vue + canvas 实现九宮格手势解锁器

此篇文章用于记录柏成从零开发一个canvas九宮格手势解锁器的历程。我们基于 canvas 实现了一款简单的九宫格手势解锁器,用户可以通过在九宫格中绘制特定的手势来解锁。 ......
手势 canvas vue

vue组件级别的权限控制

**核心思想:尽量减少对组件的侵入性,也就是权限控制的代码剔除出来** ### 实现 **authority.vue** ``` // 将用户权限通过作用域插槽传递出去 ``` **index.vue** ``` sssss 45 45 45 ``` ......
组件 级别 权限 vue

网络项目技术了解

# 单台服务器 即通过ssm在同一台服务器上完成前后端 SpringMVC负责前后端转发,Spring负责程序主体,MyBatis负责数据库交互 优点:简单,开发速度快 缺点:并发能力极差 # 服务器集群 即通过一台Nginx服务器将请求均匀分配给Tomcat服务器集群,每个服务器都有完整的项目前后 ......
项目 技术 网络

uniapp项目实践总结(十二)封装通用请求上传以及下载方法

> 导语:在日常开发过程中,前端经常要和后端进行接口联调,获取并且渲染数据到页面中,接下来就总结一下 uniapp 中获取请求、文件下载和上传的一些方法。 ## 目录 - 原理分析 - 方法实现 - 实战演练 - 案例展示 ## 原理分析 主要是使用`uni.request`方法来发送请求,`uni ......
方法 项目 uniapp

Visual Studio的c#项目结构

Visual Studio项目的基本结构 对于要用vs创建一个工程来说,首先创建一个解决方案,在解决方案里面可以创建一个或者多个项目,在项目下则是一些列的实体类 .vs:通常用于存储 Visual Studio 项目的配置和临时文件。它包含有关项目设置和元数据的信息。这个文件夹通常不需要手动操作,由 ......
结构 项目 Visual Studio

Uniapp生命周期

# Uniapp 页面&组件生命周期 ## 页面的生命周期 uni-app 支持如下生命周期函数: onLoad 监听页面加载,其参数为上个页面传递的数据,参数类型为object(用于页面传参) onShow 监听页面显示 onReady 监听页面初次渲染完成 onHide 监听页面隐藏 onUnl ......
周期 生命 Uniapp

vue

### vue2 #### 引入方式 ```python #CDN的方式引入 #下载后导入 其实就是直接在浏览器中打开https://cdn.jsdelivr.net/npm/vue/dist/vue.js,然后复制下来,创建一个js文件再粘贴进去 7.补充 解释型的语言是需要解释器的 js就是一门 ......
vue

Vue简单浮动标签(simple floating labels)

简介及使用教程 Vue简单浮动标签(simple floating labels)是一个基于Vue.js的简单浮动表单标签组件,支持自定义颜色、边框及错误信息。 安装 npm i vue-simple-floating-labels 使用 引入组件 import FloatingLabel from ......
floating 标签 simple labels Vue

js 全屏和退出全屏 这里是vue2的写法

全屏和退出全屏 js 的实现方式 这里是vue2的写法 全屏和退出全屏的切换 切换页面显示文字 <div id="box"> <el-button v-if="!fullscreen" @click="fullScreen()">全屏</el-button> <el-button v-else @c ......
写法 vue2 vue js

滚动到底部的Vue指令插件

简介及使用教程 Vue Chat Scroll是一个保持可滚动内容滚动到底部的Vue指令插件,用于Vue.js 2,当在该元素中添加新内容时,滚动到该元素的底部。 安装 npm i vue-chat-scroll 使用 import Vue from 'vue' import VueChatScro ......
指令 插件 Vue

Rust项目使用Dockerfile构建镜像 访问crates.io下载速度慢解决

在 $CARGO_HOME/config文件添加国内的镜像源 下面的镜像源来自:https://rsproxy.cn/ ```yaml FROM rust:1.72 as builder WORKDIR /usr/src COPY . . RUN echo "[source.crates-io]\n ......
Dockerfile 镜像 速度 项目 crates

华为项目管理法

第一章 项目分析 识别最根本的问题或目标需求,是整个项目管理工作第一个需要完成的步骤 1.弄清项目任务 ......
管理法 项目

Vue 拖拽组件(Draggable)

简介及使用教程 Vue 拖拽组件(Draggable)是一个允许与View-Model同步进行拖放排序的Vue组件。这是基于Sortable.js并提供它的所有功能。 特点 完全支持Sortable.js特性: 支持触摸设备 支持拖动句柄和可选择的文本 智能自动滚动 支持在不同列表之间拖放, 没有j ......
组件 Draggable Vue

Vue 密码强度测试器(Password Strength Meter)

简介及使用教程 Vue 密码强度测试器(Password Strength Meter)是一个基于zxcvbn的交互式密码强度测试组件。 安装 Npm npm i vue-password-strength-meter zxcvbn 使用 基础用法 <template> <password v-mo ......
强度 Password Strength 密码 Meter

大屏项目:背景图片切换出现闪屏情况

1.情况:做大屏时,swiper切换时背景图片要切换,因背景图片过大,过快切换会出现屏幕闪白情况 2.解决:通过设置切换时,行内样式切换背景图片,使用异步的方法来解决屏幕切换白屏问题 // vue2实现<template> <div class="background" :style="{ back ......
背景图片 大屏 背景 情况 项目