关于i18n使用心得

最近项目中要求用i18n来实现前端国际化中英文转换,因为之前从来没有接触过, 所以在网上查了很多案例,

最终参考于https://www.jianshu.com/p/ea93efef5155



以下为实现过程以及遇到的一些问题

所需安装包文件下载gitHub下载地址https://github.com/jquery-i18n-properties/jquery-i18n-properties

首先安装后,项目结构如下

strings_en_US.properties和 strings_zh_CN.properties 文件为语言文件       ,language.js为页面逻辑的js文件




现在我们来运行一下:


发现报了好多错,网上查找了一下报错原因,原来不可以在本地直接打开,需要在服务上才生效(这里可以把代码放到服务器上在测试,我是用PHP工具箱开的本地服务)

然后继续测试:


发现还是报错(两个文件未找到)怎么办呢,网上也并没有找到相关的说法,算了,不找了,走捷径:(在哪个路径下,缺什么文件,自己新建一个)(个人观点)


再测试:



perfect!!! 没有报错了,功能也可以实现了。以上分享希望可以帮到大家。祝大家开心!

以下为项目中的图片:






©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 点我查看本文集的说明及目录。 本项目相关内容包括: 实现过程: CH7 创建在线商店 CH8 管理支付和订单 CH...
    学以致用123阅读 3,932评论 0 6
  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 11,817评论 1 32
  • # Python 资源大全中文版 我想很多程序员应该记得 GitHub 上有一个 Awesome - XXX 系列...
    小迈克阅读 3,170评论 1 3
  • 1.什么是glusterFS GlusterFS是Scale-Out存储解决方案Gluster的核心,它是一个开源...
    gentel_liao阅读 556评论 0 0
  • 我戴着枷越走越垂,却不敢回头。 回首处。怕你的眼神加重我的负担。 2 夜幕之下,星随云升 这周连下了三天的雨,天空...
    想写故事的鱼安阅读 458评论 0 0

友情链接更多精彩内容