web項目實現國際化

venmos 發布于2019-08-20 18:52 / 1448人閱讀

摘要：網站實現國際化思路引入文件添加資源文件編寫方法需要的文件資源文件以文件的的特性，設置和，一般一個語種要寫一個文件。結果可以看到中間開始閱讀的按鈕字體的變化

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的值也可以用作該方法的參數，根據不同的參數得出不同的字體（或語種）。

結果：

可以看到中間開始閱讀的按鈕字體的變化

云服務器 GPU云服務器 web項目實現即時通訊 web項目發布web項目 web安裝項目

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/84813.html

SpringMVC之源碼分析--LocaleResolver和ThemeResolver應用

摘要：需求根據客戶端環境，界面顯示不同的國旗圖案。選擇的技術方案可利用提供的國際化和主題定制來解決。注意此時返回的中沒有國際化及主題相關的信息。修改請求參數的值為荷蘭，即后再發起請求，結果如下與預期一致，測試通過。概述以上分析了Spring MVC的LocaleResolver和ThemeResolver兩個策略解析器，在實際項目中很少使用，尤其是ThemeResolver，花精力去分析...

qpal 2019-08-15 17:43 評論0 收藏0
EggBorn.js：一款頂級Javascript全棧開發框架

摘要：是什么是一款頂級全棧開發框架。漸進式開發由于模塊的高度內聚，可以將業務以模塊的形式沉淀，在多個項目中重復使用，既可貢獻到開源社區，也可部署到公司內部私有倉庫。模塊發布當項目中的模塊代碼穩定后，可以將模塊公開發布，貢獻到開源社區。 EggBorn.js是什么 EggBorn.js是一款頂級Javascript全棧開發框架。 EggBorn.js是采用Javascript進行全棧開發的最佳...

dayday_up 2019-08-21 17:17 評論0 收藏0
前端每周清單第 41 期 : Node 與 Rust、OpenCV 的火花，網絡安全二三事

摘要：的網站仍然使用有漏洞庫上周發布了開源社區安全現狀報告，發現隨著開源社區的日漸活躍，開源代碼中包含的安全漏洞以及影響的范圍也在不斷擴大。與應用安全是流行的服務端框架，本文即是介紹如何使用以及其他的框架來增強應用的安全性。 showImg(https://segmentfault.com/img/remote/1460000012181337?w=1240&h=826); 前端每周清單專注...

syoya 2019-08-21 17:48 評論0 收藏0
【從零入門系列-0】Spring Boot 之 Hello World

摘要：結束語非常智能化，為開發者提供大量的默認配置細節，因此在的幫助下可以快速完成項目的運行，極簡入門繼續看從零入門系列程序結構設計說明環境準備 java 開發環境 JDK1.8 安裝 Maven 安裝，jar自動依賴及包管理工具 IDE編輯器：IntelliJ IDEA 2019 說明本項目為從零入門示例，目標為構建一個書籍增刪改查管理頁，力爭記錄一個無java基礎的程序員學習筆...

icyfire 2019-08-16 17:18 評論0 收藏0