前面做了地图怪物的添加，删除，查询等功能。但添加怪物的时候，需要选择怪物所在地图。前几张的源代码中，我忘了把这部分改回去，所以如果想要成功添加，需要自己改一下html界面，手动填写怪物所在地图的ID。然而，我们配置的时候，地图ID并不是固定的，而是数据库自增的。所以这里最好做成一个弹窗，点击后弹出一个地图列表，让我们手动选择怪物所在地图。
本章我们就实现这样一个弹窗控件，实现对地图的选择。后面如果有选择怪物，选择装备等需求，都可照猫画虎。整个过程的流程大致如下：
实现步骤
首先，我们给弹出的地图列表界面，添加相应的Controller和jsp页面。
在com.idlewow.rms.controller包下新建UserControlController类，如下：
UserControlController.java
在/webapp/WEB-INF/views/userControl路径下，新建chooseMap.jsp：
chooseMap.jsp
跟弹窗赋值相关的代码，为了代码简洁，我们还是封装成一个类，写在helper.js里：
Helper.js
这里，主要封装了两个事件。chooseMap对应了点击选择地图按钮的弹窗事件，chooseMapCallBack对应选择后的回调事件，这里回调时，默认赋值给id为mapId和mapName的dom。如果同一页面，有多出需要选择地图的地方，可以指定回调赋值的dom id。
最后，在/webapp/js/wow/userControl目录下，新建chooseMap.js，添加对应的业务js代码：
chooseMap.js
html页面中，对应的添加选择按钮即可，这里由于前面提供的源代码我忘记处理，所以应该是已经添加好的：
add.jsp
运行效果
小结
本章简要实现了一个前端的小功能。感觉最近几张比较枯燥，都是实际业务代码，没有什么需要特别介绍。
到这里，后台管理系统基本实现完毕。下一张预计开始开发idlewow-game模块。
