TienChin 渠道管理-字典原理分析

简介: TienChin 渠道管理-字典原理分析

在上一节当中,我们使用到了字典来进行翻译我们的渠道类型等等字段,那么这一节我们就来分析一下字典的原理。


从代码方面先开始分析,我们先来看一下字典的定义,我们是在如下图当中编写了我们的渠道类型,使用,proxy.useDict 进行的请求数据,proxy 相比之前的 Vue2,其实就是 Vue 本身,相当于 Vue2 当中的 this。



我们继续往下看,查看 proxy.useDict 内部是什么样子的,我们可以看到,其实就是调用了一个方法,在 main.js 中导入了 proxy.useDict (全局挂载到了 Vue.prototype 上面,所以我们在任何一个组件当中都可以使用 this.$useDict 进行调用

2105804-20230902110523349-119373072.png

import { useDict } from '@/utils/dict'

可以看到从 utils/dict 导入的一个方法,我们继续往下看,我们可以看到,其实就是调用了一个方法,这个方法是在 utils/dict.js 当中定义的,我们继续往下看。



到了这里就可以完全知道了,其实就是根据我们传入的 dict_type 进行的网络请求,获取对应的字典数据,然后重新组装了一下返回给了我们进行使用。

import { getDicts } from '@/api/system/dict/data'

从 api/system/dict/data 导入了一个方法,我们继续往下看,我们可以看到,其实就是调用了一个方法,这个方法是在 api/system/dict/data.js 当中定义的,我们继续往下看。



上图中就可以完全知道原理了,通过地址就可以找到后台的接口地址,后台的查询我这里就不再带着去查看了,我相信如果是来学习该项目的人大部分应该都是看得懂后台的代码的,这里就不再带着去查看了。


最后修改一下,</code> 原先是 <code><script setup name="Role"></code>。<span style="color: #363636;"><br /></span></div>

目录
相关文章
|
8月前
|
缓存 Java API
OkHttpClient请求失败处理与网页下载成功实践
OkHttpClient请求失败处理与网页下载成功实践
327 14
|
12月前
|
缓存 JavaScript 搜索推荐
|
4月前
|
人工智能 自然语言处理 JavaScript
专为 Claude Code 设计的基于 YAML 的 Playwright MCP 自动化测试
YAML配置结合Claude Code与Playwright MCP,将自动化测试变得人人可用。通过简洁的YAML语法替代复杂的JavaScript代码,解决传统测试中冗长、硬编码和复用性差等问题。自然语言描述测试步骤,AI解析执行,支持多环境切换与智能报告生成,极大降低技术门槛,提升团队协作效率。无论是开发、QA还是产品经理,都能轻松参与测试流程,真正实现可读、易维护的自动化测试新范式。
|
10月前
|
传感器 安全
第四问:QT中信号和槽原理
Qt的信号与槽机制是观察者模式的典型实现,允许对象间通信而不直接依赖。信号用于通知事件发生,槽是响应信号的函数,通过`QObject::connect()`连接。这种机制实现了松耦合、灵活扩展和自动通知,适用于UI更新和数据绑定等场景。
268 1
|
Rust 数据可视化 C++
WASM性能分析-插桩方案
本文结合了代码插桩和性能火焰图的技术,以 WebAssembly 为例介绍了性能分析的方法和相关实现。
446 13
|
12月前
|
运维 网络性能优化 网络虚拟化
|
11月前
|
开发框架 移动开发 前端开发
除了 HMR 插件,还有哪些技术可以实现热更新?
【10月更文挑战第23天】不同的热更新技术都有其特点和适用场景。开发者需要根据项目的具体需求和技术架构,选择合适的热更新技术来提高开发效率和用户体验。同时,随着技术的不断发展,热更新技术也在不断创新和完善,未来可能会出现更多更先进的热更新技术和方法。
|
11月前
|
机器学习/深度学习 算法 大数据
大数据中缺失值处理
【10月更文挑战第20天】
736 4
|
JavaScript 前端开发
我为展开收起功能做了动画,被老板称赞!
【8月更文挑战第23天】我为展开收起功能做了动画,被老板称赞!
400 1
我为展开收起功能做了动画,被老板称赞!
|
大数据 数据处理 API
性能飞跃:Python协程与异步函数在数据处理中的高效应用
【7月更文挑战第15天】在大数据时代,Python的协程和异步函数解决了同步编程的性能瓶颈问题。同步编程在处理I/O密集型任务时效率低下,而Python的`asyncio`库支持的异步编程利用协程实现并发,通过`async def`和`await`避免了不必要的等待,提升了CPU利用率。例如,从多个API获取数据,异步方式使用`aiohttp`并发请求,显著提高了效率。掌握异步编程对于高效处理大规模数据至关重要。
181 4