网站的中英文切换--i18next

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

目录结构:


效果图:



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

代码:




扫描二维码关注公众号,回复: 1457871 查看本文章


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

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

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

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

猜你喜欢

转载自blog.csdn.net/qq442270636/article/details/79679857
今日推荐