资讯专栏INFORMATION COLUMN

web项目实现国际化

venmos / 1447人阅读

摘要:网站实现国际化思路引入文件添加资源文件编写方法需要的文件资源文件以文件的的特性,设置和,一般一个语种要写一个文件。结果可以看到中间开始阅读的按钮字体的变化

web网站实现国际化:

思路
1.引入js文件
2.添加(.properties)资源文件
3.编写js方法

1.需要的js文件:

[jquery.i18n.properties-1.0.9.js][1]
jquery.js    

2.资源文件:以.properties文件的key-value的特性,设置key和value,一般一个语种要写一个文件。

例如: zh.properties文件这样写:publicName=姓名
       en.properties文件这样写:publicName=name
  

3.js方法:在js方法中加载资源文件,根据key得到value值,然后通过选择器在给元素赋值,显示在页面上。

例如:加载zh.properties文件时,可以根据publicName得到”姓名“
      加载en.properties文件时,可以根据publicName得到“name”
实践

第一步:


第二步:

我的这里做的是中文简体和繁体的转化:
所以简体的文件名是messahes_CN_dl.properties,意思是中国大陆

内容如下:startReader = 开始阅读

繁体字的文件名是message_CN_tw.properties,意思是中国台湾

内容如下:startReader = 開始閱讀

第三步:

function loadProperties() {
    jQuery.i18n.properties({//加载资浏览器语言对应的资源文件
        name : "messages_CN_dl", //资源文件名称
        path : "${messages}/", //资源文件路径
        mode : "map", //用Map的方式使用资源文件中的值
        callback : function() {//加载成功后设置显示内容
            $(".btn_start").html($.i18n.prop("startReader"));
        }
    });
}

此方法的name的值是加载的资源文件名,

如果加载message_CN_tw.properties文件。
那么    $.i18n.prop("startReader")的值就是“開始閱讀”,
如果加载messahes_CN_dl.properties
那么    $.i18n.prop("startReader")的值就是“开始阅读”,

所以这个name的值也可以用作该方法的参数,根据不同的参数得出不同的字体(或语种)。

结果:

可以看到中间开始阅读的按钮字体的变化

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/84813.html

相关文章

  • SpringMVC之源码分析--LocaleResolver和ThemeResolver应用

    摘要:需求根据客户端环境,界面显示不同的国旗图案。选择的技术方案可利用提供的国际化和主题定制来解决。注意此时返回的中没有国际化及主题相关的信息。修改请求参数的值为荷兰,即后再发起请求,结果如下与预期一致,测试通过。 概述 以上分析了Spring MVC的LocaleResolver和ThemeResolver两个策略解析器,在实际项目中很少使用,尤其是ThemeResolver,花精力去分析...

    qpal 评论0 收藏0
  • EggBorn.js:一款顶级Javascript全栈开发框架

    摘要:是什么是一款顶级全栈开发框架。渐进式开发由于模块的高度内聚,可以将业务以模块的形式沉淀,在多个项目中重复使用,既可贡献到开源社区,也可部署到公司内部私有仓库。模块发布当项目中的模块代码稳定后,可以将模块公开发布,贡献到开源社区。 EggBorn.js是什么 EggBorn.js是一款顶级Javascript全栈开发框架。 EggBorn.js是采用Javascript进行全栈开发的最佳...

    dayday_up 评论0 收藏0
  • 前端每周清单第 41 期 : Node 与 Rust、OpenCV 的火花,网络安全二三事

    摘要:的网站仍然使用有漏洞库上周发布了开源社区安全现状报告,发现随着开源社区的日渐活跃,开源代码中包含的安全漏洞以及影响的范围也在不断扩大。与应用安全是流行的服务端框架,本文即是介绍如何使用以及其他的框架来增强应用的安全性。 showImg(https://segmentfault.com/img/remote/1460000012181337?w=1240&h=826); 前端每周清单专注...

    syoya 评论0 收藏0
  • 【从零入门系列-0】Spring Boot 之 Hello World

    摘要:结束语非常智能化,为开发者提供大量的默认配置细节,因此在的帮助下可以快速完成项目的运行,极简入门继续看从零入门系列程序结构设计说明 环境准备 java 开发环境 JDK1.8 安装 Maven 安装,jar自动依赖及包管理工具 IDE编辑器:IntelliJ IDEA 2019 说明 本项目为从零入门示例,目标为构建一个书籍增删改查管理页,力争记录一个无java基础的程序员学习笔...

    icyfire 评论0 收藏0

发表评论

0条评论

venmos

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<