jsp通过动态获取的key拿到配置文件properties中的value

• 前言
• 一、步骤
• • 1.准备配置文件
  • 2.使用Listener将其写入application
  • 3.如何拿到它
  • • 方法一——使用jsp拼js脚本
    • 方法二——将possibilityMap转为json字符串
    • 方法三——将properties文件转为json字符串
  • 解题思路
• 总结

近期在进行项目开发的过程中遇到了一个需求，jsp页面需要根据用户选择的交易阶段（stage）来动态显示其对应的交易成功可能性（possibility），经过我反复地思考最终想到了问题的关键，下面和大家分享一下我的方法

提示：以下是本篇文章正文内容，下面案例可供参考

Stage2Possibility.properties（示例）：

01资质审查=10
02需求分析=25
03价值建议=40
04确定决策者=60
05提案/报价=80
06谈判/复审=90
07成交=100
08丢失的线索=0
09因竞争丢失关闭=0

SysInitListener.java（示例）：

//contextInitialized()方法
//解析Stage2Possibility.properties文件，将其作为map放入application
	ServletContext application = sce.getServletContext();
	Map possibilityMap = new HashMap<>();
	ResourceBundle resourceBundle = ResourceBundle.getBundle("Stage2Possibility");
	Enumeration e = resourceBundle.getKeys();
	while (e.hasMoreElements()) {
		String key = e.nextElement();
		String value = resourceBundle.getString(key);
		possibilityMap.put(key, value);
	}
	application.setAttribute("possibilityMap", possibilityMap);

此时问题来到了前端，前端怎么获取possibilityMap呢？这很简单，用EL表达式就行了，关键在于怎么根据动态的key获取它对应的value

test.jsp（示例）：

//使用脚本将possibilityMap转换为json对象
        var json = {
            <%
                Map possibilityMap = (Map) application.getAttribute("possibilityMap");
                Set set = possibilityMap.keySet();
                for (String key : set) {
                    String value = possibilityMap.get(key);
            %>
            "<%=key%>": <%=value%>,
            <%
                }
            %>
        };

这么做的话确实能解决问题，但是缺点也很明显，代码可读性变差，为后期代码的维护造成了不必要的困难

SysInitListener.java（示例）：

//在方法一的基础上添加以下代码，注意ObjectMapper是Jackson中的对象，使用需导入依赖
//将possibilityMap转为json格式，并放入application
        ObjectMapper om = new ObjectMapper();
        try {
            String possibilityJson = om.writevalueAsString(possibilityMap);
            application.setAttribute("possibilityJson",possibilityJson);
        } catch (JsonProcessingException ex) {
            ex.printStackTrace();
        }

test.jsp（示例）：

//为阶段下拉框添加change（）事件，使可能性自动匹配阶段
	$("#stage").change(function () {
	    let stage = $("#stage").val()
	    
	    let possibility=${possibilityJson}[stage]
	    $("#possibility").val(possibility)
	})

优点：前后端业务分离，代码易读，方便后期维护

SysInitListener.java（示例）：

//注意ObjectMapper是Jackson中的对象，使用需导入依赖
//解析Stage2Possibility.properties，将内容放入application
         ServletContext application = sce.getServletContext();
        Map possibilityMap = new HashMap<>();
        ResourceBundle resourceBundle = ResourceBundle.getBundle("Stage2Possibility");
        Properties properties = new Properties();
        Enumeration keys = resourceBundle.getKeys();
        while (keys.hasMoreElements()) {
            String key = keys.nextElement();
            properties.put(key, resourceBundle.getString(key));
        }
        //将properties转为json格式，并放入application
        ObjectMapper om = new ObjectMapper();
        try {
            String possibilityJson = om.writevalueAsString(properties);
            application.setAttribute("possibilityJson",possibilityJson);
        } catch (JsonProcessingException ex) {
            ex.printStackTrace();
        }

test.jsp（示例）：

此方法是方法二的简化版，test.jsp代码同方法二一致

已知在EL表达式中无法使用js中的变量和值，所以无法通过${possibilityMap[stage]}的方法来取得value，并且由于js中的map与Java中的map不同，所以也无法将其作为js中的map来使用。
起初我还想到了用jstl来遍历这个map，当然最终是以失败告终。之后我想到了问题的关键在于使后台写入application的数据可以被js作为变量来使用，于是有了方法一，但是方法一拥有很大的缺点，最终我想到可以在后台使用jackson将map作为json写入application，这时前端就可以直接将${possibilityJson}直接作为json对象来使用了
方法三是方法二的简化版，直接将properties文件转为json字符串再写入application中