草庐IT

vue+element

全部标签

基于Java+SpringBoot+Vue中学生日常行为评分管理系统设计和实现

博主介绍:✌全网粉丝30W+,csdn特邀作者、博客专家、CSDN新星计划导师、Java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和学生毕业项目实战,高校老师/讲师/同行前辈交流✌主要内容:SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nodejs、Python、爬虫、数据可视化、小程序、安卓app、大数据、物联网、机器学习等设计与开发。🍅文末获取源码联系🍅👇🏻 精彩专栏推荐订阅👇🏻 不然下次找不到哟2022-2024年最全的计算机软件毕业设计选题大全:1000个热门选题推荐✅Java项目精品实战案例《100套》Java微

【VUE3+AntV X6】 引入ANTV X6 的流程图编辑器应用(一)

ANTVX6流程图编辑器应用唠唠叨叨事发背景实现效果实现思路总结参考资料唠唠叨叨 唉!最近感觉非常忙,要学的东西太多,要实现的方法变幻莫测,层出不穷,越学越觉得自己不会的实在太多。 项目本来中标了,后来又不知道发生了什么,临到签合同又黄了,整的我们开发的瑟瑟发抖,产品整个大改,恐怕要…… 只能说还是抓紧时间好好学习,知识和技术是永远不会背叛自己的。事发背景 俺滴组长(后端大佬)要我配合开发数据平台的任务流全局调度系统,想用流程图实现作业运行配置。 于是我在各种流程图的前端框架中选了ANTVX6来引入实现。官方文档天天在看,可这知识他就是不入脑子呀TvT。 终于有一天腌肉某人一拍脑门醍醐灌顶

uniapp小程序全局分享功能Vue3

问题:在小程序的任何界面都能通过点击右上角三个点进行分享好友/朋友圈功能目录1.创建shareMixin文件夹,创建shareMixin.ts文件2.在main.ts进行挂载3.在程序任意处即可实现分享1.创建shareMixin文件夹,创建shareMixin.ts文件exportdefault{ data(){ return{ share:{ title:'程序名称', path:'/pages/xxx', imageUrl:'分享显示的图片链接', desc:'简介' } } }, //分享到微信好友功能 onShareAppMessage(res){

vue3项目+TypeScript前端项目—— vue3搭建项目+eslint+husky

今天来带大家从0开始搭建一个vue3版本的后台管理系统。一个项目要有统一的规范,需要使用eslint+stylelint+prettier来对我们的代码质量做检测和修复,需要使用husky来做commit拦截,需要使用commitlint来统一提交规范,需要使用preinstall来统一包管理工具。下面我们就用这一套规范来初始化我们的项目,集成一个规范的模版。1.1环境准备nodev16.14.2pnpm8.0.01.2初始化项目本项目使用vite进行构建,vite官方中文文档参考:cn.vitejs.dev/guide/pnpm:performantnpm,意味“高性能的npm”。pnpm由

Vue - 详细下载/上传文件实时监听上传进度功能效果,支持 “多文件“ 同时上传下载及监听进度并自动计算进度条(支持搭配 Element UI / Ant Design Vue 等任意进度条组件)

前言如果您需要Vue3版本请访问这篇文章,本文功能支持搭配任意组件库(完美与进度条组件搭配)。本文实现了在vue项目开发中,上传或下载“单个/多个”文件时监听实时进度,并且自动计算进度条组件所需的100%与当前进度配合显示,一个文件或批量上传多文件都可以100%轻松搞定!另外,也解决了监听文件上传进度时“只触发一次”的问题,如下图所示(请放大查看),本地上传单个或多个文件后,触发真实请求服务器并实时计算当前进度。示例代码干净整洁且注释详细,保证好用无BUG!完整源码示例代码只包含“核心功能”,没有任何乱七八糟的乱代码和样式。随便找个页面,一键复制运行起来。template

DataGear 制作基于Vue2、Element UI弹窗效果的数据可视化看板

DataGear在4.4.0版本新增了dg-chart-manual-render特性,用于手动控制看板内图表的渲染,而非在页面加载时自动渲染。利用这一特性,可以很方便制作具有弹窗效果的数据可视化看板。本文以Vue2、ElementUI前端框架为例,介绍如何制作具有弹窗效果的数据可视化看板。假设有数据库表t_analysis,其中存储了各省、市的指标数据,数据结构为:COL_NAME,COL_VALUE,COL_PARENT北京,200,中国内蒙古,50,中国辽宁,100,中国山东,160,中国山西,160,中国河北,230,中国海淀区,200,北京昌平区,160,北京西城区,180,北京怀柔

JWT从0到1,小白入门(JWT在vue前端中的使用)

JWT(JSONWebToken)     JWT(JSONWebToken)是一种用于身份验证和授权的开放标准。它是一个紧凑的、自包含的方式,用于在不同的应用程序之间安全地传输信息。JWT由三部分组成:头部(Header)、载荷(Payload)和签名(Signature)。1.头部头部包含两个重要的信息:token类型(通常为JWT)和所使用的算法(例如HMACSHA256或RSA)。例如:{"alg":"HS256","typ":"JWT"}2.载荷载荷就是JWT所要传输的信息。载荷包含一组声明,声明包含一些有关实体(通常是用户)和其他数据的信息。例如:{"sub":"123456789

Element UI DatePicker 上个月和当前月

最近老大需要是点击el-date-picker选择时间范围时,默认展开当月和上个月。但是ElementUI的组件默认展开的是本月和下一个月,如下图所示:看了网上的案例:exportdefault{data(){return{date:'',}},methods:{changeInitCalendarRange(){letelement=document.querySelector("button.el-picker-panel__icon-btn.el-icon-arrow-left");if(element)element.click();},}}利用的是@click.once这个功能但是只

docker 部署 若依 Ruoyi springboot+vue分离版 dockerCompose

本篇从已有虚拟机/服务器安装好dokcer为基础开始讲解1.部署mysql创建confdatainit三个文件夹 conf目录存放在mysql配置文件init目录存放着若依数据库sql文件(从navicat导出的并非若依框架自带sql)创建一个属于本次若依部署的网段(只有在一个网段的容器才能通过容器名通信)启动mysql命令 -v是挂载,宿主机文件挂载到容器中 dockerrun-d--namemysql-p3309:3306-eTZ=Asia/Shanghai-eMYSQL_ROOT_PASSWORD=123-v/usr/yxt/mysql/data:/var/lib/mysql-v/usr

uni-app+vue3会遇到哪些问题

已经用uni-app+vue3+ts开发了一段时间,记录一下日常遇见的问题和解决办法uni-app中的单端代码uni-app是支持多端,如果你想让你的代码,只在部分平台使用,那么就需要用的它的单端处理语法//#ifdef和//#ifndef等。1.//#ifdefxxx只在xxx平台生效//#ifdefMP-WEIXINmenuButtonInfo='微信'//#endif2.//#ifndefxxx除了xxx平台,其他都生效//#ifndefMP-WEIXINmenuButtonInfo='只要不是微信,其他都可以'//#endif安全边距1.异形屏因为有异形手机屏的存在,最顶部有摄像头,最