经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置:技术经验 » JS/JS库/框架 » Vue.js » 查看文章
VUE+.NET应用系统的国际化-整体设计思路
来源:cnblogs  作者:Eric zhou  时间:2023/3/8 11:00:50  对本文有异议

近期产品要支持国际化多语言,主要涉及前端界面国际化以及后端提示信息、异常信息的国际化多语言支持。

目前我们的开发技术栈:前端VUE、后端.NET。面向前端界面和后端服务,分别涉及对应的国际化多语言支持方案。

一、前端界面国际化多语言支持

前端VUE界面的源码如下:

 

 上述代码中,我们将需要多语言支持的文本,统一使用:

  1. $t("web.layout_logoTitle")

前端对应的多语言包web对象结构如下:

上面是标准的VUE前端国际化多语言实现技术。

如果这么做的话,需要前端开发同学把每个VUE界面都识别、翻译形成一个多语言包JS文件,工作量巨大。

所以我们有个初步的想法,通过代码文本识别,抽取多语言文本词条,代码中统一替换为词条ID,同时按界面生成多语言JS文件。

如果能搞定的话,这将大大提升前端国际化改造的效率。

二、后端服务国际化多语言支持

后端代码目前是这样的:

  1. private static void CheckMd5(string fileName, string md5Data)
  2. {
  3. string md5Str = MD5Service.GetMD5(fileName);
  4. if (!string.Equals(md5Str, md5Data, StringComparison.OrdinalIgnoreCase))
  5. {
  6. throw new CustomException(PackageExceptionConst.FileMd5CheckFailed, "服务包文件MD5校验失败:" + fileName);
  7. }
  8. }

代码中需要将“服务包文件MD5校验失败”这个文本做多语言改造。

例如:英文

throw new CustomException(PackageExceptionConst.FileMd5CheckFailed, "Verification of service pack file MD5 failed:" + fileName);

如果支持多个语言,这个地方就不好处理了。不能为了每个语言搞一行代码,同时也无法支持后续新增语言。

因此,计划在后端提供一个多语言词条服务,运行时根据用户登录的语言,动态获取对应的多语言文本。

整体设计思路是这样的:

  1. 提供一个工具,识别前后端代码中的中文,形成多语言词条,按语言、界面、模块统一管理多有的多语言词条
  2. 提供一个翻译服务,批量翻译多语言词条
  3. 提供一个词条服务,支持后端代码在运行时根据用户登录的语言,动态获取对应的多语言文本
  4. 提供前端多语言JS生成服务,按界面动态生成对应的多语言JS文件,方便前端VUE文件使用。
  5. 提供代码替换工具,将VUE前端代码中的中文替换为$t("词条ID"),后端代码中的中文替换为TermService.Current.GetText("词条ID")

接下来,将按上述5个部分,给大家的分别展开分享具体的实现。

 

周国庆

2023/3/5

 

原文链接:https://www.cnblogs.com/tianqing/p/17188422.html

 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号