- 博客(148)
- 收藏
- 关注
RSS订阅原创 MybatisPlus入门
我最近也在公司写后端代码，所以也会了解一下MybatisPlus的技术，这里就来分享给大家！（1）MybatisPlus是如何获取实现CRUD的数据库表信息的？（2）MybatisPlus的常用注解有哪些？（4）使用@TableField的常见场景是？（3）IdType的常见类型有哪些？
2025-05-24 17:21:11
403
原创 前端框架token相关bug，前后端本地联调
目前这样的话，其实还有一个bug没有解决，因为我改动了这个路由，所以就会导致我现在请求的页面是没有token的！因为我原来没有重定向的版本是有自己的token的，但是我现在重定向之后，我自己登录时就没有token！这个还得想想怎么办？今天我搭建框架的时候，我想请求我自己的本地！然后我自己想链接我自己的本地后端，我之前用的前端项目，都是链别人的后端，基本上很少情况会链接自己的后端！所以我当时想的是，我前后端接口一样，就可以连上嘛？因为我这样前后端只能起一个，哈哈哈，启动了一个，另一个就起不来了！
2025-05-24 13:32:01
532
原创 从0搭建前端架构！
作者负责新项目的前端架构搭建，选用GitHub上的vue-pure-admin框架进行二次开发。通过删除左侧菜单栏、新增自定义菜单、配置接口包，快速完成项目雏形。主要修改集中在src目录下的api（接口）和views（视图层），包括调整modules.ts文件控制菜单逻辑。文章分享了基于开源框架快速定制企业级前端架构的实践过程，并展示了最终页面渲染效果。
2025-05-24 11:03:42
310
原创 第一次经历项目上线
这个页面算是我遇到的比较大的bug，因为我一开始的逻辑都写好了，询价就是在点击快递公司弹出弹框的时候，和选择卡券后，这两个地方会触发询价功能！让用户重新选择，这样就不得不调用询价的接口，然后给公司付钱。添加地址簿的用户信息这个页面，用户会手动输入一些数值，而这些数据输入完之后，会回显到寄件人或者是收件人的信息上面，然后就不用用户点击收件人和寄件人，拉起弹窗后选择信息了！最终的解决方案：后端在创建用户的地址簿的时候，给我返回一个用户的id，然后我在添加页将这个用户的id传递给寄件下单页面，然后传给下单接口！
2025-05-17 17:02:16
1007
原创 vue3+ts的watch全解！
我们首先写一个watch，这里面要传两个值，一个是监视的字段，还有一个是回调函数，里面返回两个值newValue, oldValue，看下面的截图就知道啦~一个是变化前，一个是变化后！监视ref定义的【对象类型】数据：直接写数据名，监视的是对象的【地址值】，若想监视对象内部的数据，要手动开启深度监视。监视ref定义的【基本类型】数据：直接写数据名即可，监视的是其value值的改变。watch有三个参数了，第一个是监视的数据，第二个是监视的回调，第三个是配置对象！这种会隐式的创建深度监听！
2025-05-07 20:51:08
288
原创 vue3+ts的computed属性怎么用？
那我们常用的肯定是后者！我们引入方法后，里面直接包一个对象里面装着get()set()两种方法！学习java后端的应该都不陌生！哈哈哈哈哈，然后get就是拿到这个计算的值，直接return回来即可，而set就是要对计算的值进行修改！点击之后，就可以修改这个全名了！首先我们要进行引入computed这个属性，然后定义用这个属性的时候我们要先了解这个属性。这个computed其实分为里两种！一种是仅可读的，还有一种就是即可以读，又可以修改的！
2025-05-07 17:41:39
384
原创 vue3+ts关于setup概述！
vue2是选项式（配置式）API，vue3是组合式API，所以这两个的写法就会不一样！也就是说vue2，是分开写的，而vue3呢，则是一起写的！我没写组件的名字，我发现也好使了！比如有些组件需要赋值特殊的名字，我们就不能这样写了，我们需要重新命名组件名字！我们现在下载这个插件后，还需要在vite文件里面添加，这两个地方都写完后！答：setup和data、methods可以一起存在，可以一起用。面试常问：setup和data、methods一起写、谁先执行？其实在公司里面大多数都是组件名和引用的名字一样的！
2025-05-07 10:11:07
200
原创 vue3+ts继续学习
发现什么都没有发生！因为我们在App.vue中没有引入！注册，引入，使用，三步曲。我们再写点东西，这里面都是vue2的语法，应该都能看明白！我们写完直接去运行一下代码！
2025-05-06 20:42:40
263
原创 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
298
原创 uniapp调取微信支付功能
这几个字段都是后端给我们的，所以我们会直接接到这些字段！我们就可以直接调取微信支付的api成功进行微信支付啦！今天在公司写微信支付功能，一开始我都完全不知道怎么写，后来，我通过同事大哥们的讲解，终于懂啦！这个就是一个点击事件，点击后调取微信的支付接口！
2025-04-17 20:37:03
244
原创 分享一下这几天在公司学到的东西
我知道了一个前端工程师进行前后端链条的时候，不是要对着后端一个一个的去测试后端的接口，而是面向Mock开发，前端工程师只需要对应好字段和接口就行了，然后Mock会给我假的数据，这样我就可以实现用假数据进行回显！（2）cursor，这个不得不提，太牛逼了！（5）还有一个云效平台，这个就是一个代码管理的平台，然后管理我们的代码，和gitee差不多吧，我们也可以在上门进行拉取和推送，这些操作！（4）我还学到了，用ones这个平台去管理项目，我虽然只是一个成员，但是也体验到了企业级的管理！这几天我学到了很多东西。
2025-04-16 20:58:47
1539
5
原创 vue3+ts解决钩子函数里面传过来的值，外面拿不到的问题
然后我在接受值的页面log了一下我传过来的值，没有任何问题，我就想在函数外面调用一下这个值，但是！我一开始怀疑是作用域的问题，我改了又改，又声明局部变量，又声明全局变量，好多操作都用了，但是都没用！发现错误了，然后就解决问题，查了一下，最好用的方法就是，用watch监听一下order值的变化这样就可以onMounted()方法先执行，然后拿到order的值！今天在公司写项目，我先学会了传值问题，就是如何从一个页面传到另一个页面值，（1）要传过去的页面的值。
2025-04-07 17:58:48
245
原创 前端如何向后端发起请求？javascript！typescript！
我们首先想到的是axios发请求，我总结一下吧，我们发请求可能会遇到的情况！（2）第二种情况，就是发一个post请求，而且只有一个参数。（3）我们发get请求的时候有时还会带参数。（1）第一种情况就是发一个get请求。（4）我们发post请求也会带参数。
2025-04-03 17:03:19
229
原创 Springboot集成JWT token实现权限验证
我又发现一个bug，因为我们每次点击前端的退出登陆的时候，这个token还是会留在浏览器的缓存里面，所以我们需要做一个退出登陆的时候，清除浏览器缓存的一个操作！设置完这个，我们发现请求头中多了一个token数据，这个token就是登录接口返回的token，在每一次的请求的时候，都会在请求头带上这个token，作为验证信息！这种后端的访问地址，他是直接可以访问我们的所有的用户数据的，这样是绝对不可以的，所以我们现在要写一个拦截器，将。我们现在设置完了会发现一个bug，因为我们的登录接口也被拦截了！
2025-03-30 12:58:17
669
原创 springboot+vue注册页面完善
我们现在来完善一下登录和注册，登录这，首先我们登陆成功后，肯定要跳转页面，所以我们用路由，点击登录校验完成后，直接进行跳转！在service里面，我们只需要先查询一下，我们这个用户的名字是否出现过，如果没有出现，我们就进行查询操作，如果已经出现，那么我们就抛出自定义异常！我们点击注册这个字，需要进行跳转，正常我们可以使用herf这种方式，但是我们没有用这种方式，现在我们用的是路由跳转，点击就会跳转到注册页面！在controller里面我们进行了数据校验，后直接进入service！
2025-03-20 14:24:08
127
原创 Springboot+Vue学会表单验证！
如果校验不通过的话，我们就不让发登录请求，只有校验通过，才可以发送登录请求。我们要输入的是账号和密码，所以我们首先要有rules和prop这两个属性，rules要写在el-form上面，prop要卸载el-form-item里面！这里要注意，你的prop里面的username肯定和你的data里面的username属性名字相同，还要和你的rules的username名字相同，这仨必须一样。用户输入数据时很有可能输入不合法数据，这时我们就需要一个数据验证，去校验数据是否合法，这个操作我们经常使用！
2025-03-19 15:09:11
196
原创 Springboot+Vue登录、注册功能（含验证码）（后端！）
我们还引入了一个hutool的一个东西，在pom文件里面引入，这样我们就引入hutool，这样就可以进行校验了，然后我们继续写service！我们的service里面肯定根据用户名去查询用户信息，看看账号密码能不能对上，所以我们在创建一个方法，通过username去查询数据库（因为username是唯一的），这样我们就可以直接写mapper了，mapper肯定是要返回一个User对象的，不用list，就一个user！我们现在要判断一下，如果我们mapper返回回来的数据是一个空！我们现在要写跨域问题了！
2025-03-17 22:26:27
585
原创 Springboot+Vue登录、注册功能（含验证码）（前端！）
我们现在暂时总结一下~el-form的：model属性就是用户输入的值，然后绑定到input上面，这样就可以用user拿到用户输入的数据了！到此，我们前端的操作就完成了！我们现在要给这里也要绑定一个值,我们到时候只需要去判断用户输入的code和传过来的code是否相等就可以了！现在我们的基础页面就写完了，就差一个验证码的功能了！我们首先要写一个页面，创建一个login.vue页面然后写个登录，测试一下，看看能不能用~这个创建完了，之后肯定是要添加路由,之前的怎么写，咱们就怎么粘贴就完了，这个很简单。
2025-03-17 15:29:52
400
原创 springboot+vue如何前后端联调，手搓前后端分离项目
目前就是前端差不多都写完了，然后我们现在要加一个钩子函数mounted（）这个函数的作用就是等我们的页面加载好之后，再去请求数据。第一步导入，第二部在mounted()函数里面写axios.get(url).then(res=>{})这样的一个结构直接写出来。而我们的前端是7000！我们首先在前端安装axios，这个npm就可以！我们用我们之前的页面，然后写一个card，在一个card里面渲染我们的用户数据，我们先写一个查询所有用户信息的一个效果！这样我们就请求成功了，我们就可以拿数据渲染回前端了！
2025-03-16 21:14:55
319
原创 spring boot+mybaits多条件模糊查询和分页查询
我们首先写一下多条件的模糊查询，首先在controller里面写一个接口，进行传参，我们这里要注意，之前写修改和增加的时候用的注解都是@RequestBody,也就是说！而我们现在要进行多条件的模糊查询，这两个注解肯定就不能用了，所以我们要用@RequestParam，这个注解，这样就可以用url路径去写了！话不多说，我们开始写！在写一下mapper，写mapper的时候会遇到很多错误，比如@Param忘写了，或者是limit里面的字段名字写错，还有就是limit这个是不加（）的，不用括号就可以的！
2025-03-16 16:20:13
1021
原创 Springboot+mybait查询功能撰写
我们写查询首先要考虑，我们需不需要传值，返回些什么？想哈~我们首先前端不需要传入任何东西过来，所以我们方法后面不需要写任何的参数！我们肯定要返回一个List<user>因为我们要返回所有的用户信息！我们首先在controller里面写出一个接口，然后返回List的一个user，这样就可以返回数据了。我们的增删改，都不需要return只有查询，在service里面写了返回值，因为要查询出来东西！既然要返回一个数据，我们的service里面肯定也是要返回一个List<User>，好的，没问题，我们请求成功了。
2025-03-16 14:31:55
211
原创 Spring boot+mybatis的批量删除
这样我们就实现了controller的撰写，接着我们写service，我们要理解一个过程哈，首先我们从前端传过来值，然后到service，我们要做的就是一次一次删除，一条一条的，用for删除，而不是用xml一起删，为什么不用xml呢？因为我们先把简单的学了，我们的数据现在也不是很多，只要不涉及到过大的数据，用for循环其实也不会太慢！我们一次500一次500的用，其实也不会太慢的!我们这里就写一下service，我们可以看到，用for还是调用原来的delete方法，一条一条的进行删除，不会很慢的。
2025-03-16 14:19:15
351
原创 Springboot+mybatis实现增删改查操作
继续写一下删除操作，删除有些不一样，首先在controller里面，我们需要改一下路由，我们后面要写/{id}传入路径参数，用@PathVariable注解绑定id，剩下的都一样，传入id，然后写service和mapper。
2025-03-15 14:53:06
140
原创 Springboot+mybatis实现增删改查效果
我们前面实现了增加效果，现在来写一下修改~我们首先在controller里面写update。没问题~需要注意的是mapper的sql别写错了！接着在service和mapper写方法。
2025-03-15 14:43:38
155
原创 Springboot+mabatis增删改查，设置不可重复字段
今天又学会了一个操作，我们数据库中，可能要求一个字段名字不可以重复，我们就进行这样的操作！设计表，然后点击索引，选择字段，加入索引类型和索引方法，然后ctrl+S保存!如果一旦还重复插入了，我们就会报500错误，控制台就就会报。这个错误，就是username重复了，更改一下就可以了。
2025-03-15 12:39:05
164
原创 SpringBoot+mybatis实现增删改查操作
首先我们前端请求controller，然后controller将前端传过来的user给service，然后service给mapper处理，通过一个sql去执行插入！我们接着还要创建一个包叫mapper，这个就是存放接口的，然后我们在包里面创建UserMapper，接着创建service包，创建Userservice，最后创建Usercontroller!可能会有人有疑问哈~我解释一下，这个接口实现，我们暂时练手，先写这一个，我们暂时也就一个表用不到多表查询等操作，等以后我会继续分享的！
2025-03-15 12:08:50
271
原创 Springboot项目发送请求
我们现在要试试，我们不传入这样的东西了，我们要试一下传入json可不可以呢？接下来，我们来玩一下post，我先创建了一个obj对象，然后在obj对象里面写一个name，并自动生成get和set方法。我们可以看到，这样我们就做到了传入的是json，返回值也是json了！我们可以看到，失败了！我们这样写，就会返回data:20，那也就是说，我们括号里面的才是返回的值，而我们写的。这样传过来的，如果我们不用问号，我们用斜杠传参，那么就会报错！这个链接里面的这两个参数，是我们传进去的，也就是函数上面这俩括号的值！
2025-03-14 21:15:08
634
原创 Springboot项目修改端口
我们直接在yml文件里面添加server：port:9090，这样就可以更改端口了。重新启动，就更改端口成功了。
2025-03-14 16:36:21
271
原创 Springboot项目，注解，Result万能结果集
RestController这个注解主要就是返回json文件，然后@RequestMapping这个注解就是发get请求。我们再创建一个result文件夹，然后创建一个result.class，这个作为返回结果的工具类。我们首先要介绍的是@RestController和@RequestMapping这两个注解。这个设置完了之后，就可以进行传值，以后我们所有的返回值都要用到这个Result。因为我们这个方法的默认访问地址就是‘/’所以会直接显示hello 你好。我们发现，项目的内容变了！
2025-03-14 16:32:13
117
原创 Springboot项目！
我创建了一个controller文件夹，然后在下面创建了一个WebController类，类里面自动帮我们创建好了注释。我们更改一下创建class的注释，在设置里面去配置一下class，这样创建出来的文件就自己有注释了。接着就要继续配置maven，点击设置然后搜索maven，选择你自己的maven本地路径。默认的跑不起来，因为没有设置数据库的链接，要在yml配置文件里面去配置一下。创建spring boot的时候记得要勾选。添加数据库的配置，然后点击启动，即可访问。这样就可以配置好了~
2025-03-14 10:56:08
178
原创 vue左侧边框点击后让字体高亮
更改这样代码，加上 :default-active="$route.path"，@route.path是当前浏览器正在访问的路由。当且仅当标签是el-menu-item的时候，index才会生效，也就是说二级标签才会生效，比如el-submenu就不能生效。在添加一个属性，router，这样就可以绑定路由了，也就能做到，点哪个路由就跳转到哪个路由了！active-text-color="#fff"这个就是高亮之后的颜色。这个效果涉及到一个属性，就是default-active=""怎么做到点击高亮呢？
2025-03-06 15:50:52
548
原创 vue管理布局左侧菜单栏NavMenu
首先写一个el-menu，这个显然就是一级菜单，然后在里面写el-menu-item写出几项就可以了，然后我们再继续写二级菜单，就是el-submenu，这个东西吧，你可以在里面直接谢日el-menu-item，但是，你想在二级菜单上写字，就必须要用到template这个标签，然后就在里面添加slot属性，接着写一个图标➕一点字，就可以实现二级菜单的title了。这就是左侧的代码，我加了一点样式，因为正常的都是上面有一个logo，下面再写菜单栏，我们写一下这个el-menu。
2025-03-06 13:16:05
750
原创 vue管理系统常规布局思路，头部+菜单+主题（Container 布局容器）
这里面el-container就是一个大的盒子，包含着所有的东西，el-aside这个就是左侧边栏，el-container，这个就是右边的大盒子，然后el-header，就是头部，el-main，这个就是右侧的主题，也是我们写的最多的东西。我们平时写管理系统的时候，非常需要这种布局，我们直接使用Container 布局容器就可以做到这个效果。我们首先要弄清楚，container这个容器都有些什么，我们直接写一个！写完的效果就是这样的，布局非常清晰。
2025-03-06 12:57:19
236
3
原创 element ui的time时间和table表格
还有一个重要的属性，叫prop，这个代表，哪一列，要放什么数据，就绑定什么属性。首先，我们先写一个el-table标签，这个就是表头，然后绑定一个data，接着写一个el-table-column标签，这个表示一列，然后给上label属性，这个属性就是代表这列叫什么名字。我们首先更改最后一列，变成操作，然后用v-slot插槽，接着写一个按钮，在按钮上绑定一个点击事件，然后再点击事件中，将行数据传入，最后在方法中写弹出事件，弹出名字即可。这样就绑定了三个属性，都会显示在下面了。剩下的都可以迎刃而解了~
2025-02-22 12:00:51
519
原创 element ui的select选择框
我发现这个绑定的两个属性很关键，只要用好label和value这两个属性就可以实现一个效果，我们平时可能需要选择用户，然后获取它的身份证号，然后我们只需要让用户选择名字，这样在后台我们可以拿到他的身份证号！label是选项的标签，如果不写就是默认和value一样，如果写了就是现实label的值，然后value就是，返回的值，这样就可以实现这个效果了。我们首先先试一下，这个东西怎么玩的。这样就能用了，然后我们加一些属性。
2025-02-22 10:40:00
388
原创 element ui 组件el-autocomplete的使用方法（输入建议，利用filter和include）
我们可以看到，这个代码，需要写一个函数，也就是querySearch，所以我们在methods里面写入这个方法，这个方法要传入两个值，一个query（这个随便写），还有一个cb，这个不是随便写的，接下来看代码实现吧。这里面有两个注意的点，第一个就是data里面的coffees是一个对象数组，不是一个单纯的数组，第二个就是一定要有cb返回！我们首先要先将标签写出来，其次写入一些属性，这个直接去官网粘贴即可！filter就是过滤器，他可以过滤出我们想要的东西。
2025-02-22 10:02:18
462
原创 鸿蒙继续开发
控件的封装一共有三种方法，我们之前用的那种内部封装只是其中一种，用的最多的应该是外部封装，我首先在外部创建一个文件夹，叫component，然后在里面创建一个ets的文件，将写好的组件直接粘贴进去，就可以开始操作了。（1）创建一个方法，前面加上@Builder修饰，然后再方法里面写自己想要的东西。（1）onPageShow这个是页面显示的时候触发的。（2）onPageHide这个是页面隐藏的时候触发的。（2）将写好的文件导出（最后一行加上这个就可以）（1）创建ets文件，将写好的组件放进去。
2023-08-08 00:06:40
315
原创 鸿蒙的初项目
先创建了一个ets的项目，然后我发现这里面有一个组件叫Flex，跟css里面的弹性布局好像差不多，但是用法略有差异，这个Flex是在（）里面加一个{}，然后去写参数，想设置最熟悉的居中，那就得用下面这行代码，这个就和css有所不同了。（5）在父控件使用子控件LoginInput时需要传两个参数，一个是inputPlaceholder，还有一个时text，但是这个text要赋值父控件中state修饰的值，然后用$去赋值！Link：定义变量，变量的值必须从父控件获取 与父控件的值双向绑定。
2023-08-04 20:05:38
368
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人