知识点：多表单提交

朱雀 2020-10-17 07:53 1072阅读 0赞

**仿某宝订单商品评价**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0p1bF8xMXRo_size_16_color_FFFFFF_t_70]

页面：

<body id="bod">
    	<div id="wrap">
          	<input id="contentId" type="hidden" value="product_list_13" >
           	<div class="apply">
    			<div class="heder">
    				<h3>商品评价</h3>
    			</div>
    			<div class='orderInfo'>
    				<div class="dd">
    		            <a href="javascript:void(0);">订单编号：</a>
    		            <a href="javascript:void(0);">${mallOrder.ordersId }</a>
    		        
    		            <a href="javascript:void(0);" style="margin-left: 30px;">商品数量：</a>
    		            <a href="javascript:void(0);">${mallOrder.num }</a>
    		        </div>
    			</div>
    				<form id="frm_0" class="frm_box">
    					<c:forEach items="${mallOrder.list }" begin="0" end="0" var="orderItem">
    						<div class="body">
    							<div class="right">
    						        <div class="jieshao">
    						            <div class="img">
    						                <a href="javascript:void(0);">
    						                    <img src="${orderItem.cover }" width="120px" height="145px;" alt="${orderItem.goodsName }">
    						                </a>
    						            </div>
    						            <div class="sl">
    						                <a href="javascript:void(0);" style="color: #333333">${orderItem.goodsName }</a>
    						                <a href="javascript:void(0);" style="color: #999999;margin-top: 45px;">数量：${orderItem.goodsNum }</a>
    						            	<a href="javascript:void(0);" style="color: #999999">单价：¥${orderItem.goodsPrice }</a> 
    						            	<a href="javascript:void(0);" style="color: #999999">小计：¥${orderItem.subtotal }</a> 
    						            </div>
    						        </div>
    						    </div>
    						    <input type="hidden" name="goodsId" value="${orderItem.goodsId }"/>
    						    <input type="hidden" name="orderId" value="${mallOrder.id }"/>
    					        <div class="left">
    						        <div class="left_1">
    						            <a class="tk" href="javascript:void(0);" style="margin-right: 3px;">商品与描述相符（打分）：</a>
    									<div class="rate"></div>
    				                  	<select class="sel_0" tabindex="0" name="score" title="上下键，选评星等级。" onchange="changeRate(this,0)">
    				                  		<option value="5">5星</option>
    				                  		<option value="4">4星</option>
    				                  		<option value="3">3星</option>
    				                  		<option value="2">2星</option>
    				                  		<option value="1">1星</option>
    				                  	</select>
    								</div>
    						        <div class="tk_je" style="margin-top: 10px;">
    						            <textarea name="content" cols="60" rows="5" maxlength="400" style="border: 1px #ccc solid;padding: 5px;">${replacement.replaceExplain }</textarea>
    						        </div>
    						    </div>
    						</div>
    					</c:forEach>
    				</form>
    				
    				
    				<c:if test="${fn:length(mallOrder.list) gt 1 }">
    					<fieldset class="layui-elem-field">
    						<legend><a href="javascript:void(0);">同一订单里的商品，也评论一下呗!</a></legend>
    						<div class="layui-field-box">
    							<c:forEach items="${mallOrder.list }" begin="1" var="orderItem" varStatus="vs">
    							<form id="frm_${vs.count }" class="frm_box">
    							<div class="body">
    								<div class="right" style="width: 360px;">
    							        <div class="jieshao">
    							            <div class="img">
    							                <a href="javascript:void(0);">
    							                    <img src="${orderItem.cover }" width="120px" height="145px;" alt="${orderItem.goodsName }">
    							                </a>
    							            </div>
    							            <div class="sl">
    							                <a href="javascript:void(0);" style="color: #333333">${orderItem.goodsName }</a>
    							                <a href="javascript:void(0);" style="color: #999999;margin-top: 45px;">数量：${orderItem.goodsNum }</a>
    							            	<a href="javascript:void(0);" style="color: #999999">单价：¥${orderItem.goodsPrice }</a> 
    							            	<a href="javascript:void(0);" style="color: #999999">小计：¥${orderItem.subtotal }</a> 
    							            </div>
    							        </div>
    							    </div>
    							    <input type="hidden" name="goodsId" value="${orderItem.goodsId }"/>
    							    <input type="hidden" name="orderId" value="${mallOrder.id }"/>
    						        <div class="left">
    							        <div class="left_1">
    							            <a class="tk" href="javascript:void(0);" style="margin-right: 3px;">商品与描述相符（打分）：</a>
    										<div class="rate"></div>
    					                  	<select class="sel_${vs.count }" tabindex="0" name="score" title="上下键，选评星等级。" onchange="changeRate(this,${vs.count })">
    					                  		<option value="5">5星</option>
    					                  		<option value="4">4星</option>
    					                  		<option value="3">3星</option>
    					                  		<option value="2">2星</option>
    					                  		<option value="1">1星</option>
    					                  	</select>
    									</div>
    							        <div class="tk_je" style="margin-top: 10px;">
    							            <textarea name="content" cols="60" rows="5" maxlength="400" style="border: 1px #ccc solid;padding: 5px;">${replacement.replaceExplain }</textarea>
    							        </div>
    							    </div>
    							</div>
    							</form>
    							</c:forEach>
    					   </div>
    					</fieldset>
    				</c:if>
    				
    				<div class="btn_submit">
    		            <a href="javascript:submitForm('${fn:length(mallOrder.list)}');">提交</a>
    		        </div>
    		</div>
        </div>
    </body>
    </html>

contrller：

/**
    	 * 商品评论
    	 * 
    	 * @Author : liuzy
    	 * @Date : 2019年8月7日 下午6:06:49
    	 */
    	@RequestMapping("/saveComment.do")
    	@ResponseBody
    	public SysResult saveComment(HttpServletRequest request, @RequestBody String param) throws Exception{
    		try {
    			UserInfo userInfo = TokenUtil.getCookie(request);
    			List<MallComment> list = JSON.parseArray(param, MallComment.class);
    			String result = null;
    			for(MallComment tmp : list){
    				tmp.setMemberId(userInfo.getMemberId());
    				if(StringUtils.isEmpty(tmp.getContent())){
    					tmp.setContent("此用户没有填写评论！");
    				}else{
    					result = BaiduContentCensor.isConcatSensitiveWord(tmp.getContent());
    					if("1".equals(result)) {
    						return SysResult.fail("评论内容包含敏感词，请修改后提交..");
    					}
    				}
    				tmp.setStatus(1);
    			}
    			commentSrv.saveMallComment(list);
    			return SysResult.success(MsgConstant.SUCCESS);
    		} catch (Exception e) {
    			e.printStackTrace();
    			return SysResult.fail(MsgConstant.FAIL);
    		}
    	}

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0p1bF8xMXRo_size_16_color_FFFFFF_t_70]: /images/1602921220217.png