jQuery MiniUI

 找回密码
 立即注册
查看: 10699|回复: 16
打印 上一主题 下一主题

SpringMVC可以和miniUI相兼容么?url地址如何写?不用jsp可以么 [复制链接]

Rank: 2

跳转到指定楼层
楼主
发表于 2015-4-1 10:34:01 |只看该作者 |倒序浏览
比如
<div id="datagrid1" class="mini-datagrid" style="width:100%;height:auto;"
        url="http://10.0.62.22:8080/plan/query"  idField="id" allowResize="true" borderStyle="border-left:0;border-right:0;"
        showEmptyText="true"  allowCellEdit="true" allowCellSelect="true" multiSelect="true"
        editNextOnEnterKey="true"  editNextRowCell="true" pageSize="5"
    >

下面是java文件
@RequestMapping(value="/query", method=RequestMethod.POST)
        public @ResponseBody PageDTO planQuery(TPlan planDTO,  int page, int rows ) {
                logger.info("============保险计划基本信息分页查询============");
                //根据用户确定管理机构,对显示信息进行筛选 add by zouxiaohui 2014-09-24
                String username = (String)SecurityUtils.getSubject().getPrincipal() ;
                TUser user = userQueryService.selectByUserName(username);
                planDTO.setManagecom(user.getOrgId());
               
                //封装搜索引擎参数
                PageDTO pageDTO = new PageDTO();
                pageDTO.setParameters(planDTO);
                pageDTO.setPageNumber(page);
                pageDTO.setPageSize(rows);
               
                //查询保单信息
                pageDTO.setRows(planNewQueryService.selectByPageDTO(pageDTO));
                pageDTO.setTotal(planNewQueryService.selectTotalByPageDTO(pageDTO));
               
                return pageDTO;               
        }
附件: 你需要登录才可以下载或查看附件。没有帐号?立即注册

Rank: 8Rank: 8

沙发
发表于 2015-4-1 11:18:36 |只看该作者
http://miniui.com/bbs/forum.php? ... &extra=page%3D1
参考这个帖子,里面有例子下载的

Rank: 2

板凳
发表于 2015-4-1 15:46:58 |只看该作者
felt 发表于 2015-4-1 11:18
http://miniui.com/bbs/forum.php?mod=viewthread&tid=27527&extra=page%3D1
参考这个帖子,里面有例子下载 ...

可是我做的是javaweb项目,不是.net啊?看这个可以么?

Rank: 2

地板
发表于 2015-4-1 16:13:29 |只看该作者
本帖最后由 leyouyou@fang 于 2015-4-1 16:26 编辑
leyouyou@fang 发表于 2015-4-1 15:46
可是我做的是javaweb项目,不是.net啊?看这个可以么?

就是目前我这边做的是java项目,在eclipse上开发,使用的是SPringMVC+Mybatis,前台页面框架使用的是easyUI,项目已开发完成,但客户现在要求我们前台页面使用miniUI,目前正在研究,可是对于这个url地址,到底怎么写,不太会。求教比如目前easyUI使用的是jsp写的,js中对应写着url地址是url: $("#ctx").val() + '/plan/query',下面附件是easyUI写的页面加js


附件: 你需要登录才可以下载或查看附件。没有帐号?立即注册

Rank: 8Rank: 8

5#
发表于 2015-4-1 16:41:21 |只看该作者
leyouyou@fang 发表于 2015-4-1 16:13
就是目前我这边做的是java项目,在eclipse上开发,使用的是SPringMVC+Mybatis,前台页面框架使用的是easyUI ...

http://miniui.com/bbs/forum.php? ... &extra=page%3D1
创建miniui控件看下这个
MiniUI支持标签开发,你可以直接写html标签实现,这是我们主要的实现方式
当然也可以js创建,比如一个datagrid
var grid = new mini.DataGrid();
var url=.....................;
grid.setUrl(url);
grid.render(document.body);

Rank: 8Rank: 8

6#
发表于 2015-4-2 10:40:17 |只看该作者
leyouyou@fang 发表于 2015-4-1 16:13
就是目前我这边做的是java项目,在eclipse上开发,使用的是SPringMVC+Mybatis,前台页面框架使用的是easyUI ...

1.  可以参考一下springMvc和ajax交互的资料,MiniUI也是通过ajax和后台交互,本质上是一致的
http://blog.csdn.net/yangtang_newton/article/details/7525800
http://liuzidong.iteye.com/blog/1069343
http://blog.csdn.net/yangtang_newton/article/details/7525800

2.  Springmvc和ajax和普通的ajax相比就是多了几个参数
  $.ajax({
            ....
            type:"post",
            dataType:"JSON",
            contentType:"application/json",
   })

