jquery.i18n.properties前端国际化

参考：https://blog.youkuaiyun.com/aixiaoyang168/article/details/49336709

      https://www.cnblogs.com/landeanfen/p/7581609.html

 

1、配置文件：

<meta id="i18n_pagename" content="conversion-common">
<meta name="keywords" content=""/>
<meta name="description" content/=""/>

<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="js/jquery.i18n.properties-1.0.9.js"></script>

<script type="text/javascript" src="js/language.js"></script>

 

2、先设置切换按钮语言的按钮：

<div class="lan dropdown profile-element"
     style="width: 120px;float:left;margin-top:12px;margin-right:50px;">

<@shiro.hasPermission name = "message_notification">
    <div><label style="color: #000000;" class="i18n col-sm-7 control-label" name="lan"></label>
    </div>
    <div class="col-sm-3">
        <select id="language" className="chosen-select">
            <option value="zh-CN">中文</option>
            <option value="en">English</option>
        </select>
    </div>
</@shiro.hasPermission>
</div>

 

3、不同标签的转换过程：

Label标签：

<label name="UserName" class="i18n col-sm-5 control-label"><#--用户名:--></label>

 

Input标签：

<input type="search" class="i18n-input" selectname="UserName" selectattr="placeholder">

 

Bootstrap table标签（JS的内容都可按照此转换）：

{field: 'officeName', title: '归属部门', width: 80, align: 'center'},

{field: 'mobile', title: $.i18n.prop('Phone'), width: 40, align: 'center'},
{field: 'topOfficeName', title: $.i18n.prop('Company'), width: 80, align: 'center'},

 

 

4、转换内容的资源文件

中文：conversion.properties

 

 

英文：conversion.properties