网站的中英文切换--i18next

这两天公司让我做公司官网，就是几个静态页面。我都不好意思说自己是Java开发了，年后来公司基本上自己做毕业设计才写Java代码。在公司基本没有写过Java的东西，我都怀疑公司是不是看我Java太菜，让我以后就做前端了。。。然后我前端也很菜。页面做完之后要实现一个中英文切换

目录结构：

效果图：

这里使用的是i18next.js:一个用来支持应用国际化的javascript库

代码：

这里可以代码有些不美观应该可以单独提取出来，这里只做演示。

实现它就这么简单，但是原理我也不太清楚（首先引入JS，然后html中用到data-i18n：感觉像angular的双向绑定，JS去加载json文件即可，JSON文件：locales/文件路径_lan.json，_ns会被namespace自动替换;组件默认是：resGetPath: 'locales/__lng__/__ns__.json',）

这里是使用手册：点击打开链接

可以在里面模仿实现中英文的切换。

网站的中英文切换--i18next相关推荐

网站 html 中英文切换 - API 总结篇
网站 html 中英文切换 - API 总结篇引言: 项目要求实现中英文等国际化语言切换,实现的方法多种多样,这里简单总结一下部分方法的优缺点. 基本上都是:使用第三方API接口或者自定义编写中 ...
struts2的国际化（即实现网站整体中英文切换）实例
推荐一个专注于Java的小众技术社区:Java之音环境要求:Struts2框架环境搭建成功为了实现程序的国际化,必须先提供程序所需要的资源文件.资源文件的内容基本是key-value对,其中key ...
asp.net全球化——让你的网站在中英文中自由切换
由于最近的一笔单子,为客户做的是代理签证.办理移民的网站,需要用到中英文切换,把我这个从未涉及过这一领域的人儿给小小的吓住了.不过吓归吓,还是要着手做的嘛. 中文的.英文的.百度上.谷歌上,到处搜这方 ...
laravel配置语言包，实现网站中英文切换
一.laravel语言包的配置,在resources/lang/en,这是默认的语言,自己添加一个zh文件夹,在下面创建需要切换的语言页面,如 zh/header.php <?php retur ...
这可能是目前最方便的网站中英文切换（理论支持所有语言）
调用微软页面翻译API : The Translator Web Widget API 实现自动对页面进行中英文翻译微软提供的Demo实现上也很简单,分如下几步: 引入The Translato ...
ThinkPHP3.2.3 语言包切换中英文切换
今天要用ThinkPHP3.2.3做一个小网站,其中涉及到切换中文与英文,通过查询手册和百度实现了该操作,现在将我具体的操作步骤记录下来,作为笔记和大家分享. php开发框架:ThinkPHP3.2. ...
react中英文切换一
最近项目需要添加中英文切换功能,涉及到antd组件内部中英文.谷歌地图中英文.以及网站上文字的中英文切换.我将分三篇文章依次介绍,今天先讲讲antd内部组件的切换. 首先头部引入 import {Lo ...
前端项目中英文切换无感刷新
非vue项目实现: 将所有需要翻译的文本都存储在一个JSON文件中,这个文件包含中英两种语言的文本,例如: {"title": {"en": "We ...
后台管理系统vue-i18n中英文切换功能
一.vue-i18n是什么? 一款针对Vue.js 的国际化插件.把网站的所有需要中英转换的数据配置成中英文json文件,需要编写大量中英文对照表,适合于少量的固定翻译. 二.使用步骤 1.安装vue ...

网站的中英文切换--i18next

网站的中英文切换--i18next相关推荐

最新文章

热门文章