Vue
文章平均质量分 68
相与还
分享简单易懂的编程教学和资料,同时在让自身进步和学习同步
展开
-
vue+springboot+websocket实时聊天通讯功能
vue+springboot+websocket实现聊天功能,实时更新在线人信息状态以及实时更新已读未读原创 2024-04-19 22:34:16 · 1678 阅读 · 18 评论 -
vue+springboot实现JWT登录验证
vue+springboot实现jwt登录验证,前后端逻辑皆给出原创 2024-04-08 15:15:49 · 1180 阅读 · 0 评论 -
vue+springboot读取git的markdown文件并展示
vue+springboot使用jgit和markdown-it实现读取git的markdown文档,其他文件也可参考原创 2023-11-25 00:20:32 · 1813 阅读 · 0 评论 -
vue使用WEB自带TTS实现语音文字互转
vue使用web(浏览器)自带的TTS,语音合成技术实现语音和文本互转的功能,可适应于任何前端框架原创 2023-10-28 21:38:06 · 9289 阅读 · 12 评论 -
linux服务器+宝塔从头部署别人可访问的网站
不使用域名,只用服务器以及vue+springboot项目部署到服务器原创 2023-02-21 16:13:16 · 2245 阅读 · 0 评论 -
实现配置企业微信服务(发送信息、获取用户信息、拍照上传图片等)
实现vue+springboot配置企业微信,实现发送信息,获取企业微信用户信息以及上传图片功能原创 2023-01-04 17:01:24 · 2184 阅读 · 0 评论 -
vue实现将后端传输字符串保存为txt文件
本次实现很简单,就是单纯的将字符文本保存到前端txt文件可以供展示后端传的信息。原创 2022-11-21 17:27:15 · 2537 阅读 · 0 评论 -
vue通过原生input进行封装照相功能
将原生input调整样式并封装拍照功能,兼容安卓和ios原创 2022-10-26 20:00:06 · 909 阅读 · 0 评论 -
vue+springboot使用文件流实现文件下载
本次将使用vue和springboot通过文件流的方式教大家怎么去实现文件的下载原创 2022-10-24 10:19:44 · 9232 阅读 · 10 评论 -
vue生成二维码
本次将教大家如何只通过vue前端快速的生成二维码原创 2022-10-21 13:58:12 · 3676 阅读 · 0 评论 -
vue使用vue-video-player插件播放视频
在我的一个项目中,需要进行播放视频,于是进行研究,那么本次也是将我怎么用vue-video-player插件进行播放视频的步骤进行讲解原创 2022-09-08 17:46:51 · 17974 阅读 · 13 评论 -
vue项目引入外部图标
以vantui框架为例教大家vue项目如何引入外部图标原创 2022-09-05 10:20:38 · 5631 阅读 · 3 评论 -
JavaScript处理时间
在处理时间的时候,发现对它用的频率特别高,因此打算开一个文章专门整理js处理时间的代码;在文章发布后,如遇到没有写进来的将持续进行更新原创 2022-09-02 16:14:35 · 201 阅读 · 0 评论 -
elementUI+Springboot实现导出excel功能
在前面,我们其实已经完成了elementUI+springboot的导入功能那么,现在也对这个导出功能进行一个汇总整理写出来原创 2022-09-02 09:30:22 · 658 阅读 · 0 评论 -
elementUI加springboot实现上传excel文件给后端并读取excel
最近在研究如何通过vue的elemenetui框架加上springboot去实现从前端上传文件给后端,在进行文件查找的时候,大部分我进行查找的都是怎么上传文件给服务器,所以也为了记录,就计划写下本文章;同时,本次实现上传excel并对excel的内容进行读取......原创 2022-08-02 11:49:25 · 4801 阅读 · 2 评论 -
记录项目-厂区报修系统
厂区报修系统其实在很早前就已经开发好了,但是,可能是忙的遗漏了,再加上最近又需要对它进行添加新功能,于是就翻出来,打算记录一下(纯记录,非教学)分三种用户— 报修人:进行厂区内的报修— 维修人:进行厂区内的维修— 主管:进行报修单的分配,分配给维修人在企业微信上,用户可以点击进入应用;根据身份的不同进行到对应的报修界面、维修界面或报修单分配界面其中,报修界面报修人可以根据报修的类型进行选择对应的维修部门进行维修并且可以上传图片,进行确认当报修提交后,会发送信息提醒主管有新的报修单可以进行分配同原创 2022-07-14 16:39:15 · 212 阅读 · 0 评论 -
elemetUI限制特定日期不能选择
最近的一个项目,要求能够通过日期选择器限制以下这些日期不能选择那么,为了实现这个效果我也是费了一些功夫,话不多说,接下来看看是怎么实现它的吧关键点在于picker-options,等于我们写的方法(不知道为什么,还必须得是这个方法名才能够生效)– 定义方法可以看到,变成灰色的部分不能被选择今天为2022-07-07,之前的时间是不能被选择的这个的话,就需要你能够获取到具体的时间节点了,格式为yyyy-mm-dd如 2022-07-07在我目前所在的公司,是有专门获取节假日的接口,返回的数据原创 2022-07-07 14:38:44 · 1017 阅读 · 1 评论 -
vue实现回到顶点
对于前端回到顶点顶部的其实应该分为两类,一类是整体页面进行滑动,而一类是固定住了其中一个div或其他的大小,滚动只在一个范围进行滚动,而不是整个页面进行滚动。但是,在查找资料,发现很多都是只对整体页面进行滚动回到顶点,这不是我想要的;于是,在下方我会归类出两个:整体页面滚动回到顶点获取滚动高度要使得整体页面滚动回到顶点,首先,就需要获取你滚动的高度于是可以定义一个变量,写成以下:实例局部区域滚动回到顶点与整体页面滚动不同,局部区域进行滚动回到顶点,不是获取整体页面的滚动高度了,而是那个原创 2022-07-05 11:09:54 · 482 阅读 · 0 评论 -
展示制作的发票报销系统项目
在一开始做这个项目的时候,中途碰上了疫情、也遇到了别的需求插在这个项目中间,导致磕磕碰碰历时差不多两三月左右才完成;到现在已经基本上完成(当然肯定还是需要进行测试的)那么,下面就来展示我完成的成果吧。用户进入本应用后,会显示四大模块并且获取用户的userId,根据用户的userId去获取该用户的上传的发票数据其中,发票上传模块,用户可以上传发票的文件,分为两块,一个为专门上传pdf文件,一个专门上传图片,不能够上传除了这两种文件的类型,当上传完成后需要等待解析在解析中,会通过去解析发票信息,当发原创 2022-06-16 15:36:03 · 489 阅读 · 0 评论 -
vue项目在手机上查看输出信息
在vue项目中,你没办法通过像电脑一样,按F12可以很方便快捷的查看写的代码的结果和信息,在手机上你想这样的话需要借助于组件。其实我已经用这个方式查看vue项目的输出信息很久了,但是一直有很多事情耽搁住,直到现在才想起来;那么,这个文章就来教大家如何引入吧引入第一步使用命令安装vconsole,安装完之后可以看到自己项目的package.json有它的信息第二步在引入vconsole第三步其实没有第三步了,做完这些,你就可以正式在手机上看到一个图标可以看到一个vConsole图标点开原创 2022-06-16 13:26:10 · 738 阅读 · 0 评论 -
vue水印功能
前言实现let waterMarkDOM;let clearWaterMark = () => { if (waterMarkDOM) waterMarkDOM.remove();};/** * @description: 创建水印 * @param {String} contentText 水印内容 */export default function createWaterMark(waterMarkName) {clearWaterMark();if (!water原创 2022-06-07 13:53:22 · 4366 阅读 · 4 评论 -
vue解决修改一个集合数据会同时修改另一个集合数据问题
前言在通过点击一个列表进行数据的删除的时候,会发现一个问题,就是删除一个集合的数据会同时删除另一个集合的数据,起初发现的时候,以为我逻辑写的有问题,然后没发现出问题。然后进行查找,发现出现此问题的原因就是两个数组来源于同一个对象的指针引用,所以在对其中一个数组进行操作的时候,才会影响到另一个同源的数组集合数据<script> export default { name: "app", data() { return { listA: ["A数据","B数据",原创 2022-05-19 09:11:08 · 1813 阅读 · 0 评论 -
vue变更v-for列表多个项目的颜色和选择项目
前言变更v-for遍历的列表的颜色看似简单,但是细细思考,你会发现一个问题,让列表中的某一个进行变换是很简单的,但是如何对根据自己选择的多个进行变更颜色呢?为了实现这个目的,你得确定选择的是哪一项,如果选择多个,应该有哪些下标的列表是需要变色的等等需要考虑的因素。本文章主要以实现变更颜色为主,也有涉及一些选择选中的项目代码实现单个列表进行变色单个的变色很简单// 颜色样式<style> .red{ color: red; }</style><!-- ht原创 2022-05-18 16:52:07 · 950 阅读 · 0 评论 -
记录一下小项目-理发预约
前言在五一期间,突然来了一个紧急的任务,做一个小项目,理发预约的系统,第二天就要;因为这几天正处于疫情隔离,禁止人员随意出入外面,为了方便,也是算作是公司福利,请了理发师免费给员工理发,但是结果导致人员排队太满(本人所在公司为其中一个分部,大概全公司有2000左右人员),为了不让员工一直在排队,于是有了这个需求逻辑以下为本次小项目设计的逻辑进入系统点击按钮报名进界面选人数,填个人信息和家属信息点击确认是状态排队中通知信息前面有几个人排队到现场点击结束(当点击结束的时候,通知前往排队(0-原创 2022-05-05 09:21:20 · 135 阅读 · 0 评论 -
vue使用js遍历数组和对象
前言在vue中,遍历数组和对象的方式略有不同,不能完全以数组或对象的遍历方式给对方使用并获取数据。为了记录以及以后方便查看,现在对其进行整理。数组遍历以数组array = [1,2,3,4,5]为例数组的遍历有以下几种获取数组的长度进行遍历for (let i = 0; i<array.length;i++) { Console.log("遍历后的数据",array[i]);}使用foreach遍历array.foreach((index) => { Co原创 2022-04-26 19:21:25 · 10217 阅读 · 0 评论 -
vue 前端将任意文件转为base64传给后端
vue input 将任意文件转base64原创 2022-03-31 14:23:06 · 8859 阅读 · 0 评论 -
记录一下和同事一起合作开发的考试系统
记录和同事合作开发的考试系统,项目为vue+springboot项目原创 2022-03-30 10:01:27 · 521 阅读 · 0 评论 -
vue watch监听使用deep和immediate监听属性
前言最近,项目遇到一个问题,和别人多人合作开发项目的时候,别人设置的属性值,在生命周期的比较晚的时候才能获取到,在beforeUpdate和Update时期才能获取到,但是这个阶段会有一个问题,当必须并且不得不操作属性才能获取值的时候会不停的调用;而我又需要在页面刚刚进来的时候,立马调用后端获取数据。这就造成一个很尬尴的情景:想立即调用,必须在参数获取值之后,而参数获取值之后得在beforeUpdate和Update时期才能获取到在这两个时期调用又会不停的调用使用watch然后,经过指点,便修原创 2022-03-23 10:06:39 · 1647 阅读 · 0 评论 -
vue实现倒计时定时器
前言本文章将发布vue实现倒计时定时器,可用于考试系统自动交卷、商城未付款倒计时取消订单等效果同时,如不清楚vue时间处理,可查看我上一个文章vue时间处理倒计时定时器为了制作倒计时定时器,还需要将时分秒转时间戳注意:一般倒计时皆为HH:mm:ss 时分秒形式,本方法不适用于年月日 时分秒的形式,如需要,则需要根据我本篇文章进行改造。处理时间的代码以下为制造倒计时效果代码// 界面<template> <div> // 剩余时间显示在界面 {{resTime原创 2022-03-08 12:47:41 · 6229 阅读 · 8 评论 -
vue时间处理
前言记录vue对时间的处理String与时间戳、时间互转计算时间差设置时间格式:YYYY-MM-DD HH:mm:ss 年月日 时分秒形式以及HH:mm:ss 时分秒形式定时器倒计时时间说明在此申明以下使用的时间相关的属性startTime: 开始时间 String类型endTime:结束时间 String类型now = new Date() 当前时间 时间类型时间处理String 时间串转为时间类型首先时间必须的为格式化后的时间:如2022-3-8 12:00原创 2022-03-08 12:32:43 · 4804 阅读 · 0 评论 -
记录载入页面时与 ws://XXX地址/sockjs-node/xxx/websocket 的连接中断---解决办法
前言在开发vue+springboot项目的时候,不清楚是跨域哪里没设置好还是怎么样,虽然对跨域方面没有影响,但是总弹出警告让人心烦。因此,在这个文章,记录一下如何解决,以防忘记警告提示信息根据浏览器不同,可能会对警告内容有进行翻译,所以一般情况能看到两种情况的警告都属于当前需要解决的问题。情况一:载入页面时与 ws://10.160.82.2:8083/sockjs-node/060/v1fz4jeu/websocket 的连接中断。情况二:sockjs.js?9be2:1683原创 2022-02-26 08:46:48 · 4133 阅读 · 0 评论 -
教你如何制作vue+springboot项目
以本人制作的学生成绩管理系统的基础上,从头到尾教大家如何构建vue+springboot项目原创 2021-12-05 10:35:38 · 34366 阅读 · 19 评论 -
基于vue+springboot的学生成绩管理系统
前言感觉自己对vue和springboot有了更深一层的理解,这几天就决定做一个基于vue+springboot的学生成绩管理系统。本项目在最后将会在文章最后面发出来框架前端vue:vue-router:通过vue-router实现页面的跳转和数据传参axios: 实现前端和后端数据交互element-ui:构建页面后端springboot:采用了controller、service、mapper、配置文件分层的方式构建项目数据库:使用mysql项目运行图片登录:注册:原创 2021-12-04 22:35:21 · 7091 阅读 · 0 评论 -
基于Vue的网上购药系统
介绍这个是本人的毕设,参照git上的进行修改。有两个用户,一个是注册用户,一个是管理员用户。实现的功能有注册、登陆、轮播图、模糊搜索、分页、商品分类、商品详情、评分与评论(未考虑周全,登陆就可对商品评论)、购物车(其中购买功能未完善,只有购买成功提示)、后台管理(用于管理员对药品进行增删改查操作,上架商品中的图片需是478*225格式的,不然会超出详情外)部分功能不完善,但是基本功能都是有的。使用框架本购药系统采用前后端分离,对前端部分和后端部分进行分别操作,其中:前端:用Vue-cli搭建,使用原创 2021-06-16 13:00:02 · 2165 阅读 · 2 评论