Javascript獲取統(tǒng)一管理的提示語(yǔ)(message)
項(xiàng)目開(kāi)發(fā)中,各個(gè)頁(yè)面,各個(gè)業(yè)務(wù)操作都會(huì)使用提示語(yǔ)。面對(duì)這么多message,更好的方式是統(tǒng)一管理這些消息。這樣在做國(guó)際化的時(shí)候進(jìn)行統(tǒng)一處理也變的方便。
推薦方案使用數(shù)據(jù)庫(kù)來(lái)管理所有提示語(yǔ),在項(xiàng)目啟動(dòng)的時(shí)候?qū)⑺刑崾菊Z(yǔ)加載到內(nèi)存或緩存存儲(chǔ)。
對(duì)于Java中如何實(shí)現(xiàn),沒(méi)有什么可說(shuō)的,很簡(jiǎn)單。那么我們?nèi)绾卧贘avascript中使用我們這些提示語(yǔ)呢,下面進(jìn)行了簡(jiǎn)單封裝,思路清晰,使用簡(jiǎn)單,供大家參考。
1、創(chuàng)建message.jsp,代碼如下:
<%-- <%@ page import="com.xxx.xxx.xxx.xxx.I18nManager" %> --%> <%@ page language="java" pageEncoding="UTF-8"%> function I18nManager() { this.init; this.messages; }; I18nManager.prototype = { get : function(id, args) { if (!this.init) { this.messages = new Array(); // 這里可以使用Java代碼的方法讀取服務(wù)端已經(jīng)緩存好的消息提示語(yǔ) <%-- this.messages['charset'] = "<%= I18nManager.get(user, "charset") %>"; --%> <%-- this.messages[''] = "<%= I18nManager.get(user, "") %>"; --%> <%-- this.messages['M0001'] = "<%= I18nManager.get(user, "M0001") %>"; --%> <%-- this.messages['M0002'] = "<%= I18nManager.get(user, "M0002") %>"; --%> <%-- this.messages['M0003'] = "<%= I18nManager.get(user, "M0003") %>"; --%> <%-- this.messages['M0004'] = "<%= I18nManager.get(user, "M0004") %>"; --%> <%-- this.messages['M0005'] = "<%= I18nManager.get(user, "M0005") %>"; --%> <%-- this.messages['M0006'] = "<%= I18nManager.get(user, "M0006") %>"; --%> <%-- this.messages['ui.title.user'] = "<%= I18nManager.get(user, "ui.title.user") %>"; --%> <%-- this.messages['ui.title.xview'] = "<%= I18nManager.get(user, "ui.title.xview") %>"; --%> <%-- this.messages['ui.title.xview.memo'] = "<%= I18nManager.get(user, "ui.title.xview.memo") %>"; --%> <%-- this.messages['ui.title.xviewPointList'] = "<%= I18nManager.get(user, "ui.title.xviewPointList") %>"; --%> <%-- this.messages['ui.title.sherpaOracle'] = "<%= I18nManager.get(user, "ui.title.sherpaOracle") %>"; --%> // 或者可以靜態(tài)設(shè)置一些提示語(yǔ) this.messages['M0001'] = "操作成功!"; this.messages['M0001'] = "操作失?。?; this.init = true; } var message = this.messages[id]; if (!message && message !== "") { return id; } if (args) { if (typeof args == "object" && args.length) { for (var i = 0; i < args.length; i++) { var pattern = new RegExp("\\{" + i + "\\}", "g"); message = message.replace(pattern, args[i]); } } else { message = message.replace(/\{0\}/g, args); } } return message; }, alert : function(id, args) { alert(this.get(id, args)); } }; var i18n = new I18nManager();
代碼中的“操作成功” 和 “操作失敗” 是我靜態(tài)寫死的值。我們?cè)趈sp中使用動(dòng)態(tài)Java代碼讀取服務(wù)端在系統(tǒng)啟動(dòng)后已經(jīng)全部緩存好的所有消息提示語(yǔ),并將其動(dòng)態(tài)輸出設(shè)置到 this.message[‘xxxx'] 中。
2、如何在頁(yè)面中使用
window.onload = function(){ i18n.alert('M0001'); //alert(i18n.get('M0001')); }
可以使用我們定義好的 get 和 alert 方法直接使用,當(dāng)然根據(jù)實(shí)際需要,我們可以擴(kuò)展自己的方法。
相關(guān)文章
原生JS實(shí)現(xiàn)獲取及修改CSS樣式的方法
這篇文章主要介紹了原生JS實(shí)現(xiàn)獲取及修改CSS樣式的方法,結(jié)合實(shí)例形式簡(jiǎn)單分析了JavaScript針對(duì)頁(yè)面元素屬性動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-09-09js Firefox 加入收藏夾功能代碼 兼容Firefox 和 IE
最近改用Firefox后,發(fā)現(xiàn)很多網(wǎng)站的“加入收藏”鏈接點(diǎn)擊無(wú)效了,后來(lái)發(fā)現(xiàn)原來(lái)是IE瀏覽器和Firefox瀏覽器的“加入收藏夾”的寫法是不同的。2009-12-12使用JavaScript實(shí)現(xiàn)旋轉(zhuǎn)的彩圈特效
這篇文章主要介紹了使用JavaScript實(shí)現(xiàn)旋轉(zhuǎn)的彩圈特效的相關(guān)資料,需要的朋友可以參考下2015-06-06JS實(shí)現(xiàn)點(diǎn)擊鏈接切換顯示隱藏內(nèi)容的方法
這篇文章主要介紹了JS實(shí)現(xiàn)點(diǎn)擊鏈接切換顯示隱藏內(nèi)容的方法,涉及javascript鼠標(biāo)事件響應(yīng)及頁(yè)面元素屬性動(dòng)態(tài)變換相關(guān)操作技巧,需要的朋友可以參考下2017-10-10JavaScript設(shè)計(jì)模式之責(zé)任鏈模式實(shí)例分析
這篇文章主要介紹了JavaScript設(shè)計(jì)模式之責(zé)任鏈模式,結(jié)合實(shí)例形式分析了責(zé)任鏈模式的概念、原理及具體定義與使用技巧,需要的朋友可以參考下2019-01-01layui表單提交到后臺(tái)自動(dòng)封裝到實(shí)體類的方法
今天小編就為大家分享一篇layui表單提交到后臺(tái)自動(dòng)封裝到實(shí)體類的方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09