- 博客(157)
- 收藏
- 关注
RSS订阅原创 日期的数据格式转换
前端处理日期格式转换：针对后端返回的datetime数据与UI需求不一致的问题，开发了一个辅助函数将标准日期格式转换为"9:00AM"这样的显示格式。该函数处理时区差异、无效日期校验，并自动转换12小时制，补齐分钟位数。示例代码展示了如何将"2023-03-15 09:00:00"转换为"9:00AM"。这种方法既保持了后端数据规范性，又满足了前端展示需求。（149字）
2025-06-11 17:03:04
138
原创 驭码CodeRider 体验：AI编程助手的全新进化
经过一周的深度使用，我认为驭码CodeRider 2.0是国内AI编程助手中的佼佼者。它在保持轻量化的同时，提供了接近甚至部分超越国外同类产品的智能体验。特别是其项目级理解能力和贴近中国开发者习惯的设计，让它成为提升编程效率的得力助手。对于考虑尝试AI编程工具的开发者，我强烈推荐体验CodeRider 2.0。它的免费版本已经提供了足够强大的功能，能够显著提升日常开发效率。期待未来版本能带来更多惊喜！
2025-06-09 10:44:05
363
原创 pm2部署Nuxt项目！
文章摘要：部署是将应用从本地开发环境转移到服务器生产环境的过程，目的是让所有人可访问、保证环境稳定性和提升性能。PM2是一个Node.js进程管理工具，相当于应用程序的"管家"，能自动重启崩溃进程、保持应用持续运行并提供监控功能。部署步骤包括：1)打包项目；2)创建启动脚本和配置文件；3)用PM2启动应用；4)查看运行状态。通过PM2管理可确保应用稳定运行。（149字）
2025-06-09 10:05:22
309
原创 JeecgBoot低代码管理平台
JeecgBoot是一个基于SpringBoot和Vue的企业级快速开发平台，通过代码生成器和内置模块大幅提升后台管理系统开发效率。其核心功能包括可视化代码生成、完善的RBAC权限体系、在线表单/报表开发及现代化技术栈支持。优势在于开发速度快、成本低、代码规范统一，特别适合OA/ERP等管理系统开发，但存在学习成本较高和UI定制受限等局限。整体而言，JeecgBoot是Java开发者构建标准化后台系统的高效工具，可显著减少重复性工作。
2025-06-06 17:24:25
868
原创 6月6日学习，微前端、零代码开发平台。
传统编程 (写代码): 就像是你自己去伐木、烧砖、和水泥，从最原始的材料开始，一砖一瓦地把房子盖起来。这种方式极度灵活，可以盖出任何你想要的奇特建筑，但对工匠（程序员）的技能要求极高，且耗时耗力。零代码开发: 就像是使用标准化的预制模块（像乐高积木）来盖房子。平台已经为你准备好了墙体、窗户、门、屋顶等各种组件。你只需要通过一个可视化的界面，用拖拉拽的方式把这些组件拼装在一起，配置一下它们的属性（比如窗户的大小、墙的颜色），就能快速搭建出一座功能完善的房子。
2025-06-06 17:18:34
1039
原创 NVM！（可以快速替换你的node版本）
最简单的应用场景，比如你的项目一用的是node14，而你的项目二用的是node22，这种情况怎么办？你总不能每次都卸载node，然后重新下载node，配置环境变量，这种办法吧？因为你的项目是不一样的，所以需要的node版本也有可能会不一样！我们首先下载一个nvm，然后无脑安装就完了，安装后需要去nvm包里面找到settings.txt文件写入你的node路径，这样才可以切换！写好之后，我们直接打开cmd，输入nvm ls即可查看你本机上的node版本，然后切换即可，非常好用！
2025-06-05 16:15:33
127
原创 深度学习Sitemap（NuxtSeo）
文章摘要：作者接到制作sitemap的任务后，首先研究了sitemap的作用是为搜索引擎提供网站URL清单。在实施过程中发现.vue组件文件未被收录，原因是sitemap只识别路由URL而非源文件。通过调整Nuxt.js配置，作者解决了多语言路由(en/ch)显示不一致的问题，最终成功实现了领导要求的效果。整个过程中作者经历了研究、调试、解决问题的完整流程，加深了对sitemap工作原理的理解。
2025-06-04 14:13:30
392
原创 学习NuxtLink标签
我第一次接触这个标签，我都不知道是干嘛的，哈哈哈哈，就是他长得有点像routerLink，所以我就去查了一下！真是一样的，哈哈哈哈，至少做的事情是一样的！这样点击关于这俩字的时候就会跳转到/about这个页面。简单来说这个东西就是一个切换路由的东西。我自己也写了一段代码，可以直接看效果！要禁用链接页面的预获取，可以使用。
2025-06-03 13:23:54
238
原创 学习NuxtSeo
文章摘要：本文介绍了Nuxt项目中四个重要的SEO优化模块。1）Robots模块用于控制爬虫访问权限；2）Sitemap模块自动生成XML网站地图，帮助搜索引擎索引；3）Schema模块通过结构化数据标记内容类型；4）OG图片模块优化社交分享时的展示效果。这些模块共同作用，提升网站在搜索引擎和社交平台的可见性与用户体验。
2025-05-30 11:45:25
263
原创 MybatisPlus入门
我最近也在公司写后端代码，所以也会了解一下MybatisPlus的技术，这里就来分享给大家！（1）MybatisPlus是如何获取实现CRUD的数据库表信息的？（2）MybatisPlus的常用注解有哪些？（4）使用@TableField的常见场景是？（3）IdType的常见类型有哪些？
2025-05-24 17:21:11
414
原创 前端框架token相关bug，前后端本地联调
目前这样的话，其实还有一个bug没有解决，因为我改动了这个路由，所以就会导致我现在请求的页面是没有token的！因为我原来没有重定向的版本是有自己的token的，但是我现在重定向之后，我自己登录时就没有token！这个还得想想怎么办？今天我搭建框架的时候，我想请求我自己的本地！然后我自己想链接我自己的本地后端，我之前用的前端项目，都是链别人的后端，基本上很少情况会链接自己的后端！所以我当时想的是，我前后端接口一样，就可以连上嘛？因为我这样前后端只能起一个，哈哈哈，启动了一个，另一个就起不来了！
2025-05-24 13:32:01
884
原创 从0搭建前端架构！
作者负责新项目的前端架构搭建，选用GitHub上的vue-pure-admin框架进行二次开发。通过删除左侧菜单栏、新增自定义菜单、配置接口包，快速完成项目雏形。主要修改集中在src目录下的api（接口）和views（视图层），包括调整modules.ts文件控制菜单逻辑。文章分享了基于开源框架快速定制企业级前端架构的实践过程，并展示了最终页面渲染效果。
2025-05-24 11:03:42
328
原创 第一次经历项目上线
这个页面算是我遇到的比较大的bug，因为我一开始的逻辑都写好了，询价就是在点击快递公司弹出弹框的时候，和选择卡券后，这两个地方会触发询价功能！让用户重新选择，这样就不得不调用询价的接口，然后给公司付钱。添加地址簿的用户信息这个页面，用户会手动输入一些数值，而这些数据输入完之后，会回显到寄件人或者是收件人的信息上面，然后就不用用户点击收件人和寄件人，拉起弹窗后选择信息了！最终的解决方案：后端在创建用户的地址簿的时候，给我返回一个用户的id，然后我在添加页将这个用户的id传递给寄件下单页面，然后传给下单接口！
2025-05-17 17:02:16
1017
原创 vue3+ts的watch全解！
我们首先写一个watch，这里面要传两个值，一个是监视的字段，还有一个是回调函数，里面返回两个值newValue, oldValue，看下面的截图就知道啦~一个是变化前，一个是变化后！监视ref定义的【对象类型】数据：直接写数据名，监视的是对象的【地址值】，若想监视对象内部的数据，要手动开启深度监视。监视ref定义的【基本类型】数据：直接写数据名即可，监视的是其value值的改变。watch有三个参数了，第一个是监视的数据，第二个是监视的回调，第三个是配置对象！这种会隐式的创建深度监听！
2025-05-07 20:51:08
334
原创 vue3+ts的computed属性怎么用？
那我们常用的肯定是后者！我们引入方法后，里面直接包一个对象里面装着get()set()两种方法！学习java后端的应该都不陌生！哈哈哈哈哈，然后get就是拿到这个计算的值，直接return回来即可，而set就是要对计算的值进行修改！点击之后，就可以修改这个全名了！首先我们要进行引入computed这个属性，然后定义用这个属性的时候我们要先了解这个属性。这个computed其实分为里两种！一种是仅可读的，还有一种就是即可以读，又可以修改的！
2025-05-07 17:41:39
424
原创 vue3+ts关于setup概述！
vue2是选项式（配置式）API，vue3是组合式API，所以这两个的写法就会不一样！也就是说vue2，是分开写的，而vue3呢，则是一起写的！我没写组件的名字，我发现也好使了！比如有些组件需要赋值特殊的名字，我们就不能这样写了，我们需要重新命名组件名字！我们现在下载这个插件后，还需要在vite文件里面添加，这两个地方都写完后！答：setup和data、methods可以一起存在，可以一起用。面试常问：setup和data、methods一起写、谁先执行？其实在公司里面大多数都是组件名和引用的名字一样的！
2025-05-07 10:11:07
222
原创 vue3+ts继续学习
发现什么都没有发生！因为我们在App.vue中没有引入！注册，引入，使用，三步曲。我们再写点东西，这里面都是vue2的语法，应该都能看明白！我们写完直接去运行一下代码！
2025-05-06 20:42:40
270
原创 vue3+ts学习！
我把src删了，然后重新创建文件，然后新建一个src，main.ts，和App.vue，直接启动项目！没东西，哈哈哈因为你的main.ts里面没东西，所以我们开始写！接着我们进入main.ts文件createApp就是创建一个应用，App就是一个根组件，也就是说，我们引入别的组件的时候，都需要在app.vue里面引入一下！然后.mount（‘#app’）也就是将App挂载一下，也就是在index.html里面摆放的位置！接下来选择一个ts语法，剩下的全不选，直接回车创建项目，然后，用vscode打开即可！
2025-05-06 20:19:59
426
原创 uniapp调取微信支付功能
这几个字段都是后端给我们的，所以我们会直接接到这些字段！我们就可以直接调取微信支付的api成功进行微信支付啦！今天在公司写微信支付功能，一开始我都完全不知道怎么写，后来，我通过同事大哥们的讲解，终于懂啦！这个就是一个点击事件，点击后调取微信的支付接口！
2025-04-17 20:37:03
266
原创 分享一下这几天在公司学到的东西
我知道了一个前端工程师进行前后端链条的时候，不是要对着后端一个一个的去测试后端的接口，而是面向Mock开发，前端工程师只需要对应好字段和接口就行了，然后Mock会给我假的数据，这样我就可以实现用假数据进行回显！（2）cursor，这个不得不提，太牛逼了！（5）还有一个云效平台，这个就是一个代码管理的平台，然后管理我们的代码，和gitee差不多吧，我们也可以在上门进行拉取和推送，这些操作！（4）我还学到了，用ones这个平台去管理项目，我虽然只是一个成员，但是也体验到了企业级的管理！这几天我学到了很多东西。
2025-04-16 20:58:47
1555
5
原创 vue3+ts解决钩子函数里面传过来的值，外面拿不到的问题
然后我在接受值的页面log了一下我传过来的值，没有任何问题，我就想在函数外面调用一下这个值，但是！我一开始怀疑是作用域的问题，我改了又改，又声明局部变量，又声明全局变量，好多操作都用了，但是都没用！发现错误了，然后就解决问题，查了一下，最好用的方法就是，用watch监听一下order值的变化这样就可以onMounted()方法先执行，然后拿到order的值！今天在公司写项目，我先学会了传值问题，就是如何从一个页面传到另一个页面值，（1）要传过去的页面的值。
2025-04-07 17:58:48
255
原创 前端如何向后端发起请求？javascript！typescript！
我们首先想到的是axios发请求，我总结一下吧，我们发请求可能会遇到的情况！（2）第二种情况，就是发一个post请求，而且只有一个参数。（3）我们发get请求的时候有时还会带参数。（1）第一种情况就是发一个get请求。（4）我们发post请求也会带参数。
2025-04-03 17:03:19
250
原创 Springboot集成JWT token实现权限验证
我又发现一个bug，因为我们每次点击前端的退出登陆的时候，这个token还是会留在浏览器的缓存里面，所以我们需要做一个退出登陆的时候，清除浏览器缓存的一个操作！设置完这个，我们发现请求头中多了一个token数据，这个token就是登录接口返回的token，在每一次的请求的时候，都会在请求头带上这个token，作为验证信息！这种后端的访问地址，他是直接可以访问我们的所有的用户数据的，这样是绝对不可以的，所以我们现在要写一个拦截器，将。我们现在设置完了会发现一个bug，因为我们的登录接口也被拦截了！
2025-03-30 12:58:17
729
原创 springboot+vue注册页面完善
我们现在来完善一下登录和注册，登录这，首先我们登陆成功后，肯定要跳转页面，所以我们用路由，点击登录校验完成后，直接进行跳转！在service里面，我们只需要先查询一下，我们这个用户的名字是否出现过，如果没有出现，我们就进行查询操作，如果已经出现，那么我们就抛出自定义异常！我们点击注册这个字，需要进行跳转，正常我们可以使用herf这种方式，但是我们没有用这种方式，现在我们用的是路由跳转，点击就会跳转到注册页面！在controller里面我们进行了数据校验，后直接进入service！
2025-03-20 14:24:08
136
原创 Springboot+Vue学会表单验证！
如果校验不通过的话，我们就不让发登录请求，只有校验通过，才可以发送登录请求。我们要输入的是账号和密码，所以我们首先要有rules和prop这两个属性，rules要写在el-form上面，prop要卸载el-form-item里面！这里要注意，你的prop里面的username肯定和你的data里面的username属性名字相同，还要和你的rules的username名字相同，这仨必须一样。用户输入数据时很有可能输入不合法数据，这时我们就需要一个数据验证，去校验数据是否合法，这个操作我们经常使用！
2025-03-19 15:09:11
203
原创 Springboot+Vue登录、注册功能（含验证码）（后端！）
我们还引入了一个hutool的一个东西，在pom文件里面引入，这样我们就引入hutool，这样就可以进行校验了，然后我们继续写service！我们的service里面肯定根据用户名去查询用户信息，看看账号密码能不能对上，所以我们在创建一个方法，通过username去查询数据库（因为username是唯一的），这样我们就可以直接写mapper了，mapper肯定是要返回一个User对象的，不用list，就一个user！我们现在要判断一下，如果我们mapper返回回来的数据是一个空！我们现在要写跨域问题了！
2025-03-17 22:26:27
625
原创 Springboot+Vue登录、注册功能（含验证码）（前端！）
我们现在暂时总结一下~el-form的：model属性就是用户输入的值，然后绑定到input上面，这样就可以用user拿到用户输入的数据了！到此，我们前端的操作就完成了！我们现在要给这里也要绑定一个值,我们到时候只需要去判断用户输入的code和传过来的code是否相等就可以了！现在我们的基础页面就写完了，就差一个验证码的功能了！我们首先要写一个页面，创建一个login.vue页面然后写个登录，测试一下，看看能不能用~这个创建完了，之后肯定是要添加路由,之前的怎么写，咱们就怎么粘贴就完了，这个很简单。
2025-03-17 15:29:52
434
原创 springboot+vue如何前后端联调，手搓前后端分离项目
目前就是前端差不多都写完了，然后我们现在要加一个钩子函数mounted（）这个函数的作用就是等我们的页面加载好之后，再去请求数据。第一步导入，第二部在mounted()函数里面写axios.get(url).then(res=>{})这样的一个结构直接写出来。而我们的前端是7000！我们首先在前端安装axios，这个npm就可以！我们用我们之前的页面，然后写一个card，在一个card里面渲染我们的用户数据，我们先写一个查询所有用户信息的一个效果！这样我们就请求成功了，我们就可以拿数据渲染回前端了！
2025-03-16 21:14:55
326
原创 spring boot+mybaits多条件模糊查询和分页查询
我们首先写一下多条件的模糊查询，首先在controller里面写一个接口，进行传参，我们这里要注意，之前写修改和增加的时候用的注解都是@RequestBody,也就是说！而我们现在要进行多条件的模糊查询，这两个注解肯定就不能用了，所以我们要用@RequestParam，这个注解，这样就可以用url路径去写了！话不多说，我们开始写！在写一下mapper，写mapper的时候会遇到很多错误，比如@Param忘写了，或者是limit里面的字段名字写错，还有就是limit这个是不加（）的，不用括号就可以的！
2025-03-16 16:20:13
1047
原创 Springboot+mybait查询功能撰写
我们写查询首先要考虑，我们需不需要传值，返回些什么？想哈~我们首先前端不需要传入任何东西过来，所以我们方法后面不需要写任何的参数！我们肯定要返回一个List<user>因为我们要返回所有的用户信息！我们首先在controller里面写出一个接口，然后返回List的一个user，这样就可以返回数据了。我们的增删改，都不需要return只有查询，在service里面写了返回值，因为要查询出来东西！既然要返回一个数据，我们的service里面肯定也是要返回一个List<User>，好的，没问题，我们请求成功了。
2025-03-16 14:31:55
217
原创 Spring boot+mybatis的批量删除
这样我们就实现了controller的撰写，接着我们写service，我们要理解一个过程哈，首先我们从前端传过来值，然后到service，我们要做的就是一次一次删除，一条一条的，用for删除，而不是用xml一起删，为什么不用xml呢？因为我们先把简单的学了，我们的数据现在也不是很多，只要不涉及到过大的数据，用for循环其实也不会太慢！我们一次500一次500的用，其实也不会太慢的!我们这里就写一下service，我们可以看到，用for还是调用原来的delete方法，一条一条的进行删除，不会很慢的。
2025-03-16 14:19:15
372
原创 Springboot+mybatis实现增删改查操作
继续写一下删除操作，删除有些不一样，首先在controller里面，我们需要改一下路由，我们后面要写/{id}传入路径参数，用@PathVariable注解绑定id，剩下的都一样，传入id，然后写service和mapper。
2025-03-15 14:53:06
144
原创 Springboot+mybatis实现增删改查效果
我们前面实现了增加效果，现在来写一下修改~我们首先在controller里面写update。没问题~需要注意的是mapper的sql别写错了！接着在service和mapper写方法。
2025-03-15 14:43:38
164
原创 Springboot+mabatis增删改查，设置不可重复字段
今天又学会了一个操作，我们数据库中，可能要求一个字段名字不可以重复，我们就进行这样的操作！设计表，然后点击索引，选择字段，加入索引类型和索引方法，然后ctrl+S保存!如果一旦还重复插入了，我们就会报500错误，控制台就就会报。这个错误，就是username重复了，更改一下就可以了。
2025-03-15 12:39:05
169
原创 SpringBoot+mybatis实现增删改查操作
首先我们前端请求controller，然后controller将前端传过来的user给service，然后service给mapper处理，通过一个sql去执行插入！我们接着还要创建一个包叫mapper，这个就是存放接口的，然后我们在包里面创建UserMapper，接着创建service包，创建Userservice，最后创建Usercontroller!可能会有人有疑问哈~我解释一下，这个接口实现，我们暂时练手，先写这一个，我们暂时也就一个表用不到多表查询等操作，等以后我会继续分享的！
2025-03-15 12:08:50
283
原创 Springboot项目发送请求
我们现在要试试，我们不传入这样的东西了，我们要试一下传入json可不可以呢？接下来，我们来玩一下post，我先创建了一个obj对象，然后在obj对象里面写一个name，并自动生成get和set方法。我们可以看到，这样我们就做到了传入的是json，返回值也是json了！我们可以看到，失败了！我们这样写，就会返回data:20，那也就是说，我们括号里面的才是返回的值，而我们写的。这样传过来的，如果我们不用问号，我们用斜杠传参，那么就会报错！这个链接里面的这两个参数，是我们传进去的，也就是函数上面这俩括号的值！
2025-03-14 21:15:08
689
原创 Springboot项目修改端口
我们直接在yml文件里面添加server：port:9090，这样就可以更改端口了。重新启动，就更改端口成功了。
2025-03-14 16:36:21
297
原创 Springboot项目，注解，Result万能结果集
RestController这个注解主要就是返回json文件，然后@RequestMapping这个注解就是发get请求。我们再创建一个result文件夹，然后创建一个result.class，这个作为返回结果的工具类。我们首先要介绍的是@RestController和@RequestMapping这两个注解。这个设置完了之后，就可以进行传值，以后我们所有的返回值都要用到这个Result。因为我们这个方法的默认访问地址就是‘/’所以会直接显示hello 你好。我们发现，项目的内容变了！
2025-03-14 16:32:13
131
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人