解析jeecg-boot的数据字典,涉及到了vue的组件封装、ajax请求等
程序员文章站
2022-03-10 16:05:25
jeecg-boot中的数据字典本质其实是一个封装好的组件,然后在使用时单独传入后端给的code码给组件需要的字段,在数据字典组件里再通过接收到的code码发起ajax请求从而获取字典数据。字典组件html结构如图:定义props属性,用于从父组件获取数据字典组件所需的数据信息,具体如下:下面是对该组件处理数据的部分了:然后是关键逻辑了:接下来看看在业务组件里的使用是神魔样子的吧!这里数据字典表格中是这样用的,原理和上面差不多,都是事先封装好组件和取字典的通用.....
jeecg-boot中的数据字典本质其实是一个封装好的组件,然后在使用时单独传入后端给的code码给组件需要的字段,在数据字典组件里再通过接收到的code码发起ajax请求从而获取字典数据。
字典组件html结构如图:
定义props属性,用于从父组件获取数据字典组件所需的数据信息,具体如下:
下面是对该组件处理数据的部分了:
然后是关键逻辑了:
接下来看看在业务组件里的使用是神魔样子的吧!
这里数据字典表格中是这样用的,原理和上面差不多,都是事先封装好组件和取字典的通用函数然后我们才可以直接使用,就酱紫吧
温馨提示:
我,作为一个神奇的喵系女孩,虽然反射弧稍微迟缓的长那么一点点,但,我必定是一只不容置疑的程序媛大佬!
如有问题请私信呦~看到以后我会第一时间回复哒~
安静的等待本媛的下一篇实习总结吧!
本文地址:https://blog.csdn.net/zhangkegu/article/details/112556153
上一篇: java 实现集成支付宝支付
下一篇: 过年特色美食小吃