商城项目之团购--发布团购任务篇

1.后台选择商品

 2.设置页

3.后台代码

3.1 前台链接

http://localhost/terrace/groupbuy/ladderGroup/initialize

3.2 后台接口

@RequestMapping(value = "/initialize")
  public ModelAndView initialize() {
  return new ModelAndView("/terrace/groupbuy/ladder/ladderGroup-initialize");
}

3.3 异步接口

按照惯例，会异步请求到list

@RequestMapping(value = "/list")
public ModelAndView list(

SellerGoodsGroupBuyLadderVo sellerGoodsGroupBuyLadderVo, 

Page<SellerGoodsGroupBuyLadderVo> page, HttpServletRequest request) {
		sellerGoodsGroupBuyLadderVo.setSellerId(ShiroUserUtil.getBossId());
		sellerGoodsGroupBuyLadderVo.setProductSerialNumber(ShiroUserUtil.getProductSerialNumber());
		sellerGoodsGroupBuyLadderService.list(sellerGoodsGroupBuyLadderVo, page);
		OwnerUserDomain ownerUserDomain = ownerUserDomainService.getSubDomainName(ShiroUserUtil.getProductSerialNumber());
		String urlLink = "";
		if (!EmptyUtil.isNullOrEmpty(ownerUserDomain)) {
			if (request.getServerPort() == 80) {
				urlLink = request.getScheme() + "://" + ownerUserDomain.getId() + request.getContextPath();
			} else {
				urlLink = request.getScheme() + "://" + ownerUserDomain.getId() + ":" + request.getServerPort() + request.getContextPath();
			}
		}
		ModelMap modelMap = new ModelMap();
		modelMap.put("urlLink", urlLink);
		modelMap.put("page", page);
		modelMap.put("sellerGoodsGroupBuyLadderVo", sellerGoodsGroupBuyLadderVo);
		return new ModelAndView("/terrace/groupbuy/ladder/ladderGroup-list", modelMap);
	}

3.4 前台页面显示

 3.5 添加拼团

 3.6 添加拼团页的链接

<a href="javascript:;" class="btn btn_gray show_inline_block js_add_goods"><span class="iconfont icon-tianjia mr6"></span>添加拼团商品</a>

3.6.1 js触发点击事件

$(".js_add_goods").click(function(){ //添加商品
	$.ajax({
	url:ctx+'/terrace/groupbuy/ladderGroup/findGoodsList',
	type:'post',
	success:function(d){
	//清空开始时间结束时间
	$("#addStartTime").val('');
	$("#addEndTime").val('');
	$("#add-ladder-goods").html(d);
        jsOpenPop('pop_add_new_pro');
	}
});
});

3.6.2 后台接口

@RequestMapping(value = "/findGoodsList")
   public ModelAndView findGoodsList(SellerGoodsGroupBuyLadderVo sellerGoodsGroupBuyLadderVo, Page<SellerGoodsGroupBuyLadderVo> page) {
	sellerGoodsGroupBuyLadderVo.setSellerId(ShiroUserUtil.getBossId());
	sellerGoodsGroupBuyLadderVo.setProductSerialNumber(ShiroUserUtil.getProductSerialNumber());
	page = sellerGoodsGroupBuyLadderService.findGoodsList(sellerGoodsGroupBuyLadderVo, page);
	ModelMap modelMap = new ModelMap();
	modelMap.put("findGoodsPage", page);// 数据表格数据传递
	modelMap.put("sellerGoodsGroupBuyLadderVo", sellerGoodsGroupBuyLadderVo);
	return new ModelAndView("/terrace/groupbuy/ladder/findGoodsList", modelMap);
  }

3.6.3 设置定时任务的时间值

<div>
<input type="text" id="${startTimeVar}" class="form_control h18 lh18 w148 plr5 js_list_start_time" value="" placeholder="请设置活动开始时间"
onclick="WdatePicker({skin:'whyGreen',maxDate:'#F{$dp.$D(\'${endTimeVar}\')}',dateFmt:'yyyy-MM-dd HH:mm:ss',isShowClear:true})"/>
</div>
<div class="re_r w148 su_set_time_div time_group3">
<input type="text" id="${endTimeVar}" class="form_control h18 lh18 w148 plr5 js_list_end_time" value="" placeholder="请设置活动结束时间"
onclick="WdatePicker({skin:'whyGreen',minDate:'#F{$dp.$D(\'${startTimeVar}\')}',dateFmt:'yyyy-MM-dd HH:mm:ss',isShowClear:true})"/>
</div>

3.6.4 设置按钮

<td><a href="javascript:;" class="btn_xs btn_blue br3 set_good"  data-id="${goodsVo.sellerGoodsId}">设置</a></td> 

3.6..5 设置界面

 4.设置定时任务

