草庐IT

nodejs_vue

全部标签

Spring boot + vue 实现图片(头像)的上传等操作

   老实说,一开始觉得这个图片的上传没那么复杂,刚开始自己的构思是前端传来图片文件,后端接收,先将文件存在本地的一个文件里面,然后根据前端传来的图片名称,结合后端所存的图片地址路径,拼凑出一个web访问的url地址,把这个地址存在数据库中,需要回显的时候就从数据库中查询出这个url,结合前端标签的src属性将请求后端获取的url地址填上去,就能将图片显示出来。    起初,是这样子设想,只是落实到代码的时候要考虑的细节就比较多了。现在我只是做的一个头像的更换。这里面的细节还是挺多的。所以在此就记录一下,也方便以后自己查看。    先看看效果吧,前端写的不太好看,不过也够用了。        

[uniapp] uni-ui+vue3.2小程序评论列表组件 回复评论 点赞和删除

先看效果下载地址uni-app官方插件市场:cc-comment组件环境基于vue3.2和uni-ui开发;依赖版本参考如下:"dependencies":{"@dcloudio/uni-mp-weixin":"3.0.0-3090820231124001","@dcloudio/uni-ui":"^1.4.28","uni-ui":"^1.0.0","vue":"^3.2.45"},"devDependencies":{"vite":"4.0.3"}}小程序调试基础库:3.3.0场景即拿即用,组件有详细注释内容,方便二次开发;目前仅在小程序使用,其他平台能否使用请评论留言反馈谢谢,祝大家使用

基于vue.js图书馆教室座位预约系统设计与实现(uniapp框架+PHP后台) 研究背景和意义、国内外现状

 博主介绍:黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者,CSDN博客专家,在线教育专家,CSDN钻石讲师;专注大学生毕业设计教育和辅导。所有项目都配有从入门到精通的基础知识视频课程,免费项目配有对应开发文档、开题报告、任务书、PPT、论文模版等项目都录了发布和功能操作演示视频;项目的界面和功能都可以定制,包安装运行!!!如果需要联系我,可以在CSDN网站查询黄菊华老师在文章末尾可以获取联系方式一、研究背景和意义研究背景随着教育的普及和学习氛围的日益浓厚,图书馆、教室等学习资源成为了学生和教师频繁使用的重要场所。然而,座位资源的有限性往往导致使用者在寻找合适座位时

Vue3 - 超详细 “纯前端“ 将阿里云 OSS 存储文件删除教程,支持单个 / 批量删除各种图片图像、文档、音视频文件、压缩包等文件(附完整示例运行源码,保证新手小白 100% 轻松实现删除功能)

前言如果您需要纯前端将文件上传到阿里云OSS,请访问:这篇文章。本文站在新手的角度,在vue3项目开发中,超详细“纯前端(无需后端)”删除阿里云oss文件,支持单个删除或批量删除oss存储上的各种图片图像、文档、音视频文件、压缩包等文件,你可以直接复制示例源代码,稍微改改参数就能应用到您的项目中(绝对不像其他教程,各种文件引入关系贼难改),如下图所示,真实请求阿里云服务器,并删除OSS上的文件效果,示例代码干净整洁,无论ts/js都能完美使用!第一步如果您已经配置好了“环境”,请直接略过本步骤,反之你需要按照下方教程先配置。

解决Vue 3 + Element Plus树形表格全选多选以及子节点勾选的问题

目录前言  问题概述解决方案 1.创建树形表格2.实现全选功能 3.实现多选功能4.实现子节点勾选5.实现父节点勾选总结前言 作者简介: 懒大王敲代码,计算机专业应届生今天给大家聊聊解决Vue3+ElementPlus树形表格全选多选以及子节点勾选的问题,希望大家能觉得实用!欢迎大家点赞👍收藏⭐加关注哦!💖💖  在Web应用程序中,树形表格是一种常见的数据展示方式,它使用户能够查看层次结构数据。而在使用Vue3和ElementPlus构建树形表格时,处理全选和多选以及子节点勾选的问题可能会有些挑战。本文将介绍如何解决Vue3和ElementPlus树形表格中的这些常见问题,并提供示例代码以便于

基于Java+Vue+uniapp微信小程序小说阅读系统设计和实现

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

如何从VUE-CLI WebPack-Simple项目中提取CSS?

我仍在学习VUE,所以我正在努力弄清楚如何将InlineCSS转换为CSS文件。如果有人可以帮助我设置CSS(SCSS)提取到单个CSS文件,我将不胜感激!还是会打败Vue范围的范围风格的目的?这是我的webpack.config代码:varpath=require('path')varwebpack=require('webpack')module.exports={entry:'./src/main.js',output:{path:path.resolve(__dirname,'./dist'),publicPath:'/dist/',filename:'build.js'},modul

记录--vue3函数式弹窗

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助前言最近接到一个需求,需要在一些敏感操作进行前要求输入账号和密码,然后将输入的账号和密码加到接口请求的header里面。如果每个页面都去手动导入弹窗组件,在点击按钮后弹出弹窗。再拿到弹窗返回的账号密码后去请求接口也太累了,那么有没有更简单的实现方式呢?函数式弹窗的使用场景首先我们来看看什么是函数式弹窗?函数式弹窗是一种使用函数来创建弹窗的技术。它可以简化弹窗的使用,只需要在需要弹窗的地方调用函数就可以了。那么这里使用函数式弹窗就能完美的解决我们的问题。我们只需要封装一个showPasswordDialog函数,调用该函数后会弹出一个弹

记录--vue3函数式弹窗

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助前言最近接到一个需求,需要在一些敏感操作进行前要求输入账号和密码,然后将输入的账号和密码加到接口请求的header里面。如果每个页面都去手动导入弹窗组件,在点击按钮后弹出弹窗。再拿到弹窗返回的账号密码后去请求接口也太累了,那么有没有更简单的实现方式呢?函数式弹窗的使用场景首先我们来看看什么是函数式弹窗?函数式弹窗是一种使用函数来创建弹窗的技术。它可以简化弹窗的使用,只需要在需要弹窗的地方调用函数就可以了。那么这里使用函数式弹窗就能完美的解决我们的问题。我们只需要封装一个showPasswordDialog函数,调用该函数后会弹出一个弹

【vue3】使用canvas

canvas是什么?一个html5支持的新标签,见名知意,canvas就是画板的意思,可以在canvas上画画。css画三角形很简单,但是要画五角星呢,不妨试试canvas。在html中使用canvas1、canvas是html5中的一个标签。新建一个html。并在body中加入canvas标签。body>canvasheight="600"width="600">canvas>body>此时canvas已经显示在画板中,只不过因为和body的颜色一样,所以看不出来。在head中加入css样式。style>canvas{border:1pxsolid;}style>这时我们就可以看到canva