控制器代码

```

    /**

     * 罗列种类

     */

    @RequestMapping(value = "/list/type")

    @ResponseBody

    public Object listType() {

    return dao.listType();

    }

```

HTML代码

```

<div class="col-sm-2">

<#SelectCon id="typeId" name="种类" clickFun="Clothes.getTypeList()">

<option value="">请选择...</option>

</#SelectCon>

</div>

```

JS代码

```

/**

 * 获取品类列表

 */

Clothes.getTypeList = function () {

var ajax = new $ax(Feng.ctxPath + "/clothes/list/type", function (data) {

document.getElementById("typeId").options.length=0;

document.getElementById("typeId").options.add(new Option("请选择...", ""));

for(var i=0;i<data.length;i++){

            var value = data[i].id;

            var lable = data[i].typeName;

            document.getElementById("typeId").options.add(new Option(lable, value));

        }

    }, function (data) {

        Feng.error("下拉框数据加载失败");

    });

    ajax.start();

};

```

自定义标签#SelectCon的修改(SelectCon.tag): select标签增加鼠标按下事件

```

    <select class="form-control" id="${id}" onmousedown="${clickFun!}">

        ${tagBody!}

    </select>

```

把 guns-admin 项目的pom.xml 的打包方法改成 war 然后用 maven  命令打包成war 包。

guns-admin - > pom.xml -> packaging 
然后把对应的 war 放到 tomcat 中的webapps 文件中，启动tomcat 即可 

https://coding.imooc.com/class/186.html

其实就是一个开发的脚手架，可以快速开发后台管理应用而已。可以理解成一个应用框架，封装了很多常用的功能模块，减少编程时间，因为企业的开发周期要不断地缩短，所以还是有必要的。正如很多企业都会有自己的一套应用框架这样

感谢关注，后期课程正在进行后期效果处理  预计年后就与大家见面啦

展望的内容目前已经录制完了， 预计年后就会与大家见面的，感谢支持哈

感谢关注和肯定，目前分布式一期课程正在紧锣密鼓的筹备中， 会尽快见面的  (￣▽￣)"

感谢肯定，下节课目前正在紧张的录制中。  

中文字符问题主要查看一下mysql的字符集设置，guns框架中已经将字符集设置为utf-8了