關於國際化I18n的實際項目中的運用

一、引入相關插件的js

<!-- jQuery -->
<script src="static/assets/jQuery/jquery-1.12.4.min.js"></script>
<!--國際化-->
<script src="static/assets/jquery.i18n.properties/jquery.i18n.properties.js" type="text/javascript"></script>

二、結合我實際的項目來說

我首頁除了引入項目中需要用的插件,還引入了common.js文件,這個js文件主要是獲取文件路徑,和後面轉換國際化文件中的key相關方法的。

把漢字轉化爲其他語言就需要定義key然後運用i18n轉化爲用戶選擇的語言形式的內容;我們需要定義英文、中文、繁體字properties文件,具體如下:

相關語言資源文件弄好了之後,html頁面中對我們需要轉化的文字部分進行下面改造(html中文字部分我是統一外層包了一個span標籤,每個span標籤給統一的屬性data-properties和 data-type屬性,

data-properties的值就是我們在上面國際化properties文件中定義好的屬性key;
另外我定義了data-type屬性,主要是用來處理如果需要轉化的標籤本身是html則就應該是$(***).html(i18n轉換);如果是title就應該是$(***).attr("title","i18n轉換")....主要是用來轉化值的時候判斷使用;

下面是部分相關的代碼截圖,我的資源內上傳了具體的完整的文件包,如有需要可以下載下來看看,我自己本地已經測試過了,不懂得可以留言!

 

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章