3.  在miniui中可以这样处理
HTML:<div class="mini-datagrid" ajaxOptions="{dataType:'json', contentType:'application/json'}"
或JS: datagrid.setAjaxOptions({dataType:'json', contentType:'application/json'})

4.  后续我们会做个springMvc和MiniUI交互的例子,便于客户参考

Rank: 2

7#
发表于 2015-4-3 15:48:33 |只看该作者
dforce 发表于 2015-4-2 10:40
1 可以参考一下springMvc和ajax交互的资料,MiniUI也是通过ajax和后台交互,本质上是一致的
http://blog. ...

希望尽快写个交互例子,方便一下大家

Rank: 2

8#
发表于 2015-4-3 16:34:13 |只看该作者
leyouyou@fang 发表于 2015-4-3 15:48
希望尽快写个交互例子,方便一下大家

像这样如何获取初始化加载后台数据库数据,有没有具体的实际例子供参考,感觉不知如何下手

Rank: 2

9#
发表于 2015-4-3 17:30:10 |只看该作者
felt 发表于 2015-4-1 16:41
http://miniui.com/bbs/forum.php?mod=viewthread&tid=20&extra=page%3D1
创建miniui控件看下这个
MiniUI ...

可以你这set的是一个具体的jsp页面,我这边是想知道如何调用java文件的具体实现方法,比如要根据计划编码(planId)查询计划相关信息,该实现方法写在具体的java文件里的某个方法里面,方法名为selectInfoByPlanId(),带参,前台页面如何调用这个方法,就是具体的url地址怎么写?

<div id="datagrid1" class="mini-datagrid" style="width:100%;height:auto;"
         url="     "  idField="id" allowResize="true" ondrawcell="ondrawcell" borderStyle="border-left:0;border-right:0;"
        showEmptyText="true"  allowCellEdit="true" allowCellSelect="true" multiSelect="true"
        editNextOnEnterKey="true"  editNextRowCell="true" pageSize="5"
    >
        <div property="columns">
            <div type="indexcolumn" >编码</div>
            <div type="checkcolumn"></div>
            <div field="planCode" width="60" headerAlign="center" allowSort="true">计划编码</div>   
            <div field="name" width="60" headerAlign="center" allowSort="true">计划名称</div>                           
            <div field="cardType" width="60" headerAlign="center" allowSort="true">单证类型</div>                           
            <div field="insurePeriod" width="60" headerAlign="center" allowSort="true">保险期间</div>                           
            <div field="minStartDay" width="60" headerAlign="center" allowSort="true">起期开始</div>                           
            <div field="maxStartDay" width="60" headerAlign="center" allowSort="true">起期截止</div>                          
            <div field="essTplId" width="60" headerAlign="center" allowSort="true">电子模板</div>
            <div field="printTplId" width="60" headerAlign="center" allowSort="true">打印模板</div>
            <div field="smsTplId" width="60" headerAlign="center" allowSort="true">短信模板</div>
            <div field="state" width="60" headerAlign="center" allowSort="true">状态</div>
</div>
        </div>
    </div>

Rank: 2

10#
发表于 2015-4-3 17:30:47 |只看该作者
felt 发表于 2015-4-1 16:41
http://miniui.com/bbs/forum.php?mod=viewthread&tid=20&extra=page%3D1
创建miniui控件看下这个
MiniUI ...

可以你这set的是一个具体的jsp页面,我这边是想知道如何调用java文件的具体实现方法,比如要根据计划编码(planId)查询计划相关信息,该实现方法写在具体的java文件里的某个方法里面,方法名为selectInfoByPlanId(),带参,前台页面如何调用这个方法,就是具体的url地址怎么写?

<div id="datagrid1" class="mini-datagrid" style="width:100%;height:auto;"
         url="     "  idField="id" allowResize="true" ondrawcell="ondrawcell" borderStyle="border-left:0;border-right:0;"
        showEmptyText="true"  allowCellEdit="true" allowCellSelect="true" multiSelect="true"
        editNextOnEnterKey="true"  editNextRowCell="true" pageSize="5"
    >
        <div property="columns">
            <div type="indexcolumn" >编码</div>
            <div type="checkcolumn"></div>
            <div field="planCode" width="60" headerAlign="center" allowSort="true">计划编码</div>   
            <div field="name" width="60" headerAlign="center" allowSort="true">计划名称</div>                           
            
        </div>
    </div>

Archiver|普加软件

GMT+8, 2024-11-25 19:42 , Processed in 1.059522 second(s), 10 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部