- 博客(45)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 Node+Vue3+mysql+ant design实现前后端分离——表格的添加、修改和删除
在上一篇文章中,我们分享了如何运用NodeJS、Vue、MySQL以及其他技术来实现后台管理系统中的表格查询功能。今天,我们将继续探讨另外三个重要的功能实现原则。这些原则在构建后台管理系统时至关重要,同时还有导入和导出这两种功能也必不可少。关于导入和导出功能,我们会在下一次更新中详细介绍。下文中与上一篇文章重复的部分就不再进行详述,不懂的同学可以先看看上篇文章哦。
2024-04-24 14:44:27
868
原创 openlayers+vite+vue3加载离线地图并实现初始化(一)
前景提示:本文主要讲解使用vite工具构建的项目,利用openlayers实现离线地图的主要一些功能,包括初始化地图、打点、画线、弹窗等等,本文主要阐述如何实现其首要功能离线地图的初始化。
2024-08-21 10:53:21
502
原创 vue3+crypto-js插件实现对密码加密后传给后端
最近在做项目的过程中又遇到了一个新的问题,在实现后端管理系统的个人信息页面中,涉及到修改密码的功能,刚开始我直接通过传参的方式将修改的密码传入给后端,可是后端说需要将原密码、新密码以及确认密码都进行加密处理,害这下好了,这咋搞啊。在下载完之后其实我们的项目里已经存在crypto-js插件了,如果不知道有没有安装成功可以在项目的package.json文件中进行查看。结束完上述操作后,需要做的是如何在自己写的代码中使用到这个方法,首先是在上述代码中的中引入AESUtil.js文件。
2024-06-25 15:29:44
520
原创 vue3+ant design实现表格数据导出Excel
今天终于有时间来更新文章了,最近公司项目比较紧急,再加上自己要准备毕设答辩,所以都没啥自己的空余时间,这几天自己做的任务也完成的差不多了,之前已经更新过表格数据的增删改查,今天就来讲一下如何实现表格数据的导入吧,原本想把导出也一起写的,但是两者涉及的知识点比较多,所以就分开来阐述。因为刚开始自己做这个的时候也是小白,也浏览了很多大佬的技术博客,通过不断地总结和修改才积累了有关这个功能的经验,希望我的文章能够帮到更多的小伙伴呀,一起不断学习吧!提示:以下是本篇文章正文内容,下面案例可供参考。
2024-05-09 11:16:21
1492
原创 2024前端面试题汇总(持续更新中)
最近一段时间面试才发现真的不背八股文是不得行啊,项目中知道怎么使用怎么写,但是当面试官问你具体含义时,完全是懵的状态,趁着有空刚好总结一下,后续还会继续更新哦。
2024-04-26 14:47:50
1324
原创 vue3+ant design实现表格相同内容合并为一行
近期在处理数据报表项目过程中频繁面临表格合并的挑战。产品经理希望能将表格中重复内容并合至同一行显示。尽管通过查阅众多博文了解相关方法与实践,但实际操作却无法解决相关问题。例如,提及ant design版本不适配或添加相关代码仍未成功;更为糟糕的是,即使成功合并,数据仍然仅可水平居中,无法实现垂直居中。作为技术支持者,必须满足产品需求,力求保持99%的原型匹配度。虽然工作压力较大,但我坚信这些困难并非无法克服。所以,我也将这些经验分享出来,供大家共同探讨学习。
2024-04-26 13:54:02
1727
4
原创 vue3+node.js+mysql+ant design实现表格的查询功能
今日主要分享如何运用vue、nodejs、mysql及ant design构建表格数据查询功能,这也是众多项目开发者关注的问题。最关键在于前端与后端的协作,后端数据则通过nodejs编写。尽管涉及多项技术,看似复杂,但实际操作却并非困难。当然,首要条件是熟悉并掌握各项技术。
2024-04-22 14:21:31
891
2
原创 vue3+Echarts+Nodejs实现动态数据可视化
最近在做毕设的后台管理系统,刚好需要做数据动态可视化的功能,就来记录一下具体的实现方式吧!在开始之前就不阐述用vue创建项目的具体步骤了,主要详细讲解一下vue3、echarts和nodejs三者之间是如何实现数据的动态显示的,我这边项目是使用的vite创建的。
2024-04-22 11:09:14
792
1
原创 Vue3+Ant Design表格排序
最近在公司做有关报表的项目时,遇到最多的问题-表格排序,刚开始看到UI设计图的时候,还有些纳闷这个排序如何做,其实如果说单纯的排序的话ant design这个组件里的表格有自带的排序和筛选功能,强烈推荐需要做有关后台系统这块项目的小伙伴可以去使用这个组件,他有react版本的及Vue版本的,可自行依据使用的框架进行选择。
2024-04-11 14:59:06
828
原创 JS数组中各种方法使用教程
在我个人事业发展的过程中,我深刻认识到自身在诸多领域当中所欠缺的丰富知识储备,尤其是针对数组这一重要知识领域,我对其所涵盖的众多方法掌握尚显不足。否则,可能会面临如同我目前的困境——需要花费数倍于学校时期的时间和精力,特别是在工作之后,我们所能支配的学习时间往往受到更大的限制。(2)unshift():向数组首位添加新元素,shift():删除数组的第一项。(1)push():向数组的末尾添加新元素,pop():删除数组的最后一项。(7)join():用指定的分隔符将数组每一项拼接为字符串。
2023-12-14 11:51:08
136
原创 HTML+css+JavaScript实现手动和自动轮播
今天来更新一个前端必备且常见的案例-轮播图,本文章主要应用到的技术包含HTML、css、js,对于轮播的实现主要依赖于js。写这里之前一定要 记得提前写一个公共样式哦,我就不再重复写了。index的js代码。
2023-09-12 15:23:04
1145
原创 原生js开发动画库(一)
匀速运动简称简单运动,具体实现方式也很简单。八、链式运动(先改变宽、再改变高、再改变透明度)二、简单的侧边栏运动。对动画进行简单的封装。六、多物体运动完整版。
2023-09-08 15:08:37
133
原创 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
5621
原创 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
2795
原创 vue3+高德地图
今天来实现一个小型的案例,如何利用vue3实现高德地图在页面展示的效果。5.后续便是添加一些标记、覆盖物、信息窗体等。4.定义一个map对象并且初始化地图。1.NPM 安装 Loader。
2023-08-22 13:59:25
487
原创 vue3+Echarts-数据可视化项目实践
本次案例是使用vue3和Echarts图表进行实现的,整个书写代码过程相对来说还算比较简单,易于理解,项目开始之初肯定离不开框架的搭建,vue框架的搭建这里主要使用的是vue-cli来构建项目,不过小伙伴们也可以使用vite来构建,这个可能相对来说需要后期自己去书写里面的比如像路由这些。今天来讲解一下最近工作中学习到的一些新的知识点,也是自己第一次接触到的新内容,和小伙伴们一起分享学习下。(4)最后就是后端数据,需要另外新建文件夹,在里面书写各个图表的数据,这里将具体的数据文档放置。
2023-08-21 13:57:51
1859
2
原创 微信小程序模板语法
在事件处理函数中为data中的数据赋值:通过调用this.setData(dataObject)方法,可以给页面data中的数据重新赋值。在事件处理函数中,通过event.Target.dataset.参数名即可获取到具体的参数值。(2)在wxml中使用数据:使用mustche语法。触摸事件,当前停留在屏幕中的触摸点信息的数组。(2)在页面的.js文件中定义事件处理函数。触摸事件,当前变化的触摸点信息的数组。(1)在data中定义页面的数据;(3)运算(三元运算、算术运算)触发事件的组件的一些属性值集合。
2023-04-21 17:54:09
61
原创 微信小程序-组件
(1)button:按钮组件、功能比HTML中的button丰富、通过open-type属性可以调用微信提供的各种功能;(1)view:普通视图区域、类似于HTML中的div,是一个块级元素、常用咯爱实现页面的布局效果。(2)页面的.js文件:是页面的入口文件,通过调用page()函数来创建并运行页面。(3)普通的.js文件:是普通的功能模块文件,用来封装公共的函数和属性供页面使用。分三大类:app.js、页面的.js文件、普通的.js文件。(2)提供了全局的样式和局部样式。一、wxml和HTML的区别。
2023-04-16 16:23:29
96
原创 Vue中的指令
从以上代码中我们可以发现v-if=“age”的元素并没有在控制台中渲染出来,也就是说,当表达式的值为false时,v-if指令不会创建该元素,只有当表达式的值为true时,才会真正创建该元素。这与v-show指令不同,v-show是不管表达式的真假,元素本身都会被创建,显示与否是通过css的样式属性display来控制的。v-show指令会根据表达式的真假值,切换元素的display css属性,来显示或隐藏元素,当条件变化时,该指令会自动触发过渡效果。它是根据表达式的真假来有条件的渲染元素。
2023-04-01 17:54:24
69
原创 简单音乐播放器的制作
以上内容里面涉及到的图片可自行选择自己的喜欢的图片,赶快动起小手试试吧。对于兴迷的我来说,怎么能不制作一个有关偶像的音乐歌单呢,下面直接附代码。(3)jQuery部分。
2023-03-22 17:14:22
219
原创 Vue.js的语法
我们可以从以上代码中看到在组件选项对象中会有一个data()函数,Vue在创建组价实例时会调用该函数,data()函数返回的是一个数据对象,Vue会将这个对象包装到它的响应式系统中,即转化为一个代理对象,这个能使Vue在访问或修改属性时执行依赖项跟踪和改进通知,从而自动渲染DOM。创建了应用程序的实例后,可以调用实例的mount()方法,制定一个DOM元素,在该DOM元素上转载应用程序的根组件,这样这个DOM元素中的所有数据变化都会被Vue框架所监控,从而实现数据的双向绑定。(2)原始HTML插值。
2023-03-17 17:02:11
96
原创 HTML+css+JS制作导航和banner
如何利用HTML、css、j制作导航和banner图,一个整体的网页这两者是少不了的,在我看来应该也是最重要的部分,刚开始学习网页制作时对于小白的我来说其实这一块还是比较难的一点,尤其是banner轮播,随着后来老师的讲解以及自己课外的学习,慢慢的也就会做了,希望这篇文章能帮助到大家。
2023-03-05 16:34:19
4198
原创 Html5新特性之meter
主要讲解一下HTML5中新增的特性meter,平时在做网页的时候这个特性还是用处很大的,比如电影评分呀以及饭店评分等可能都会需要用到meter这个属性。meter元素:用于表示指定范围内的数值,例如,显示硬盘容量或者对某个后选者的投票人数占投票总人数的比例等,都可以使用meter元素。meter元素有多个常用的属性。
2023-03-04 18:09:58
1680
原创 HTML+css制作简单游戏界面
开学在即闲来无事在家做了一个简单的游戏开始界面,下面看看具体代码吧,其实非常的简单这里只用HTML和css做的静态页面。
2022-08-31 17:23:25
3251
2
原创 JavaScript中的对象数据类型
对象的创建:字面量方式、内置构造函数即使用Object方式。定义:所谓对象其实就是一个复杂的数据类型。对象的遍历:利用for循环来进行遍历。(2)使用Object创建。
2022-08-09 16:41:46
343
原创 js中的运算符
2)或||进行或的运算,符号只要一边为true返回值为true,两边为false时返回值也为false。(1)与&&进行且的运算,符号左边必须为true且右边也为true,返回值才是true。二、赋值运算符=就是把=右边的赋值给等号左边的变量名,还有+=、-=、/=和*=。(2)===比较符号两边的值和数据类型是否都相等。三、比较运算符大于、小于、小于等于、大于等于。(1)前置++会先把值自动加1,再返回。(2)前置--会先把值自动减1,再返回。四、逻辑运算符与&&、或||、非!...
2022-07-31 15:17:04
257
原创 数据类型转换
一、转数值(1)number:可以把一个变量强制转换成数值类型,可以转换小数、会保留小数,可以转换布尔值,遇到不可转换的都会返回NAN。(2)parseInt:从第一位检查,是数字就转换,直到一个不是数字的内容,开头如果不是数字,那么直接返回NAN,不认识小数点,只能保留整数。parseFloat认识一次小数点。二、转字符串(1)变量.tostring():但一些数据类型不能使用tostring()方法,比如undefined和null。(2)sting(变量):适用于所有数据类型的转换。...
2022-07-29 15:29:09
323
原创 c#模拟微信运动排行榜
今天又学到了一些新的知识点,用过微信的人都知道,每天晚上十点之后都会看到微信运动上的排行榜更新,其实我之前也没有用过这个,偶然一天才发现还有这种东西,每天看着微信里的好友成千上万的步数,再看看自己的真的叫做没有对比就没有伤害啊。那么关于这个微信步数的排行榜是如何实现的呢,今天就来用c#模拟一下吧,下面是主要涉及的一些代码,我主要模拟了是个用户的步数排行。如下所示:using System;namespace ConsoleApp5{ class Program {
2022-03-17 21:33:22
844
原创 c#中的结构类型
今天用c#中的结构类型来展示一下信息,刚开始学还是有一丢丢的难的。我们都知道结构类型在生活中用的其实比较多的,他可以用来描述一个完整的事物。c#中定义结构类型使用struct关键词来标记,结构类型包括数据成员、成员函数等,例如下面的学习就是对学生成员的函数,具体如下所示:using System;using System.Collections.Generic;using System.Linq;using System.Text;//构建学生的整体框架struct student{.
2022-03-14 17:13:26
774
原创 自动书写文字——表白
还在自己发一段文字向女生表白吗,这样的方式已经过时了,快来试试电脑自己书写文字表白吧,让心爱的女生眼前一亮对你立马产生兴趣,方法十分简单,快快动起你们的小手指向自己喜欢的人去表白吧。HTML:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" href="css/publi
2022-02-26 10:30:00
118
原创 创建纵向二级菜单
一、今天来总结一下如何利用列表标签创建一个纵向弹跳的二级菜单,其实是很简单的一些知识点,二级菜单在写HTML这一块中运用最多的大概就是列表标签ul、li,其次就是超链接a,然后js里面也是运用了简单的当鼠标点击和鼠标离开的时候添加了事件监听,具体代码如下:HTML:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <
2022-02-25 10:15:00
1823
2
原创 HTML+css+js创建简单计算器
一、先利用HTML创建计算器的整体样式框架,这里面呢应用最多的莫过于表单元素了input、button、label等这些标签。具体代码如下所示:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" href="css/public.css"> <link rel=
2022-02-24 13:15:00
956
原创 利用HTML+css+js创建类似购物车加减的样式
一、首先利用HTML和css设置一个文本框<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" href="css/public.css"> <link rel="stylesheet" href="css/style.css"> </head&
2022-02-23 15:13:49
963
原创 小小的网页设计
由于我个人非常喜欢哆啦A梦,所以在空闲的时间里我利用了自己在上课的时候学到的一点点有关网页设计的知识,将我喜欢的东西设计成了一个网页一样的东西,可能里面还有很多漏洞和不足之处,我希望能在以后的学习过程中继续改进,还是很感谢我的专业老师,我觉得在他的课上我学到了很多很多的东西,同时也激起了我的兴趣,对于网页设计我个人真的还是十分喜欢的,今天就先看个总体成效吧,等下次有时间我再具体将小的一些知识点分步书写。首先是html具体书写步骤,以及一些内容。<!DOCTYPE html><ht
2021-10-30 22:13:49
279
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人