Javascript获取统一管理的提示语(message)
2016-02-03 17:03
676 查看
项目开发中,各个页面,各个业务操作都会使用提示语。面对这么多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 方法直接使用,当然根据实际需要,我们可以扩展自己的方法。
您可能感兴趣的文章:
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- Android学习笔记(二九):嵌入浏览器
- Android java 与 javascript互访(相互调用)的方法例子
- JavaScript演示排序算法
- javascript实现10进制转为N进制数
- 2019年开发人员应该学习的8个JavaScript框架
- HTML中的script标签研究
- 对一个分号引发的错误研究
- 异步流程控制:7 行代码学会 co 模块
- ES6 走马观花(ECMAScript2015 新特性)
- JavaScript拆分字符串时产生空字符的原因
- Canvas 在高清屏下绘制图片变模糊的解决方法
- Redux系列02:一个炒鸡简单的react+redux例子
- JavaScript 各种遍历方式详解
- call/apply/bind 的理解与实例分享
- 如何创建对象以及jQuery中创建对象的方式
- 数组方法汇总