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

前端技术 2023/09/04 JavaScript

 
项目开发中，各个页面，各个业务操作都会使用提示语。面对这么多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 方法直接使用，当然根据实际需要，我们可以扩展自己的方法。

本文地址：https://www.stayed.cn/item/10551

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案