![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
案例分享
文章平均质量分 55
℡52Hz★
这个作者很懒,什么都没留下…
展开
-
vue3+crypto-js插件实现对密码加密后传给后端
最近在做项目的过程中又遇到了一个新的问题,在实现后端管理系统的个人信息页面中,涉及到修改密码的功能,刚开始我直接通过传参的方式将修改的密码传入给后端,可是后端说需要将原密码、新密码以及确认密码都进行加密处理,害这下好了,这咋搞啊。在下载完之后其实我们的项目里已经存在crypto-js插件了,如果不知道有没有安装成功可以在项目的package.json文件中进行查看。结束完上述操作后,需要做的是如何在自己写的代码中使用到这个方法,首先是在上述代码中的中引入AESUtil.js文件。原创 2024-06-25 15:29:44 · 458 阅读 · 0 评论 -
Vue3+Ant design 实现Select下拉框一键全选/清空
Vue3+Ant design 实现Select下拉框一键全选和清空原创 2024-05-27 10:56:03 · 989 阅读 · 0 评论 -
vue3+ant design实现表格数据导出Excel
今天终于有时间来更新文章了,最近公司项目比较紧急,再加上自己要准备毕设答辩,所以都没啥自己的空余时间,这几天自己做的任务也完成的差不多了,之前已经更新过表格数据的增删改查,今天就来讲一下如何实现表格数据的导入吧,原本想把导出也一起写的,但是两者涉及的知识点比较多,所以就分开来阐述。因为刚开始自己做这个的时候也是小白,也浏览了很多大佬的技术博客,通过不断地总结和修改才积累了有关这个功能的经验,希望我的文章能够帮到更多的小伙伴呀,一起不断学习吧!提示:以下是本篇文章正文内容,下面案例可供参考。原创 2024-05-09 11:16:21 · 1380 阅读 · 0 评论 -
vue3+ant design实现表格相同内容合并为一行
近期在处理数据报表项目过程中频繁面临表格合并的挑战。产品经理希望能将表格中重复内容并合至同一行显示。尽管通过查阅众多博文了解相关方法与实践,但实际操作却无法解决相关问题。例如,提及ant design版本不适配或添加相关代码仍未成功;更为糟糕的是,即使成功合并,数据仍然仅可水平居中,无法实现垂直居中。作为技术支持者,必须满足产品需求,力求保持99%的原型匹配度。虽然工作压力较大,但我坚信这些困难并非无法克服。所以,我也将这些经验分享出来,供大家共同探讨学习。原创 2024-04-26 13:54:02 · 1133 阅读 · 4 评论 -
Node+Vue3+mysql+ant design实现前后端分离——表格的添加、修改和删除
在上一篇文章中,我们分享了如何运用NodeJS、Vue、MySQL以及其他技术来实现后台管理系统中的表格查询功能。今天,我们将继续探讨另外三个重要的功能实现原则。这些原则在构建后台管理系统时至关重要,同时还有导入和导出这两种功能也必不可少。关于导入和导出功能,我们会在下一次更新中详细介绍。下文中与上一篇文章重复的部分就不再进行详述,不懂的同学可以先看看上篇文章哦。原创 2024-04-24 14:44:27 · 832 阅读 · 0 评论 -
vue3+node.js+mysql+ant design实现表格的查询功能
今日主要分享如何运用vue、nodejs、mysql及ant design构建表格数据查询功能,这也是众多项目开发者关注的问题。最关键在于前端与后端的协作,后端数据则通过nodejs编写。尽管涉及多项技术,看似复杂,但实际操作却并非困难。当然,首要条件是熟悉并掌握各项技术。原创 2024-04-22 14:21:31 · 846 阅读 · 2 评论 -
vue3+Echarts+Nodejs实现动态数据可视化
最近在做毕设的后台管理系统,刚好需要做数据动态可视化的功能,就来记录一下具体的实现方式吧!在开始之前就不阐述用vue创建项目的具体步骤了,主要详细讲解一下vue3、echarts和nodejs三者之间是如何实现数据的动态显示的,我这边项目是使用的vite创建的。原创 2024-04-22 11:09:14 · 644 阅读 · 1 评论 -
Vue3+Ant Design表格排序
最近在公司做有关报表的项目时,遇到最多的问题-表格排序,刚开始看到UI设计图的时候,还有些纳闷这个排序如何做,其实如果说单纯的排序的话ant design这个组件里的表格有自带的排序和筛选功能,强烈推荐需要做有关后台系统这块项目的小伙伴可以去使用这个组件,他有react版本的及Vue版本的,可自行依据使用的框架进行选择。原创 2024-04-11 14:59:06 · 616 阅读 · 0 评论 -
HTML+css+JavaScript实现手动和自动轮播
今天来更新一个前端必备且常见的案例-轮播图,本文章主要应用到的技术包含HTML、css、js,对于轮播的实现主要依赖于js。写这里之前一定要 记得提前写一个公共样式哦,我就不再重复写了。index的js代码。原创 2023-09-12 15:23:04 · 1122 阅读 · 0 评论 -
vue3+axios+router实现页面跳转及登录
2.由于vite构建的项目中需要自己手动下载路由以及创建路由文件夹,所以在创建好的项目文档中找到src文件夹,在src文件夹下创建router文件夹,并且在其下创建index文件,对于index文件中要写的内容如下,在此之前还需要创建一个views文件夹,本次项目主要用到三个页面,所以需要在views文件夹下需创建三个文件,包括HomeView.vue、AboutView.vue、UserLoginView.vue。1.开始搭建项目框架,使用vite来构建项目。7.最后来看看实际效果吧。原创 2023-08-24 10:30:47 · 5152 阅读 · 0 评论 -
vue3+高德地图
今天来实现一个小型的案例,如何利用vue3实现高德地图在页面展示的效果。5.后续便是添加一些标记、覆盖物、信息窗体等。4.定义一个map对象并且初始化地图。1.NPM 安装 Loader。原创 2023-08-22 13:59:25 · 445 阅读 · 0 评论 -
vue3+Echarts-数据可视化项目实践
本次案例是使用vue3和Echarts图表进行实现的,整个书写代码过程相对来说还算比较简单,易于理解,项目开始之初肯定离不开框架的搭建,vue框架的搭建这里主要使用的是vue-cli来构建项目,不过小伙伴们也可以使用vite来构建,这个可能相对来说需要后期自己去书写里面的比如像路由这些。今天来讲解一下最近工作中学习到的一些新的知识点,也是自己第一次接触到的新内容,和小伙伴们一起分享学习下。(4)最后就是后端数据,需要另外新建文件夹,在里面书写各个图表的数据,这里将具体的数据文档放置。原创 2023-08-21 13:57:51 · 1802 阅读 · 2 评论 -
vue3+高德地图天气预报
今天更新一下如何利用vue3和高德地图中的天气api来实现点击某个地区获取其天气情况及未来几天的天气预报效果。强调一下本次是通过vue3实现的具体效果。4.创建地图容器:在 map.vue 地图组件中创建 标签作为地图容器 ,并设置地图容器的 id 属性为 container。6.引入JS API Loader :在地图组件 map.vue 中引入 amap-jsapi-loader。3.新建 map.vue 文件,这里我放置在名为views的文件夹中,说明一下需要用到router路由。原创 2023-08-23 13:33:03 · 2584 阅读 · 0 评论 -
Vue指令实现下拉菜单效果
上期我们讲述了有关vue的一些指令,今天就利用一些指令来实现下拉菜单效果吧。(1)HTML和vue部分。原创 2023-04-01 17:58:08 · 1053 阅读 · 0 评论 -
简单音乐播放器的制作
以上内容里面涉及到的图片可自行选择自己的喜欢的图片,赶快动起小手试试吧。对于兴迷的我来说,怎么能不制作一个有关偶像的音乐歌单呢,下面直接附代码。(3)jQuery部分。原创 2023-03-22 17:14:22 · 205 阅读 · 0 评论 -
创建纵向二级菜单
一、今天来总结一下如何利用列表标签创建一个纵向弹跳的二级菜单,其实是很简单的一些知识点,二级菜单在写HTML这一块中运用最多的大概就是列表标签ul、li,其次就是超链接a,然后js里面也是运用了简单的当鼠标点击和鼠标离开的时候添加了事件监听,具体代码如下:HTML:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <原创 2022-02-25 10:15:00 · 1795 阅读 · 2 评论 -
HTML+css+JS制作导航和banner
如何利用HTML、css、j制作导航和banner图,一个整体的网页这两者是少不了的,在我看来应该也是最重要的部分,刚开始学习网页制作时对于小白的我来说其实这一块还是比较难的一点,尤其是banner轮播,随着后来老师的讲解以及自己课外的学习,慢慢的也就会做了,希望这篇文章能帮助到大家。原创 2023-03-05 16:34:19 · 4051 阅读 · 0 评论