在线客服系统前端多国语言实现方案和代码
业余时间用 .net core 写了一个免费的在线客服系统。并在博客园写了一个系列的文章,写介绍这个开发过程:
.net core 和 WPF 开发升讯威在线客服系统:目录
https://go.shengxunwei.com/?linkid=c457a8fe-480e-444a-88a7-34cc7b8c7264
我把这款业余时间写的小系统丢在网上,陆续有人找我要私有化版本,我都给了,毕竟软件业的初衷就是免费和分享,后来我索性就官方发了一个完全免费的私有化版直接给别人下载,并写了详细的说明书指导安装,有兴趣的朋友可以点击这里:
https://docs.shengxunwei.com/Post/f7bc8496-14ee-4a53-07b4-08d8e3da6269/553293a8-dfa1-4282-bc3f-96c6c623fc9a
陆续有朋友问我可否为访客端提供多国语言,如英文和日文用于外贸场景,我考虑了一些方案后,选择了 i18n 的方案来实现,整个过程非常简单,在完成了语言文件的翻译之后,实现多国语言的界面展示,几乎只需要几分钟时间。
效果:
i18n(其来源是英文单词 internationalization的首末字符i和n,18为中间的字符数)是“国际化”的简称。在资讯领域,国际化(i18n)指让产品(出版物,软件,硬件等)无需做大的改变就能够适应不同的语言和地区的需要。对程序来说,在不修改内部代码的情况下,能根据不同语言及地区显示相应的界面。 在全球化的时代,国际化尤为重要,因为产品的潜在用户可能来自世界的各个角落。通常与i18n相关的还有L10n(“本地化”的简称)。
代码实现方法
在 jQuery 中,可以使用 jquery.i18n.properties.js
插件来简单快速的实现。
在项目中引用 jquery.i18n.properties.js 之后,添加 language.js 为自定义的 js 文件,用于实现页面逻辑,然后添加自己的语言文件,比如:strings_en_US.properties 和 strings_en_ZH.properties。
例:strings_en_ZH.properties文件:
send=发送
cancel=取消
然后在 html 文件中引用他们:
<label class="send"><!--发送:--></label><input type="text">
<label class="cancel"><!--取消:--></label><input type="text">
接下来在 language.js 中实现语言切换即可。
var LANGUAGE_Index = "zh_CN"; jQuery(document).ready(function () { LANGUAGE_Index = jQuery.i18n.normaliseLanguageCode({}); loadProperties(LANGUAGE_Index);
}); $(".lan_select").change(function () { if (($(".lan_select").val() === "英文") || ($(".lan_select").val() === "English")) { LANGUAGE_Index = "en_US"; } else { LANGUAGE_Index = "zh_CN"; } loadProperties(LANGUAGE_Index); }); function loadProperties(type) { jQuery.i18n.properties({ name: 'strings', path: 'Languages/', mode: 'map', language: type, cache: false, encoding: 'UTF-8', callback: function () { $('.lan_zh').html($.i18n.prop('lan_zh')); $('.lan_en').html($.i18n.prop('lan_en')); $('.username').html($.i18n.prop('username')); $('.password').html($.i18n.prop('password')); } });
}
完整源代码
基于 jQuery 和现成的插件,整个实现过程非常的简单,完整的代码也可以下载我提供的私有化包之后,在 Resource 目录中查看,下载地址::
https://docs.shengxunwei.com/Post/f7bc8496-14ee-4a53-07b4-08d8e3da6269/553293a8-dfa1-4282-bc3f-96c6c623fc9a
我会继续结合源代码,分解介绍在线客服系统的代码实现细节,希望能够打造: 开放、开源、共享。努力打造 .net 社区的一款优秀开源产品。
在线客服系统前端多国语言实现方案和代码相关推荐
- 详解升讯威在线客服系统前端多国语言实现技术:原生支持葡文、印尼文、土耳其文、俄文
我在业余时间开发维护了一款免费开源的升讯威在线客服系统,也收获了许多用户.对我来说,只要能获得用户的认可,就是我最大的动力. 越来越多的用户向我提出需求,希望为访客端增加更多的界面语言,如葡文.印尼文 ...
- 详解升讯威在线客服系统前端 JavaScript 脚本加密技术(1)
我在业余时间开发维护了一款免费开源的升讯威在线客服系统,也收获了许多用户.对我来说,只要能获得用户的认可,就是我最大的动力. 这段时间有几个技术小伙伴问了我一个有意思的问题:"你的前端脚本是 ...
- 多国语言在线客服系统源码+软件下载二合一集成
本文分三部分系统介绍如何开发一套在线客服系统聊天源码,该源码基于ThinkPHP,代码完全开源. 首先,我们只使用@auth指令. 其次,我们添加一个带有参数的订阅类型. 第三,我们更新@auth指令 ...
- 在线客服系统源码开发实战总结:需求分析及前端代码基本技术方案
在这个系列文章里,我尝试将自己开发唯一客服系统(gofly.v1kf.com)所涉及的经验和技术点进行梳理总结. 文章写作水平有限,有时候会表达不清楚,难免有所疏漏,欢迎批评指正 该系列将分成以下几个 ...
- 2022.8月更新在线客服系统源码外贸聊天通讯带翻译多语言接待支持网页APP
8月4号更新日志:更新谷歌翻译接口,更新发送语音功能,更新地图发送功能,优化前端接待页面UI. 8月22号更新日志:主要代码重整,防止被反Z中心错误判断DNS污染拦截. 原文章地址:http://pe ...
- 智能在线客服系统源码 国际版多语言多商户智能机器人源码
一套智能在线客服系统源码 多商户网页客服系统源码 支持二十种国际语言 带机器人自动回复. 框架:Thinkphp5+workerman, 环境:nginx+php7.3+mysql5.6 支持H5+公 ...
- 多语言在线客服系统源码-自动识别中英环境-私有化部署完美支持跨境电商网站...
如果您的客户遍布全球,客户沟通就必须跨越语言障碍.用客户当地的语言跟他们交谈,可以帮助您在客户生命周期的所有阶段建立信任,当然也包括服务支持. 具体做法,看看这四点建议吧~ 1.使用当地语言开展服务 ...
- GOFLY在线客服系统/外贸网站在线客服+多语言支持 外贸网站即时通讯工具/中英文切换教程...
GOFLY在线客服系统支持多语言展示,特别适合外贸网站和访客即时通讯沟通 访客界面切换成英文的方式方法 访客链接url参数中增加lang=en,界面就会切换成英文: 底部版权中文字符,管理员可以在后台 ...
- 【客服系统】在线客服系统源码外贸聊天通讯带翻译多语言支持网页安卓苹果打包封装APP
随着全球化的加速推进,外贸行业对于在线客服系统的需求日益增长.一款功能强大.支持多语言交流.适用于网页和移动端的在线客服系统源码成为了众多企业的首选.本文将介绍一款名为"外贸聊天通讯带翻译多 ...
最新文章
- Morris post order traversal algorithm
- 数字对 (长乐一中模拟赛day2T2)
- log4net 无法输出日志,跟踪发现IsErrorEnabled等,都是Flase
- h5页面的写法_8. 开始构建我们的 index.hbs 页面
- 【Webkit Blog翻译】深入研究WebRTC | 内有福利
- android studio cmake opencv_Mac下安装及配置OpenCV环境(Xcode)
- 跟我一起使用electron搭建一个文件浏览器吧
- Windows 7 镜像下载汇总
- 天天模拟器显示获取服务器失败,天天模拟器FAQ、天天模拟器常见问题快速帮助...
- 米粒搜---团购信息搜索软件 Android平台
- 当计量经济学遇上机器学习
- 文献解读|DPP-4i治疗诱导的肠道微生物群的改变可改善葡萄糖稳态
- 《毁灭杀手》(kkrieger)
- wmp搭建PHP,教你如何使用WIN7自带的WMP实现媒体共享
- 许丹萍 计算机系,【晋江市“十佳少先队辅导员”】第二实验小学老师许丹萍: 关注每一个队员的成长...
- 年末大盘点 2008十大最受欢迎的装机软件
- 【汇正财经】上证50逆势收涨,大盘健康震固
- LEP与负载均衡—— 以PCDUINO实际案例来使用LEP提高网络带宽
- adb shell top
- 联想7400pro打印有横黑道