Javascript中如何获取统一管理的Java提示语

墨蓝 2022-02-12 12:47 217阅读 0赞

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