- 博客(64)
- 收藏
- 关注
RSS订阅
原创 Node+Vue3+mysql+ant design实现前后端分离——表格的添加、修改和删除
在上一篇文章中，我们分享了如何运用NodeJS、Vue、MySQL以及其他技术来实现后台管理系统中的表格查询功能。今天，我们将继续探讨另外三个重要的功能实现原则。这些原则在构建后台管理系统时至关重要，同时还有导入和导出这两种功能也必不可少。关于导入和导出功能，我们会在下一次更新中详细介绍。下文中与上一篇文章重复的部分就不再进行详述，不懂的同学可以先看看上篇文章哦。
2024-04-24 14:44:27
1006
原创 利用node.js搭配express框架写后端接口（一）
Node.js 凭借其高效的非阻塞 I/O 操作、事件驱动架构以及轻量级的特点，成为了开发高性能服务器应用的热门选择。Express 框架作为 Node.js 上最流行的 Web 应用框架之一，以其简洁的 API 和丰富的中间件生态系统，极大地简化了 Web 后端开发流程。本文将引导你如何使用 Node.js 和 Express 框架构建一个简单的后端接口。
2025-02-27 11:33:26
1195
原创 JWT认证机制
当生成jwt字符串的时候，需要使用secret密钥对用户信息进行加密，最终得到加密好的jwt字符串；当把jwt字符串解析还原成JSON对象的时候，需要使用secret密钥进行解密；//设置密钥。
2025-02-20 19:43:22
590
原创 Express项目中如何操作MySQL
Express.js作为Node.js的一个轻量级框架，因其灵活性和高效性而被广泛使用。而MySQL作为一个成熟的关系型数据库管理系统，提供了强大的数据存储和查询功能。本文将详细阐述如何在Express项目中操作MySQL数据库，包括安装配置、连接数据库、执行SQL语句以及处理查询结果等关键步骤。
2025-02-19 14:42:26
389
原创 Node.js中express框架（三）
Express是一个基于Node.js的Web应用程序框架，它提供了一套简洁而强大的API，用于构建Web和移动应用程序。Express通过简化Web和移动应用程序的开发，使得能够专注于业务逻辑的实现，而不是繁琐的底层细节。它支持各种HTTP请求方法，如GET、POST、PUT、DELETE等，非常适合用于构建RESTful API。
2025-02-13 14:50:05
298
原创 Node.js开发属于自己的npm包（发布到npm官网）
在 Node.js 中开发并发布自己的 npm 包是一个非常好的练习，可以帮助我们更好地理解模块化编程和包管理工具，本篇文章主要阐述如何使用nodejs开发一个属于自己的npm包，并且将其发布在npm官网。在开始之前确保已经安装了 Node.js 和 npm。可以在cmd命令行中运行node -v和npm -v来检查它们的版本,我这里使用的是nvm。
2025-02-10 11:29:31
1084
原创 Node.js中http模块（二）
http 模块是 Node.js 官方提供的、用来创建 web 服务器的模块。通过 http 模块提供的 http.createServer0) 方法，就能方便的把一台普通的电脑，变成一台 Web 服务器，从而对外提供 Web 资源服务。
2025-02-07 14:15:11
727
原创 Node.js中fs文件系统模块（一）
fs模块作为Node.js的核心组件，提供了一套全面的文件系统操作API，涵盖文件读写、目录管理等关键功能。借助fs模块，开发者无需依赖外部库即可执行文件操作及流处理。该模块API分为同步与异步两种模式：异步API因其非阻塞特性，更适合处理大规模I/O密集型任务；而同步API则更适用于简单的文件操作或需确保操作顺序的场景。
2025-01-20 16:36:17
224
原创 Three.js贴图加载与环境遮蔽贴图强度设置（五）
在Three.js中，贴图加载与环境遮蔽贴图强度设置是创建逼真3D视觉效果的关键步骤。通过利用Three.js的TextureLoader，开发者可以轻松加载各种纹理贴图，如颜色贴图、透明度贴图以及环境遮蔽（Ambient Occlusion, AO）贴图，从而增强模型的细节和真实感。环境遮蔽贴图特别重要，因为它能够模拟物体表面因光照不足而产生的阴影效果，进而提升场景的深度和立体感。在加载贴图后，调整环境遮蔽贴图的强度是一个至关重要的环节。
2025-01-17 14:44:35
516
原创 解析Three.js中几何体是如何构建的--BufferGeometry（四）
BufferGeometry 是高效表述面片、线或点几何体的数据结构，包含顶点位置、面片索引、法线、颜色、UV 坐标及自定义属性，能显著降低向 GPU 传输数据的开销。言简意赅就是BufferGeometry是面片、线或点几何体的有效表述。
2025-01-17 09:38:17
977
原创 Three.js+Vue3+Vite应用lil-GUI调试开发3D效果（三）
GUI，全称Graphical User Interface，即图形化用户界面，它是众多程序，特别是上位机软件中不可或缺的一部分。通过GUI，用户只需进行简单的点击和操作，就能轻松调用底层的复杂代码，极大地提升了使用的便捷性和结果的直观展示性。当我们完成了底层代码的开发后，接下来就可以着手构建一个GUI界面了。这个界面就像是一个精美的包装，它能够将我们的程序功能以更加友好、直观的方式呈现给用户。用户通过GUI，可以轻松地与程序进行交互，无需深入了解底层的复杂逻辑。
2025-01-15 17:20:55
702
原创 openlayers+vite+vue3实现在地图上画多条线（五）
在上一篇文章中我们实现了如何利用openlayers在地图上画一条线，本篇文章我们就在能画一条线的基础上，实现画多条线。
2025-01-15 15:12:34
521
原创 Three.js+Vue3+Vite物体位移、缩放与旋转（二）
上篇文章中我们阐述了如何创建一个场景，本篇文章中我们继续讲述其他的功能，主要阐述对于物体即几何体的位移、缩放和旋转，另外再额外先补充上篇文章中未书写到的导入轨道控制器，因为本篇讲述的功能可能需要用到这个。
2025-01-14 14:00:50
302
原创 Three.js引入轨道控制器报错：THREE.OrbitControls is not a constructor
在前一章我们创建完第一个场景后，为了可以通过鼠标交互来控制相机的旋转和缩放，这里就不得不提到轨道控制器了。
2025-01-13 11:39:43
626
原创 Three.js+Vue3+Vite创建第一个场景（一）
本篇文章主要用于阐述如何在vue+vite创建的项目中引入three.js，从最初始的步骤和流程展开阐述。
2025-01-10 10:59:14
991
原创 前端如何处理后端传入的复杂数据格式
在前后端联调过程中不难发现，有时候从后端获取到的数据格式并不是我们所想要的格式，这时候就需要我们自己动手去处理了。最近在开发项目过程中也是遇到了很多传入的数据格式和自己所想要展示的有所区别，这里就先记录一下吧，总结总结，以防后续开发过程中再需要。（后续遇到其他也会持续进行更新）
2025-01-07 20:30:00
578
原创 vue3+vite+tdesign实现日历式可编辑的排课班表
近期，在项目开发中，我们面临实现一个日历式、可编辑排班填写功能的需求。初步方案采用tdesign的Calendar组件，尽管其支持编辑功能，但在提取每日排班信息时操作繁琐，因此该方案被弃用。随后，我们决定自主研发该功能，尽管看似直观，开发过程中仍面临诸多挑战。本文旨在总结此次开发经历，希望对有类似需求的开发者有所帮助。本篇文章开发环境的安装就不进行详细阐述，着重阐述如何使用vue3+tdesign实现日历式可编辑的排班填写功能。
2025-01-07 11:59:41
997
原创 openlayers+vite+vue3实现在地图上画线（四）
在前几期实现离线地图以及规划某一特定区域、打点、出现弹窗的基础上，本文中主要阐述如何实现在所规划的区域地图上画线，如果你实现了打点的效果，其实这个相对来说还是算比较简单的，因为和打点的代码大差不差。使用openlayers这个技术研究的内容还挺多，这个就需要自己多去专研专研了。
2024-12-13 10:31:31
645
原创 openlayers+vite+vue3实现在地图上打点+弹窗（三）
在前两期实现离线地图初始化以及规划某一特定区域的基础上，本文中主要阐述如何实现在所规划的区域地图上打点，同时在打的点上点击该点出现弹窗的效果。提示：因本文实现的具体效果部分涉及到前面文章的知识点，如有不明白的小伙伴可进行查看前两篇文章，文章的的实现流程也是按照步骤来的。
2024-12-03 15:44:53
612
原创 openlayers+vite+vue3实现规划某一特定行政区（二）
在前一期实现离线地图初始化的基础上，本文中主要阐述如何实现规划某一特定行政区，并展示其行政区的区县名称。提示：。
2024-08-28 10:44:59
512
原创 openlayers+vite+vue3加载离线地图并实现初始化（一）
前景提示：本文主要讲解使用vite工具构建的项目，利用openlayers实现离线地图的主要一些功能，包括初始化地图、打点、画线、弹窗等等，本文主要阐述如何实现其首要功能离线地图的初始化。
2024-08-21 10:53:21
1138
原创 vue3+crypto-js插件实现对密码加密后传给后端
最近在做项目的过程中又遇到了一个新的问题，在实现后端管理系统的个人信息页面中，涉及到修改密码的功能，刚开始我直接通过传参的方式将修改的密码传入给后端，可是后端说需要将原密码、新密码以及确认密码都进行加密处理，害这下好了，这咋搞啊。在下载完之后其实我们的项目里已经存在crypto-js插件了，如果不知道有没有安装成功可以在项目的package.json文件中进行查看。结束完上述操作后，需要做的是如何在自己写的代码中使用到这个方法，首先是在上述代码中的中引入AESUtil.js文件。
2024-06-25 15:29:44
727
原创 vue3+ant design实现表格数据导出Excel
今天终于有时间来更新文章了，最近公司项目比较紧急，再加上自己要准备毕设答辩，所以都没啥自己的空余时间，这几天自己做的任务也完成的差不多了，之前已经更新过表格数据的增删改查，今天就来讲一下如何实现表格数据的导入吧，原本想把导出也一起写的，但是两者涉及的知识点比较多，所以就分开来阐述。因为刚开始自己做这个的时候也是小白，也浏览了很多大佬的技术博客，通过不断地总结和修改才积累了有关这个功能的经验，希望我的文章能够帮到更多的小伙伴呀，一起不断学习吧！提示：以下是本篇文章正文内容，下面案例可供参考。
2024-05-09 11:16:21
1956
原创 2024前端面试题汇总（持续更新中）
最近一段时间面试才发现真的不背八股文是不得行啊，项目中知道怎么使用怎么写，但是当面试官问你具体含义时，完全是懵的状态，趁着有空刚好总结一下，后续还会继续更新哦。
2024-04-26 14:47:50
2473
原创 vue3+ant design实现表格相同内容合并为一行
近期在处理数据报表项目过程中频繁面临表格合并的挑战。产品经理希望能将表格中重复内容并合至同一行显示。尽管通过查阅众多博文了解相关方法与实践，但实际操作却无法解决相关问题。例如，提及ant design版本不适配或添加相关代码仍未成功；更为糟糕的是，即使成功合并，数据仍然仅可水平居中，无法实现垂直居中。作为技术支持者，必须满足产品需求，力求保持99%的原型匹配度。虽然工作压力较大，但我坚信这些困难并非无法克服。所以，我也将这些经验分享出来，供大家共同探讨学习。
2024-04-26 13:54:02
3025
4
原创 vue3+node.js+mysql+ant design实现表格的查询功能
今日主要分享如何运用vue、nodejs、mysql及ant design构建表格数据查询功能，这也是众多项目开发者关注的问题。最关键在于前端与后端的协作，后端数据则通过nodejs编写。尽管涉及多项技术，看似复杂，但实际操作却并非困难。当然，首要条件是熟悉并掌握各项技术。
2024-04-22 14:21:31
1070
2
原创 vue3+Echarts+Nodejs实现动态数据可视化
最近在做毕设的后台管理系统，刚好需要做数据动态可视化的功能，就来记录一下具体的实现方式吧！在开始之前就不阐述用vue创建项目的具体步骤了，主要详细讲解一下vue3、echarts和nodejs三者之间是如何实现数据的动态显示的，我这边项目是使用的vite创建的。
2024-04-22 11:09:14
1216
1
原创 Vue3+Ant Design表格排序
最近在公司做有关报表的项目时，遇到最多的问题-表格排序，刚开始看到UI设计图的时候，还有些纳闷这个排序如何做，其实如果说单纯的排序的话ant design这个组件里的表格有自带的排序和筛选功能，强烈推荐需要做有关后台系统这块项目的小伙伴可以去使用这个组件，他有react版本的及Vue版本的，可自行依据使用的框架进行选择。
2024-04-11 14:59:06
1282
原创 JS数组中各种方法使用教程
在我个人事业发展的过程中，我深刻认识到自身在诸多领域当中所欠缺的丰富知识储备，尤其是针对数组这一重要知识领域，我对其所涵盖的众多方法掌握尚显不足。否则，可能会面临如同我目前的困境——需要花费数倍于学校时期的时间和精力，特别是在工作之后，我们所能支配的学习时间往往受到更大的限制。（2）unshift（）：向数组首位添加新元素，shift（）：删除数组的第一项。（1）push（）：向数组的末尾添加新元素，pop（）：删除数组的最后一项。（7）join()：用指定的分隔符将数组每一项拼接为字符串。
2023-12-14 11:51:08
173
原创 HTML+css+JavaScript实现手动和自动轮播
今天来更新一个前端必备且常见的案例-轮播图，本文章主要应用到的技术包含HTML、css、js,对于轮播的实现主要依赖于js。写这里之前一定要 记得提前写一个公共样式哦，我就不再重复写了。index的js代码。
2023-09-12 15:23:04
1243
原创 原生js开发动画库(一)
匀速运动简称简单运动，具体实现方式也很简单。八、链式运动（先改变宽、再改变高、再改变透明度）二、简单的侧边栏运动。对动画进行简单的封装。六、多物体运动完整版。
2023-09-08 15:08:37
197
原创 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
7193
原创 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
3491
原创 vue3+高德地图
今天来实现一个小型的案例，如何利用vue3实现高德地图在页面展示的效果。5.后续便是添加一些标记、覆盖物、信息窗体等。4.定义一个map对象并且初始化地图。1.NPM 安装 Loader。
2023-08-22 13:59:25
626
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人