Javascript获取统一管理的提示语(message)

 更新时间:2016年02月03日 17:03:51   作者:catoop  
这篇文章主要介绍了Javascript获取统一管理的提示语(message)的相关资料,需要的朋友可以参考下

 
项目开发中,各个页面,各个业务操作都会使用提示语。面对这么多message,更好的方式是统一管理这些消息。这样在做国际化的时候进行统一处理也变的方便。

推荐方案使用数据库来管理所有提示语,在项目启动的时候将所有提示语加载到内存或缓存存储。

对于Java中如何实现,没有什么可说的,很简单。那么我们如何在Javascript中使用我们这些提示语呢,下面进行了简单封装,思路清晰,使用简单,供大家参考。

1、创建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代码的方法读取服务端已经缓存好的消息提示语
<%-- 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") %>"; --%>
// 或者可以静态设置一些提示语
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();

代码中的“操作成功” 和 “操作失败” 是我静态写死的值。我们在jsp中使用动态Java代码读取服务端在系统启动后已经全部缓存好的所有消息提示语,并将其动态输出设置到 this.message[‘xxxx'] 中。

2、如何在页面中使用

window.onload = function(){
i18n.alert('M0001');
//alert(i18n.get('M0001'));
}

可以使用我们定义好的 get 和 alert 方法直接使用,当然根据实际需要,我们可以扩展自己的方法。

相关文章

  • 浅谈Vue3.0之前你必须知道的TypeScript实战技巧

    浅谈Vue3.0之前你必须知道的TypeScript实战技巧

    这篇文章主要介绍了浅谈Vue3.0之前你必须知道的TypeScript实战技巧,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-09-09
  • npm qs模块使用详解

    npm qs模块使用详解

    这篇文章主要介绍了npm qs模块使用详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-02-02
  • JavaScript实现QueryString获取GET参数的方法

    JavaScript实现QueryString获取GET参数的方法

    本文为大家详细介绍下如何通过JavaScript实现QueryString获取GET参数,具体实现如下,感兴趣的朋友可以参考下哈,希望对大家有所帮助
    2013-07-07
  • 如何更好的编写js async函数

    如何更好的编写js async函数

    本文给大家谈一下如何优化async代码,更充分的利用异步事件流杜绝滥用async,感兴趣的朋友跟随脚本之家小编一起学习吧
    2018-05-05
  • Bootstrap CSS组件之大屏幕展播

    Bootstrap CSS组件之大屏幕展播

    这篇文章主要介为大家详细绍了Bootstrap CSS组件之大屏幕展播的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • 详细谈谈JS中的内存与变量存储

    详细谈谈JS中的内存与变量存储

    js中的变量在内存中的具体存储形式是我们学习使用JS必会的,下面这篇文章主要给大家介绍了关于JS中内存与变量存储的相关资料,需要的朋友可以参考下
    2021-08-08
  • combox改进版 页面原型参考dojo的,比网上jQuery的那些combox功能强,代码更小

    combox改进版 页面原型参考dojo的,比网上jQuery的那些combox功能强,代码更小

    对于combox功能实现的最小化js代码,页面原型参考dojo的combox模样,支持键盘动作以及自动筛选,高亮等
    2010-04-04
  • 基于JavaScript实现前端数据多条件筛选功能

    基于JavaScript实现前端数据多条件筛选功能

    这篇文章主要为大家详细介绍了基于JavaScript实现前端数据多条件筛选功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-09-09
  • Bootstrap Search Suggest使用例子

    Bootstrap Search Suggest使用例子

    这篇文章主要为大家详细介绍了Bootstrap Search Suggest使用例子,教大家使用bootstrap搜索建议插件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • js兼容火狐获取图片宽和高的方法

    js兼容火狐获取图片宽和高的方法

    这篇文章主要介绍了js兼容火狐获取图片宽和高的方法,涉及javascript图片操作的相关技巧,需要的朋友可以参考下
    2015-05-05

最新评论