接口获取到的数据也需是多语言

最新推荐文章于 2023-03-10 15:50:19 发布
最新推荐文章于 2023-03-10 15:50:19 发布
阅读量1.1k 收藏
点赞数
分类专栏： axios js Vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cofecode/article/details/82688798
版权
Vue.js 同时被 3 个专栏收录
29 篇文章 2 订阅
订阅专栏
js
25 篇文章 0 订阅
订阅专栏
axios
3 篇文章 0 订阅
订阅专栏

多语言需求，调用接口获取到的数据也需是多语言。

比如最开始“所在地”这个字段city，为了做多语言，得添加一个字段city_en

数据库中，有

  • city 深圳
  • city_en shenzhen

前端在axios全局设置里面，加header头。key为lang，value值是cn/en，这个取自sessionStorage

axios.defaults.headers.common['lang'] = sessionStorage.getItem('lang');

后端在返回数据之前判断一下语言类型，如果是cn，那么取city_en返回；如果是en，取city的值返回。

返回json数据的时候，字段名都是city。这样前端就可以维持vue的{item.city} 渲染方式

cofecode
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
SAP MM02主数据维护多语言长文本，丢失空格的解决办法
Catzcoin Official Helper 流落街头干 ABAP
10-22 681
【代码】SAP MM02主数据维护多语言长文本，丢失空格的解决办法。
获取数据库数据循环提交到接口
08-20
要从MySQL获取数据，我们需要加载对应的数据库驱动，建立数据库连接，创建Statement或PreparedStatement对象，然后执行SQL查询。 描述中提到的"表的数据"可能指的是从某个特定表中选择的所有记录或者满足特定条件的...
vue与vue-i18n结合实现后台数据的多语言切换方法
01-19
在XXX.js文件中定义函数： getUser(context,info){ context.$http.get(SERVER_URL+'/users',info).then(function(data){ let err =data.body.error; if(err===0){ let dataObj = data.body.userLists; //获取后台返回的数据 this.users = dataObj.items.map(function (e,i) { //遍历获取的数据，用this.$t()将每项数据与翻译资源对应 e.gen
接口多语言方案
u010044936的博客
07-06 1124
需求 最近接到一个官网需求，官网需要动态展示一些企业信息，并且需要中英文切换。客户会在后台录入中文和英文的数据，由于项目是前后端分离，我这边只负责后端部分，根据需求转换为接口的需求就是：1.未登陆匿名用户，那么接口需要返回用户选择的语言，2.登陆用户（系统只有一个账号来维护信息），那么需要返回中英文两个信息。 思路 自定义对象的序列化规则。 实现 1. 创建存储值对象 1.1 基础值对象 package com.yugioh.api.business.common.model; import com.yu
用数据库表来实现多语言
weixin_30763397的博客
06-21 691
要实现多语言，大多数人是使用properties文件来的，比如struts,每种语言建一属性文件，命名一般是message.zh_cn.properties，message.en_us.properties,但这有三个我讨厌的点在：1):如果语言很多，我查找key很麻烦2):如果语言修改了，需要重启服务。3):不能在软件界面上修改 当然，上面三点还是可以通过编程来实现的，但做起来没有...
基于数据库的多语言解决方案
weixin_30279315的博客
09-18 405
1、简介 开发的系统中，有些页面上的文字不同的用户可能想显示的内容不同，还有用户添加的菜单需要多语言支持，微软提供的resource文件不能很好地解决（用户没法根据自己的需要修改文字），所以采用基于数据库的多语言。 2、设计思路 1、数据表结构 语言表 1: CREATE TABLE [dbo].[T_LANGUAGE]( 2: [VAL...
Python数据分析与应用：从数据获取到可视化
10-25
Python数据分析与应用是一个涵盖多个领域的综合主题，包括数据获取、数据清洗、数据分析、数据可视化以及相关的编程技巧。在这个领域，Python以其简洁易读的语法和丰富的库支持，成为了数据科学界的首选工具。以下是...
VC++ 获取网络接口股票日线数据
04-14
在本文中，我们将深入探讨如何使用VC++编程语言来实现一个功能，即通过HTTP 1.1的GET方法获取网络接口中的JSON格式的股票日线数据。这个过程涉及到网络编程、JSON解析以及股票数据处理等多个方面的知识。 首先，...
Hbase原理加强篇
小丑八怪的博客
11-27 224
hbase中的数据怎么实现修改 hbase中的数据存储在hdfs中，而hdfs中的数据是不支持修改的，那hbase中的put、 delete操作是怎么实现的呢？ 如上图，客户端进行删除操作时，会往hdfs中的hfile文件中追加数据，数据中会记录用户 的操作delete，为墓碑标记(标记着数据要删除)，在下次获取该数据时，会发现有两个该 数据，其中一条有墓碑标记，则不会返回客户端数据。 之后会将原来的数据和用户删除后生成的记录合并生成一个新的hfile文件。和hdfs不支持 数据修改的时不相违背的，hba
vue多语言设置解决方案
hzdz163的博客
12-25 1784
superlaw 多语言设置解决方案 1.需求说明 基于vue-i18n可以实现多语言功能，目前大多数实现方案都是在前端写配置文件，通过i18n去引用不同的语言文件，实现多语言切换。现在需实现从后台读取语言资源，则需要通过axios去挂载资源，实现用户可配置的多语言切换功能。 2.使用技术 vue-i18n vue-axios java mysql 3.使用说明 目前支持简体中文，繁体中文...
SQL Server存储多语言数据的几种方法
weixin_33753845的博客
01-05 273
本文概述了在数据库设计中，如何处理多国语言的问题，这里的多国语言是指诸如这样的业务：在ERP软件中，我们在填写客户名称时，除了需要填写客户的中文名称，还需要填写他的英文名称。 一般的，如果是普通的项目型软件，就比较简单了，你只需要设计出固定的 ChineseName和EnglishName字段就可以了。本文并不讨论这种形式，而是讨论在大型平台化的ERP软件中如何实现通用化的多语言存储和读取。 子表...
SpringBoot接口 - 如何参数校验国际化
DeveloperFire的博客
03-10 437
软件的国际化：软件开发时，要使它能同时应对世界不同地区和国家的访问，并针对不同地区和国家的访问，提供相应的、符合来访者阅读习惯的页面或数据。国际化又称为 i18n：internationalization在Resources下添加如下：填写名称和资源语言类型添加中英文对应的message。
Springboot 返回数据提示语 国际化 （AOP实现）
默默不代表沉默
07-22 5083
前言 本篇内容： 提示语的国际化返回，自定义多语言。 本文使用aop方式，拦截接口返回的数据，进行转换。 正文 先看这次示例教学的项目 目录结构： （当然resource里面的i18n文件夹和三个properties文件也是要我们自己建的，但是 那个Resource Bundle 不用管，这个在yml加上对应配置项自动生成的。 不清楚的继续往下看教学就好） 开始敲（CV）代码： pom.xml 依赖： <dependencies> &..
vue与vue-i18n结合实现后台数据的多语言切换
热门推荐
github_39532240的博客
07-26 1万+
在XXX.js文件中定义函数：  getUser(context,info){ context.$http.get(SERVER_URL+'/users',info).then(function(data){ let err =data.body.error; if(err===0){ let dataObj = data.body.userL
分享一种后端实现i18n（国际化）的方式
xiaojie119120的博客
03-12 1万+
以前在小公司写的项目一般不涉及国际化，所以都没去了解和思考该如何去做，最近的项目中用到了大牛写的某微服务框架，阅读源码的过程中发现其在框架层面就做了一些国际化处理，本文仅简单的记录一下该框架内国际化处理的方式。由于该框架是公司自行研发尚未开源，因此，本文只讲实现思路，不会涉及任何代码。 一般系统后端国际化处理包含两个方面：系统层面和数据层面，本文会从这两方面简单的说一下各自的国际化实现思路。 ...
网站多语言切换（微软接口）
weixin_33895604的博客
09-20 785
<!doctype html> <html> <head> <meta name="format-detection" content="telephone=no"/> <meta name="apple-mobile-web-app-capadble" content="yes" /> <meta name="vie...
Android开发&国际化多语言处理
mnlin
11-02 4898
写在前面 Android中的资源文件，在使用时都是根据系统语言来处理的，如果当前环境为英文，则在需要使用字符串等资源时，会自动从values-en类目录中提取，这也是应用国际化的基础 一般的软件中，不会在应用内进行语言环境的切换，默认在系统整体语言发生改变时，界面会进行重启，当然，也可以人为进行拦截操作。 不过由于api一直在变更，针对本地语言的变更处理方式也有了些不同，同样，如果想要在应用内自定...
go语言多线程爬取分页接口的数据
最新发布
05-25
可以使用 Go 语言的 `goroutine` 和 `channel` 实现多线程爬取分页接口的数据。 首先，需要定义一个 `struct` 类型来存储每个分页的信息： ```go type Page struct { Number int Data []byte } ``` 然后，需要定义一个函数来获取某一页的数据： ```go func getPageData(pageNumber int) ([]byte, error) { // 发送 HTTP 请求并返回响应数据 } ``` 接下来，可以使用 `goroutine` 来并发地获取多个分页的数据。首先，需要创建一个 `channel` 来存储分页的信息： ```go pages := make(chan Page) ``` 然后，可以使用 `for` 循环来启动多个 `goroutine`，每个 `goroutine` 获取一个分页的数据，并将其发送到 `pages` `channel` 中： ```go for i := 1; i <= numPages; i++ { go func(pageNumber int) { data, err := getPageData(pageNumber) if err != nil { log.Printf("Error getting page %d: %v\n", pageNumber, err) return } pages <- Page{Number: pageNumber, Data: data} }(i) } ``` 在上面的代码中，`numPages` 表示总共有多少个分页。每个 `goroutine` 获取一个分页的数据，并将其封装成一个 `Page` 结构体，然后将其发送到 `pages` `channel` 中。 最后，可以使用 `for` 循环从 `pages` `channel` 中获取所有分页的数据： ```go var results []Page for i := 1; i <= numPages; i++ { page := <-pages results = append(results, page) } ``` 在上面的代码中，`results` 是一个 `[]Page` 类型的数组，用来存储所有分页的数据。通过 `<-pages` 语句可以从 `pages` `channel` 中获取一个分页的数据，并将其添加到 `results` 数组中。 完整的示例代码如下： ```go package main import ( "log" ) type Page struct { Number int Data []byte } func getPageData(pageNumber int) ([]byte, error) { // 发送 HTTP 请求并返回响应数据 } func main() { numPages := 10 pages := make(chan Page) for i := 1; i <= numPages; i++ { go func(pageNumber int) { data, err := getPageData(pageNumber) if err != nil { log.Printf("Error getting page %d: %v\n", pageNumber, err) return } pages <- Page{Number: pageNumber, Data: data} }(i) } var results []Page for i := 1; i <= numPages; i++ { page := <-pages results = append(results, page) } // 处理结果 } ``` 注意，在实际使用中，可能需要对 `getPageData()` 函数进行一些优化，例如使用连接池来复用 HTTP 连接，避免频繁地创建和销毁连接。另外，也需要考虑一些错误处理和超时机制，以保证程序的稳定性和健壮性。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值