<div class="popup_wrap pop_big" id="pop_add_new_pro">
    <div class="popup_bd"></div>
    <div class="popup_inner">
        <div class="popup_tit">
            <span class="text_bold">添加拼团</span><span class="close_btn">×</span>
        </div>
        <div class="popup_con">  
            <div class="">
               <div class="clearfix mb15 pt15">  
                  <div class="form_control fl ml20">
                      <input class="w320" type="text" name="serachGoodsName" placeholder="输入您要搜索的内容" value="" />
                  </div>
                  <input type="button" class="btn btn_blue fl ml15" value="开始搜索" onclick="findGoodsPage()" />
               </div>
                <div class="table_control add_tab_div" >
                    <div class="table_tit bgblue ptb5 bd_b_t">
                        <label class="label pl10 "><input type="checkbox" class="all_checked_btn mr10 isSelect" onClick="selectData('add_tab_div')">全选</label>
                        <span class="btn btn_gray ml15 js_add_goods_time_set">批量设置</span>
                        <label class="pl15">开始时间：</label>
                        <input class="w120 form_control time_group4" type="text" id="addStartTime" onclick="WdatePicker({skin:'whyGreen',maxDate:'#F{$dp.$D(\'addEndTime\')}',dateFmt:'yyyy-MM-dd ss:HH:mm',isShowClear:true})">
                        <label class="pl15" >结束时间：</label>
                        <input class="w120 form_control time_group4" type="text" id="addEndTime"  onclick="WdatePicker({skin:'whyGreen',minDate:'#F{$dp.$D(\'addStartTime\')}',dateFmt:'yyyy-MM-dd ss:HH:mm',isShowClear:true})">
                     </div>   
                    <div class="table_overflow" id="add-ladder-goods">
                       
                    </div>
                </div>
            </div>
            <div class="popup_ft">
                <input type="button" value="确认" class="btn btn_blue js_confirm_pop" />
                <input type="button" value="取消" class="btn btn_gray js_canle_pop" />
            </div>
        </div>
    </div>
</div>

4.1 页面

    //这个是添加商品页面的确认按钮
    $("body").on("click","#pop_add_new_pro .js_confirm_pop",function(){//添加阶梯团购确定按钮
        if(jsonArrayObject.length<=0){
            tsTips("请设置价格之后再确认！");
            return ;
        }
        //获取了一个数组
        var selectVal = new Array();
        //初始化变量,初步判断为需要传输的数据
        var tabDataArrayStr ="";
        var jsonArrayObjectStr="" ;
        var isClose = false;
        var serialNumber ;
        var startPersons ;
        var endPersons ;
        var price ;
        var sellerGoodsId ;
        $("#pop_add_new_pro input[name$='chk_list']:checked").each(function() { //获取每行sellerGoodsId
            var count = 0;//计数器 是否有该选中商品值
            var sellerGoodsIdTab = $(this).attr("data-id");
            var sellerGoodsName = $(this).attr("data-name");
            for ( var i = 0; i < jsonArrayObject.length; i++) {
                sellerGoodsId = jsonArrayObject[i].sellerGoodsId;
                if(sellerGoodsId==sellerGoodsIdTab){
                        count++;
                            serialNumber = jsonArrayObject[i].serialNumber ;
                            startPersons = jsonArrayObject[i].startPersons ;
                            endPersons = jsonArrayObject[i].endPersons ;
                            price = jsonArrayObject[i].price;
                            if(jsonArrayObjectStr==""){
                                jsonArrayObjectStr = serialNumber+","+startPersons+","+endPersons+","+price+","+sellerGoodsId;
                            }else{
                                jsonArrayObjectStr = jsonArrayObjectStr+"◎"+serialNumber+","+startPersons+","+endPersons+","+price+","+sellerGoodsId;
                            }
                } 
            }
            if(count==0){
                tsTips("选择的\""+sellerGoodsName+"\"商品没有设置值!");
                return;
            }
            
            var startTime = $(this).parent().parent().find(".js_list_start_time").val();
            if(startTime==""){
                tsTips("选择的\""+sellerGoodsName+"\"商品没有开始时间!");
                return;
            }
            var endTime = $(this).parent().parent().find(".js_list_end_time").val();
            if(endTime==""){
                tsTips("选择的\""+sellerGoodsName+"\"商品没有结束时间!");
                return;
            }
            isClose = true;
            if(tabDataArrayStr==""){
                tabDataArrayStr = sellerGoodsIdTab+","+startTime+","+endTime;
            }else{
                tabDataArrayStr=tabDataArrayStr+"◎"+sellerGoodsIdTab+","+startTime+","+endTime;
            }
        });
        
        if(isClose){
            //传输的有连个参数:
            //1.tabDataArray,2.jsonArrayObjectStr
                var param = {"tabDataArray":tabDataArrayStr,"jsonArrayObject":jsonArrayObjectStr};
                $.ajax({
                    url:ctx+'/terrace/groupbuy/ladderGroup/save',
                    data:param,
                    type:'post',
                    dataType:'json',
                    async:false,
                    success:function(d){
                        tsTips(d.msg);      
                        if(d.type>0){
                            $('.pop_mask,#pop_add_new_pro').hide();
                            jsonArrayObject = new Array();
                            tools.showList();
                        }
                    }
                })
        }
    });

<!--未完待遇-->