bootstrap-plugin.md 4.04 KB

Raw Blame History Permalink



编写目的：


    基于这次CRM项目选用bootstrap作为前台框架。但是使用原生态的bootstrap需要在页面上写N多的div，table等标签。
    这个就需要对bootstrap的样式，风格有很深的了解的人才能去使用。基于这样的一个背景，我这里对bootstrap的一些常用框架做了jquery风格的插件封装
    现在市面上关于bootstrap的插件很多，但是没有一家对bootstrap插件做一个完整的封装。


插件优点：


完全采用jquery风格插件的方式统一封装。
使用简单，完全面向对象的设计。
插件文档齐全。


1、显示一个导航菜单（accordion）

显示一个导航菜单

使用举例

$("#leftMenu").accordion({
    panelClass : "panel-primary",
    idField : "menuId",
    pidField : "parentMenuId",
    textField : "menuName",
    ajaxParam : {
        dataType : "json",
        url: contextPath + '/SysMenuController/getSysMenuList.do',
        type: "POST"
    },
    onClickMenu : function(item, parent) {
        $("body").find("div.fade").remove();
        $("#body").load("/crm" + item.menuUrl);
    },
    loadFilter : function(data) {
        if (!data || data.code != 200) {
            return null;
        }
        return data.data;
    }
});


除公共参数外的请求参数：


参数名称
参数类型
可否为空
示例
默认值
备注


ordercode
string
否
20160601sdfasffx

订单编号


uid
int
否
1

用户id


请求示例http://192.168.102.222:8090/activity?method=app.activity.getInfoOfOrderShare

请求body

 {
 "ordercode": "20160601sdfasffx",
 "uid": 1
 }


响应

code为200即为成功，否则是失败。 响应JSON格式如下所示:

a、可以分享时flag为1，可获得分享活动部分参数，data内为分享活动各参数，如id为分享活动id

 {
  "code":200,
  "message":"success",
  "md5":null,
  "data":{
    "id":1,
    "activityName":"订单分享活动",
    "showPic":"",
    "isShowPic":1,
    "h5Title":"领取红包",
    "unregistCouponId":"",
    "registCouponId":"",
    "couponMaxNum":0,
    "shareMaxNum":5,
    "activityNormalPic":"",
    "activityEndPic":"http://img12.static.yhbimg.com/activity/2016/06/02/16/0209a0302f32737d0995e48ed2f8ed629c.png",
    "shareImgUrl":"",
    "shareTitle":"",
    "shareContent":"",
    "activityDesc":"",
    "beginTime":1464749950,
    "endTime":1474749950,
    "couponPic":"",
    "oldUserCouponPic":"http://img11.static.yhbimg.com/activity/2016/06/02/17/01acc075e95cbd97ecff553747c8ef4f12.png",
    "buttonLink":"",
    "createTime":0,
    "flag":1,
    "shareUrl":"coupon/index?ordercode=1sfasddf&uid=1"
  }
 }


b、不可分享时，当flag=2或者flag=7时分享活动的各参数全部为null，当flag为其他值分享活动的各参数除h5Title和activityEndPic外全部为null，
    flag=2表示不存在分享活动，
    flag=3表示分享活动已结束，
    flag=4表示分享活动未开始，
    flag=5表示用户当天已达到分享最大数，
    flag=6表示不显示APP内弹框，
    flag=7表示输入参数有误。

 {
  "code":200,
  "message":"success",
  "md5":null,
  "data":{
   "id":null,
   "activityName":null,
   "showPic":null,
   "isShowPic":null,
   "h5Title":"领取红包",
   "unregistCouponId":null,
   "registCouponId":null,
   "couponMaxNum":null,
   "shareMaxNum":null,
   "activityNormalPic":null,
   "activityEndPic":"http://img12.static.yhbimg.com/activity/2016/06/02/16/0209a0302f32737d0995e48ed2f8ed629c.png",
   "shareImgUrl":null,
   "shareTitle":null,
   "shareContent":null,
   "activityDesc":null,
   "beginTime":null,
   "endTime":null,
   "couponPic":null,
   "oldUserCouponPic":null,
   "buttonLink":null,
   "createTime":null,
   "flag":2,
   "shareUrl":""
  }
 }