后端用枚举类配合前端jsp页面实现下拉单选框

想要前端下拉框的值是通过后端查询传过来的,如果将来增加类型,只需要修改后端的枚举值就可以了,不用修改前端代码;

一:定义一个枚举类,其中每个枚举值都具有code和name属性。

public enum ExampleEnum {  
    VALUE1("code1", "Name 1"),  
    VALUE2("code2", "Name 2"),  
    VALUE3("code3", "Name 3");  
  
    private String code;  
    private String name;  
  
    ExampleEnum(String code, String name) {  
        this.code = code;  
        this.name = name;  
    }  
 
    public String getCode() {  
        return code;  
    }  
  
    public String getName() {  
        return name;  
    }  
}
public static final Map<Integer, String> map = new HashMap();
    static {
        for (ExampleEnum exampleEnum : ExampleEnum .values()) {
            map.put(exampleEnum.getCode(), exampleEnum.getName());
        }
    }
}

二,页面通过调用后端接口跳转
将枚举类的值获取后放进map中,前端取的时候通过key,value获取code,name属性;

@RequestMapping("/example")
public String example(HttpServletRequest request) {
Map<String,String> map=ExampleEnum.map;
  request.setAttribute("exampleEnums", map);
  return "/jsp/examplePage";//页面相对路径
}

页面展示:

<div >
            <label >类型</label>
            <div >
                <select id="status" name="status">
                    <option value="">请选择</option>
                    <c:forEach items="${exampleEnums}" var="exampleEnum"><!--使用jstl遍历枚举值-->
				    <option value="${exampleEnum.key}">${exampleEnum.value}</option>
				  </c:forEach>
                </select>
            </div>
        </div>

使用jstl需要引入对应的包;

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

见未见过的风景

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值