- 博客(4)
- 收藏
- 关注
原创 Vuex的安装及使用axios请求实例案例
在实际开发过程中,经常会遇到在不同的页面发送相同的请求,这样就会造成代码冗余和耦合度偏高的问题,举个栗子: 在该页面中,发送axios请求拿到数据库中港口列表的数据,然而在另一个页面中,需要做下拉或者单选框,里面的内容可能就是港口的名称:如下图 按照正常逻辑,需要在该页面再次发送请求拿到后台数据,如果数据库中数据量过多,一来会给数据库形成压力,二来请求频繁,代码冗余。那么该如何去做才能避免这样的情况发生呢?Vue给我们提供了Vuex,用来存放共享数据,叫做状态管理模式。它采用的集中式存储管理应用的所有组件的
2022-12-04 12:51:42 1211 1
原创 Vue基于Element-UI实现侧导航栏和面包屑联动
同样的道理,我想很久才明白类似的道理,既然这边会放,这二级导航也应该要放啊,路由里面配了子路由,那一样的导航不是一样的道理么,所以,在system.vue中,内容是和App.vue中应该是一样的,所以:在system.vue中的配置如下。在这层的导航,按照我们的逻辑,这只是侧导航栏的一个下拉的动作,为什么要添加一个component呢?系统管理下有多个二级导航,大家在写路由的时候肯定也遇到路由路径的问题,犯的错误之一:一直牢记着在写子路由的时候不能加“/”的知识点,这个component如果不写,同样会。
2022-10-25 03:41:12 9583 7
原创 VUE基于AES对前端数据进行加密传输实现方法
重点代码就是对密码进行加密: this.form.password=this.$aes.encrypt(this.form.password)接下来编写一个通用工具js,大家可以放在src/utils文件夹中,我这边命名为AES.js。这是一个注册的请求接口的代码,首先POST请求,毋庸置疑,然后我这边入参传的是form对象。:在js中的KEY和IV中的字段必须和后台一致,后台的写法可以参照我的另一篇。关于使用:可以挂载全局,也就是在main.js中加入以下代码。以上两种方法可以任选其一。...
2022-08-14 00:53:58 2207
原创 springboot基于Mybatis和XML实现自定义TypeHandler对字段数据进行加解密
springboot基于Mybatis和XML实现自定义TypeHandler对字段数据进行加解密
2022-08-13 01:52:05 1315 2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人