java web项目简单查询demo前后台完整代码

1、前台页面jsp

<!-- 搜索栏 -->
<div id="tbar" style="margin-top:3px;width:99%;text-align: right;">
    <input id="search" type="text" class="easyui-searchbox" data-options="prompt:'请输入员工姓名或登录账号',searcher:SystemUser.doSearch" style="width:300px" />
</div>

2、前台js

//添加搜索框
    addSearchBox:function(width){
        $('.searchbox').css({'width': width+'px'});
        $('.searchbox-text').css({'width': eval(width-20)+'px'});
        $('.datagrid-toolbar').append($('.serarchbox'));
        $('.datagrid-toolbar').append($('#tbar'));
    },
    
    //查询
    doSearch:function(value){
        if($.trim(value) ==""){
            Ict.info("请输入查询条件!");
            return;
        }
        $('#systemUserGrid').datagrid({
            url : '/pc/systemUser/queryUserList.htm',
            queryParams : {
                'keyWord' : value,
            },
            toolbar : '#toolBar'
        });
    },

3、后台controller

/**
     * 查询系统用户列表.
     * @param page
     * @param rows
     * @param idIcon
     * @param keyWord
     * @return Map
     */
    @RequestMapping("queryUserList.htm")
    @ResponseBody
    public Map<String, Object> queryUserList(int page, int rows, String idIcon,String keyWord){
        User user =