欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

解析jeecg-boot的数据字典,涉及到了vue的组件封装、ajax请求等

程序员文章站 2022-06-19 11:32:15
jeecg-boot中的数据字典本质其实是一个封装好的组件,然后在使用时单独传入后端给的code码给组件需要的字段,在数据字典组件里再通过接收到的code码发起ajax请求从而获取字典数据。字典组件html结构如图:定义props属性,用于从父组件获取数据字典组件所需的数据信息,具体如下:下面是对该组件处理数据的部分了:然后是关键逻辑了:接下来看看在业务组件里的使用是神魔样子的吧!这里数据字典表格中是这样用的,原理和上面差不多,都是事先封装好组件和取字典的通用.....

jeecg-boot中的数据字典本质其实是一个封装好的组件,然后在使用时单独传入后端给的code码给组件需要的字段,在数据字典组件里再通过接收到的code码发起ajax请求从而获取字典数据。

字典组件html结构如图:

解析jeecg-boot的数据字典,涉及到了vue的组件封装、ajax请求等

定义props属性,用于从父组件获取数据字典组件所需的数据信息,具体如下: 

解析jeecg-boot的数据字典,涉及到了vue的组件封装、ajax请求等

下面是对该组件处理数据的部分了:

解析jeecg-boot的数据字典,涉及到了vue的组件封装、ajax请求等

然后是关键逻辑了:

 解析jeecg-boot的数据字典,涉及到了vue的组件封装、ajax请求等

接下来看看在业务组件里的使用是神魔样子的吧!

解析jeecg-boot的数据字典,涉及到了vue的组件封装、ajax请求等

这里数据字典表格中是这样用的,原理和上面差不多,都是事先封装好组件和取字典的通用函数然后我们才可以直接使用,就酱紫吧

解析jeecg-boot的数据字典,涉及到了vue的组件封装、ajax请求等

 

温馨提示:

我,作为一个神奇的喵系女孩,虽然反射弧稍微迟缓的长那么一点点,但,我必定是一只不容置疑的程序媛大佬!

如有问题请私信呦~看到以后我会第一时间回复哒~

安静的等待本媛的下一篇实习总结吧!

本文地址:https://blog.csdn.net/zhangkegu/article/details/112556153