- 博客(138)
- 收藏
- 关注
RSS订阅原创 分享一下这几天在公司学到的东西
我知道了一个前端工程师进行前后端链条的时候，不是要对着后端一个一个的去测试后端的接口，而是面向Mock开发，前端工程师只需要对应好字段和接口就行了，然后Mock会给我假的数据，这样我就可以实现用假数据进行回显！（2）cursor，这个不得不提，太牛逼了！（5）还有一个云效平台，这个就是一个代码管理的平台，然后管理我们的代码，和gitee差不多吧，我们也可以在上门进行拉取和推送，这些操作！（4）我还学到了，用ones这个平台去管理项目，我虽然只是一个成员，但是也体验到了企业级的管理！这几天我学到了很多东西。
2025-04-16 20:58:47
32
原创 vue3+ts解决钩子函数里面传过来的值，外面拿不到的问题
然后我在接受值的页面log了一下我传过来的值，没有任何问题，我就想在函数外面调用一下这个值，但是！我一开始怀疑是作用域的问题，我改了又改，又声明局部变量，又声明全局变量，好多操作都用了，但是都没用！发现错误了，然后就解决问题，查了一下，最好用的方法就是，用watch监听一下order值的变化这样就可以onMounted()方法先执行，然后拿到order的值！今天在公司写项目，我先学会了传值问题，就是如何从一个页面传到另一个页面值，（1）要传过去的页面的值。
2025-04-07 17:58:48
207
原创 前端如何向后端发起请求？javascript！typescript！
我们首先想到的是axios发请求，我总结一下吧，我们发请求可能会遇到的情况！（2）第二种情况，就是发一个post请求，而且只有一个参数。（3）我们发get请求的时候有时还会带参数。（1）第一种情况就是发一个get请求。（4）我们发post请求也会带参数。
2025-04-03 17:03:19
176
原创 Springboot集成JWT token实现权限验证
我又发现一个bug，因为我们每次点击前端的退出登陆的时候，这个token还是会留在浏览器的缓存里面，所以我们需要做一个退出登陆的时候，清除浏览器缓存的一个操作！设置完这个，我们发现请求头中多了一个token数据，这个token就是登录接口返回的token，在每一次的请求的时候，都会在请求头带上这个token，作为验证信息！这种后端的访问地址，他是直接可以访问我们的所有的用户数据的，这样是绝对不可以的，所以我们现在要写一个拦截器，将。我们现在设置完了会发现一个bug，因为我们的登录接口也被拦截了！
2025-03-30 12:58:17
401
原创 springboot+vue注册页面完善
我们现在来完善一下登录和注册，登录这，首先我们登陆成功后，肯定要跳转页面，所以我们用路由，点击登录校验完成后，直接进行跳转！在service里面，我们只需要先查询一下，我们这个用户的名字是否出现过，如果没有出现，我们就进行查询操作，如果已经出现，那么我们就抛出自定义异常！我们点击注册这个字，需要进行跳转，正常我们可以使用herf这种方式，但是我们没有用这种方式，现在我们用的是路由跳转，点击就会跳转到注册页面！在controller里面我们进行了数据校验，后直接进入service！
2025-03-20 14:24:08
110
原创 Springboot+Vue学会表单验证！
如果校验不通过的话，我们就不让发登录请求，只有校验通过，才可以发送登录请求。我们要输入的是账号和密码，所以我们首先要有rules和prop这两个属性，rules要写在el-form上面，prop要卸载el-form-item里面！这里要注意，你的prop里面的username肯定和你的data里面的username属性名字相同，还要和你的rules的username名字相同，这仨必须一样。用户输入数据时很有可能输入不合法数据，这时我们就需要一个数据验证，去校验数据是否合法，这个操作我们经常使用！
2025-03-19 15:09:11
184
原创 Springboot+Vue登录、注册功能（含验证码）（后端！）
我们还引入了一个hutool的一个东西，在pom文件里面引入，这样我们就引入hutool，这样就可以进行校验了，然后我们继续写service！我们的service里面肯定根据用户名去查询用户信息，看看账号密码能不能对上，所以我们在创建一个方法，通过username去查询数据库（因为username是唯一的），这样我们就可以直接写mapper了，mapper肯定是要返回一个User对象的，不用list，就一个user！我们现在要判断一下，如果我们mapper返回回来的数据是一个空！我们现在要写跨域问题了！
2025-03-17 22:26:27
486
原创 Springboot+Vue登录、注册功能（含验证码）（前端！）
我们现在暂时总结一下~el-form的：model属性就是用户输入的值，然后绑定到input上面，这样就可以用user拿到用户输入的数据了！到此，我们前端的操作就完成了！我们现在要给这里也要绑定一个值,我们到时候只需要去判断用户输入的code和传过来的code是否相等就可以了！现在我们的基础页面就写完了，就差一个验证码的功能了！我们首先要写一个页面，创建一个login.vue页面然后写个登录，测试一下，看看能不能用~这个创建完了，之后肯定是要添加路由,之前的怎么写，咱们就怎么粘贴就完了，这个很简单。
2025-03-17 15:29:52
233
原创 springboot+vue如何前后端联调，手搓前后端分离项目
目前就是前端差不多都写完了，然后我们现在要加一个钩子函数mounted（）这个函数的作用就是等我们的页面加载好之后，再去请求数据。第一步导入，第二部在mounted()函数里面写axios.get(url).then(res=>{})这样的一个结构直接写出来。而我们的前端是7000！我们首先在前端安装axios，这个npm就可以！我们用我们之前的页面，然后写一个card，在一个card里面渲染我们的用户数据，我们先写一个查询所有用户信息的一个效果！这样我们就请求成功了，我们就可以拿数据渲染回前端了！
2025-03-16 21:14:55
280
原创 spring boot+mybaits多条件模糊查询和分页查询
我们首先写一下多条件的模糊查询，首先在controller里面写一个接口，进行传参，我们这里要注意，之前写修改和增加的时候用的注解都是@RequestBody,也就是说！而我们现在要进行多条件的模糊查询，这两个注解肯定就不能用了，所以我们要用@RequestParam，这个注解，这样就可以用url路径去写了！话不多说，我们开始写！在写一下mapper，写mapper的时候会遇到很多错误，比如@Param忘写了，或者是limit里面的字段名字写错，还有就是limit这个是不加（）的，不用括号就可以的！
2025-03-16 16:20:13
929
原创 Springboot+mybait查询功能撰写
我们写查询首先要考虑，我们需不需要传值，返回些什么？想哈~我们首先前端不需要传入任何东西过来，所以我们方法后面不需要写任何的参数！我们肯定要返回一个List<user>因为我们要返回所有的用户信息！我们首先在controller里面写出一个接口，然后返回List的一个user，这样就可以返回数据了。我们的增删改，都不需要return只有查询，在service里面写了返回值，因为要查询出来东西！既然要返回一个数据，我们的service里面肯定也是要返回一个List<User>，好的，没问题，我们请求成功了。
2025-03-16 14:31:55
192
原创 Spring boot+mybatis的批量删除
这样我们就实现了controller的撰写，接着我们写service，我们要理解一个过程哈，首先我们从前端传过来值，然后到service，我们要做的就是一次一次删除，一条一条的，用for删除，而不是用xml一起删，为什么不用xml呢？因为我们先把简单的学了，我们的数据现在也不是很多，只要不涉及到过大的数据，用for循环其实也不会太慢！我们一次500一次500的用，其实也不会太慢的!我们这里就写一下service，我们可以看到，用for还是调用原来的delete方法，一条一条的进行删除，不会很慢的。
2025-03-16 14:19:15
320
原创 Springboot+mybatis实现增删改查操作
继续写一下删除操作，删除有些不一样，首先在controller里面，我们需要改一下路由，我们后面要写/{id}传入路径参数，用@PathVariable注解绑定id，剩下的都一样，传入id，然后写service和mapper。
2025-03-15 14:53:06
132
原创 Springboot+mybatis实现增删改查效果
我们前面实现了增加效果，现在来写一下修改~我们首先在controller里面写update。没问题~需要注意的是mapper的sql别写错了！接着在service和mapper写方法。
2025-03-15 14:43:38
149
原创 Springboot+mabatis增删改查，设置不可重复字段
今天又学会了一个操作，我们数据库中，可能要求一个字段名字不可以重复，我们就进行这样的操作！设计表，然后点击索引，选择字段，加入索引类型和索引方法，然后ctrl+S保存!如果一旦还重复插入了，我们就会报500错误，控制台就就会报。这个错误，就是username重复了，更改一下就可以了。
2025-03-15 12:39:05
153
原创 SpringBoot+mybatis实现增删改查操作
首先我们前端请求controller，然后controller将前端传过来的user给service，然后service给mapper处理，通过一个sql去执行插入！我们接着还要创建一个包叫mapper，这个就是存放接口的，然后我们在包里面创建UserMapper，接着创建service包，创建Userservice，最后创建Usercontroller!可能会有人有疑问哈~我解释一下，这个接口实现，我们暂时练手，先写这一个，我们暂时也就一个表用不到多表查询等操作，等以后我会继续分享的！
2025-03-15 12:08:50
257
原创 Springboot项目发送请求
我们现在要试试，我们不传入这样的东西了，我们要试一下传入json可不可以呢？接下来，我们来玩一下post，我先创建了一个obj对象，然后在obj对象里面写一个name，并自动生成get和set方法。我们可以看到，这样我们就做到了传入的是json，返回值也是json了！我们可以看到，失败了！我们这样写，就会返回data:20，那也就是说，我们括号里面的才是返回的值，而我们写的。这样传过来的，如果我们不用问号，我们用斜杠传参，那么就会报错！这个链接里面的这两个参数，是我们传进去的，也就是函数上面这俩括号的值！
2025-03-14 21:15:08
440
原创 Springboot项目修改端口
我们直接在yml文件里面添加server：port:9090，这样就可以更改端口了。重新启动，就更改端口成功了。
2025-03-14 16:36:21
242
原创 Springboot项目，注解，Result万能结果集
RestController这个注解主要就是返回json文件，然后@RequestMapping这个注解就是发get请求。我们再创建一个result文件夹，然后创建一个result.class，这个作为返回结果的工具类。我们首先要介绍的是@RestController和@RequestMapping这两个注解。这个设置完了之后，就可以进行传值，以后我们所有的返回值都要用到这个Result。因为我们这个方法的默认访问地址就是‘/’所以会直接显示hello 你好。我们发现，项目的内容变了！
2025-03-14 16:32:13
94
原创 Springboot项目！
我创建了一个controller文件夹，然后在下面创建了一个WebController类，类里面自动帮我们创建好了注释。我们更改一下创建class的注释，在设置里面去配置一下class，这样创建出来的文件就自己有注释了。接着就要继续配置maven，点击设置然后搜索maven，选择你自己的maven本地路径。默认的跑不起来，因为没有设置数据库的链接，要在yml配置文件里面去配置一下。创建spring boot的时候记得要勾选。添加数据库的配置，然后点击启动，即可访问。这样就可以配置好了~
2025-03-14 10:56:08
175
原创 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
537
原创 vue管理布局左侧菜单栏NavMenu
首先写一个el-menu，这个显然就是一级菜单，然后在里面写el-menu-item写出几项就可以了，然后我们再继续写二级菜单，就是el-submenu，这个东西吧，你可以在里面直接谢日el-menu-item，但是，你想在二级菜单上写字，就必须要用到template这个标签，然后就在里面添加slot属性，接着写一个图标➕一点字，就可以实现二级菜单的title了。这就是左侧的代码，我加了一点样式，因为正常的都是上面有一个logo，下面再写菜单栏，我们写一下这个el-menu。
2025-03-06 13:16:05
729
原创 vue管理系统常规布局思路，头部+菜单+主题（Container 布局容器）
这里面el-container就是一个大的盒子，包含着所有的东西，el-aside这个就是左侧边栏，el-container，这个就是右边的大盒子，然后el-header，就是头部，el-main，这个就是右侧的主题，也是我们写的最多的东西。我们平时写管理系统的时候，非常需要这种布局，我们直接使用Container 布局容器就可以做到这个效果。我们首先要弄清楚，container这个容器都有些什么，我们直接写一个！写完的效果就是这样的，布局非常清晰。
2025-03-06 12:57:19
201
3
原创 element ui的time时间和table表格
还有一个重要的属性，叫prop，这个代表，哪一列，要放什么数据，就绑定什么属性。首先，我们先写一个el-table标签，这个就是表头，然后绑定一个data，接着写一个el-table-column标签，这个表示一列，然后给上label属性，这个属性就是代表这列叫什么名字。我们首先更改最后一列，变成操作，然后用v-slot插槽，接着写一个按钮，在按钮上绑定一个点击事件，然后再点击事件中，将行数据传入，最后在方法中写弹出事件，弹出名字即可。这样就绑定了三个属性，都会显示在下面了。剩下的都可以迎刃而解了~
2025-02-22 12:00:51
436
原创 element ui的select选择框
我发现这个绑定的两个属性很关键，只要用好label和value这两个属性就可以实现一个效果，我们平时可能需要选择用户，然后获取它的身份证号，然后我们只需要让用户选择名字，这样在后台我们可以拿到他的身份证号！label是选项的标签，如果不写就是默认和value一样，如果写了就是现实label的值，然后value就是，返回的值，这样就可以实现这个效果了。我们首先先试一下，这个东西怎么玩的。这样就能用了，然后我们加一些属性。
2025-02-22 10:40:00
373
原创 element ui 组件el-autocomplete的使用方法（输入建议，利用filter和include）
我们可以看到，这个代码，需要写一个函数，也就是querySearch，所以我们在methods里面写入这个方法，这个方法要传入两个值，一个query（这个随便写），还有一个cb，这个不是随便写的，接下来看代码实现吧。这里面有两个注意的点，第一个就是data里面的coffees是一个对象数组，不是一个单纯的数组，第二个就是一定要有cb返回！我们首先要先将标签写出来，其次写入一些属性，这个直接去官网粘贴即可！filter就是过滤器，他可以过滤出我们想要的东西。
2025-02-22 10:02:18
409
原创 鸿蒙继续开发
控件的封装一共有三种方法，我们之前用的那种内部封装只是其中一种，用的最多的应该是外部封装，我首先在外部创建一个文件夹，叫component，然后在里面创建一个ets的文件，将写好的组件直接粘贴进去，就可以开始操作了。（1）创建一个方法，前面加上@Builder修饰，然后再方法里面写自己想要的东西。（1）onPageShow这个是页面显示的时候触发的。（2）onPageHide这个是页面隐藏的时候触发的。（2）将写好的文件导出（最后一行加上这个就可以）（1）创建ets文件，将写好的组件放进去。
2023-08-08 00:06:40
308
原创 鸿蒙的初项目
先创建了一个ets的项目，然后我发现这里面有一个组件叫Flex，跟css里面的弹性布局好像差不多，但是用法略有差异，这个Flex是在（）里面加一个{}，然后去写参数，想设置最熟悉的居中，那就得用下面这行代码，这个就和css有所不同了。（5）在父控件使用子控件LoginInput时需要传两个参数，一个是inputPlaceholder，还有一个时text，但是这个text要赋值父控件中state修饰的值，然后用$去赋值！Link：定义变量，变量的值必须从父控件获取 与父控件的值双向绑定。
2023-08-04 20:05:38
356
原创 首次尝试鸿蒙开发！
首先配置环境，唉~真的是非常心累，下载一个DevEco Studio 3.0.0.993，然后配置环境变量这些操作不用多说，都是老生常谈的操作，然后呢，创建一个项目玩玩，结果我发现这个东西不能直接跑，需要创建虚拟机，然后我就创建了个虚拟机，7个G！听到这个我还挺蒙的，啥也不知道，结果我进去之后就傻了，为啥page里面只有一个index.js，结果我发现在supervisual里面有一个index.visual这个一打开里面的东西竟然可以拖拽出来！，说我没有虚拟机，我上网上查阅了很多资料，最后没解决！
2023-08-01 18:23:53
485
原创 （14）侦听器
1.侦听器的应用场景数据变化是执行异步或开销较大的操作2.侦听器的用法watch:{ firseName:function(val){ this.fullName = val +_this.lastName; },lastNMae:function(val){ this.fullName = this.firstName + val; }}根据监听器，我们写一个案例...
2022-06-11 11:52:54
328
原创 (13)计算属性
应用场景：把这个复杂的表达式逻辑抽取出来，让模板变的更加简洁用法：添加一个computed属性，通过函数的方式定义计算属性，使用时，直接调用函数名字就行，不用加括号。在函数体中，具体的计算逻辑。必须加return。。我们上面用计算属性，做到了字符串反转操作，接下来，我们看用方法，怎么做。。。计算属性是会缓存的，就是计算过一次的东西，不会继续计算，如果你再次调用，它会拿你储存过的东西，直接给你结果。方法调用：他会每次都算，但不缓存。...
2022-06-10 15:43:21
111
原创 （11）表单域修饰符
number:转化为数值trim：去掉开始和结尾的空格lazyL:将input事件切换为change事件（input事件是，你输入时直接触发，而change事件是失去焦点才触发）
2022-06-10 10:12:51
91
原创 （9）分支循环结构
1、分支结构v-ifv-elsev-else-ifv-show2、v-if与v-show的区别v-if控制元素是否渲染到页面v-show控制元素是否显示（已经渲染到了页面）3、循环结构v-for遍历数组{{item}}{{item}}+'-------'{{index}}key的作用：帮助Vue区分不同而元素，从而提高性能...
2022-06-05 21:10:44
83
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人