摘要:網(wǎng)站實現(xiàn)國際化思路引入文件添加資源文件編寫方法需要的文件資源文件以文件的的特性,設(shè)置和,一般一個語種要寫一個文件。結(jié)果可以看到中間開始閱讀的按鈕字體的變化
web網(wǎng)站實現(xiàn)國際化:
思路1.引入js文件 2.添加(.properties)資源文件 3.編寫js方法
1.需要的js文件:
[jquery.i18n.properties-1.0.9.js][1] jquery.js
2.資源文件:以.properties文件的key-value的特性,設(shè)置key和value,一般一個語種要寫一個文件。
例如: zh.properties文件這樣寫:publicName=姓名 en.properties文件這樣寫:publicName=name
3.js方法:在js方法中加載資源文件,根據(jù)key得到value值,然后通過選擇器在給元素賦值,顯示在頁面上。
例如:加載zh.properties文件時,可以根據(jù)publicName得到”姓名“ 加載en.properties文件時,可以根據(jù)publicName得到“name”實踐
第一步:
第二步:
我的這里做的是中文簡體和繁體的轉(zhuǎn)化:
所以簡體的文件名是messahes_CN_dl.properties,意思是中國大陸
內(nèi)容如下:startReader = 開始閱讀
繁體字的文件名是message_CN_tw.properties,意思是中國臺灣
內(nèi)容如下:startReader = 開始閱讀
第三步:
function loadProperties() { jQuery.i18n.properties({//加載資瀏覽器語言對應(yīng)的資源文件 name : "messages_CN_dl", //資源文件名稱 path : "${messages}/", //資源文件路徑 mode : "map", //用Map的方式使用資源文件中的值 callback : function() {//加載成功后設(shè)置顯示內(nèi)容 $(".btn_start").html($.i18n.prop("startReader")); } }); }
此方法的name的值是加載的資源文件名,
如果加載message_CN_tw.properties文件。 那么 $.i18n.prop("startReader")的值就是“開始閱讀”, 如果加載messahes_CN_dl.properties 那么 $.i18n.prop("startReader")的值就是“開始閱讀”,
所以這個name的值也可以用作該方法的參數(shù),根據(jù)不同的參數(shù)得出不同的字體(或語種)。
結(jié)果:可以看到中間開始閱讀的按鈕字體的變化
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://m.hztianpu.com/yun/84813.html
摘要:需求根據(jù)客戶端環(huán)境,界面顯示不同的國旗圖案。選擇的技術(shù)方案可利用提供的國際化和主題定制來解決。注意此時返回的中沒有國際化及主題相關(guān)的信息。修改請求參數(shù)的值為荷蘭,即后再發(fā)起請求,結(jié)果如下與預(yù)期一致,測試通過。 概述 以上分析了Spring MVC的LocaleResolver和ThemeResolver兩個策略解析器,在實際項目中很少使用,尤其是ThemeResolver,花精力去分析...
摘要:是什么是一款頂級全棧開發(fā)框架。漸進(jìn)式開發(fā)由于模塊的高度內(nèi)聚,可以將業(yè)務(wù)以模塊的形式沉淀,在多個項目中重復(fù)使用,既可貢獻(xiàn)到開源社區(qū),也可部署到公司內(nèi)部私有倉庫。模塊發(fā)布當(dāng)項目中的模塊代碼穩(wěn)定后,可以將模塊公開發(fā)布,貢獻(xiàn)到開源社區(qū)。 EggBorn.js是什么 EggBorn.js是一款頂級Javascript全棧開發(fā)框架。 EggBorn.js是采用Javascript進(jìn)行全棧開發(fā)的最佳...
摘要:的網(wǎng)站仍然使用有漏洞庫上周發(fā)布了開源社區(qū)安全現(xiàn)狀報告,發(fā)現(xiàn)隨著開源社區(qū)的日漸活躍,開源代碼中包含的安全漏洞以及影響的范圍也在不斷擴(kuò)大。與應(yīng)用安全是流行的服務(wù)端框架,本文即是介紹如何使用以及其他的框架來增強(qiáng)應(yīng)用的安全性。 showImg(https://segmentfault.com/img/remote/1460000012181337?w=1240&h=826); 前端每周清單專注...
摘要:結(jié)束語非常智能化,為開發(fā)者提供大量的默認(rèn)配置細(xì)節(jié),因此在的幫助下可以快速完成項目的運行,極簡入門繼續(xù)看從零入門系列程序結(jié)構(gòu)設(shè)計說明 環(huán)境準(zhǔn)備 java 開發(fā)環(huán)境 JDK1.8 安裝 Maven 安裝,jar自動依賴及包管理工具 IDE編輯器:IntelliJ IDEA 2019 說明 本項目為從零入門示例,目標(biāo)為構(gòu)建一個書籍增刪改查管理頁,力爭記錄一個無java基礎(chǔ)的程序員學(xué)習(xí)筆...
閱讀 2172·2021-11-02 14:48
閱讀 2826·2019-08-30 14:19
閱讀 3005·2019-08-30 13:19
閱讀 1362·2019-08-29 16:17
閱讀 3349·2019-08-26 14:05
閱讀 3053·2019-08-26 13:58
閱讀 3137·2019-08-23 18:10
閱讀 1170·2019-08-23 18:04