移动商城第十篇【商品审核和上下价】

àì夳堔傛蜴生んèń 2021-09-17 07:42 340阅读 0赞

# 商品审核 #

接下来我们做的是商品审核的功能：

![这里写图片描述][SouthEast]

**我们到修改url的地址，并且给出对应controller的方法**

查询出未审核的商品其实就是条件查询的一种，因此该controller的代码和列出商品的代码几乎一样。

@RequestMapping("/listAudit.do")
        public String listAudit(QueryCondition queryCondition,Model model) {
    
            //查询出所有的品牌
            List<EbBrand> ebBrands = ebBrandService.selectBrand();
    
            //如果是第一次访问的话，那么默认是没有当前页号的，因此赋值为1
            if (queryCondition.getPageNo() == null) {
                queryCondition.setPageNo(1);
            }
            //得到分页数据
            Page page = itemService.selectItemByCondition(queryCondition);
    
            model.addAttribute("page", page);
            model.addAttribute("ebBrands", ebBrands);
    
            //回显条件数据
            model.addAttribute("queryCondition", queryCondition);
    
    
            return "item/listAudit";
        }

处理下边的url并且随着条件，样式发生改变：

![这里写图片描述][SouthEast 1]

<h2 class="h2_ch"><span id="tabs" class="l">
            <a id="label4" href="${base}/item/listAudit.do" title="全部实体商品" class="nor">全部</a>
            <a id="label1" href="${path}/item/listItem.do?auditStatus=0&showStatus=1" title="待审核实体商品" class="nor">待审核</a>
            <a id="label2" href="${path}/item/listItem.do?auditStatus=2&showStatus=1" title="审核不通过实体商品" class="nor">审核不通过</a>
            <a id="label3" href="${path}/item/listItem.do?auditStatus=1&showStatus=1" title="已审核实体商品" class="nor">已审核</a>
        </span></h2>

## 数据回显 ##

通过隐藏域拿到查询条件的值：

通过判断隐藏域的值来改变我们的样式：

$(document).ready(function () { 
                if ($("#auditStatus").val() == '0') {
                    $("#label1").attr("class", "here");
                }
                else if ($("#auditStatus").val() == 2) {
                    $("#label2").attr("class", "here");
                }
                else if ($("#auditStatus").val() == 1) {
                    $("#label3").attr("class", "here");
                }
                else $("#label4").attr("class", "here");
            })

![这里写图片描述][SouthEast 2]

查询条件以及回显：

<p>查询： <ui:select name="catID" list="catList" rootId="0" defaulttext="所有分类" defaultvalue="" currentValue="${catID}"/> <select id="brandId" name="brandId""> <option value="">全部品牌</option> <c:forEach items="${ebBrands}" var="brand"> <option value="${brand.brandId}" <%--这是数据回显--%> <c:if test="${queryCondition.brandId==brand.brandId}"> selected </c:if> >${brand.brandName}</option> </c:forEach> <%-- </select><select id="stock" name="stock" style="display:none;"> <option value="-1" selected="">全部库存</option> <option value="0"<c:if test='${stock==0}'> selected</c:if>>已缺货</option> <option value="1"<c:if test='${stock==1}'> selected</c:if>>即将缺货</option> </select>--%> <%--模糊查询--%> <input type="text" id="searchText" name="itemName" value="${queryCondition.itemName}" title="" class="text20 medium gray"/> <input type="submit" id="goSearch" class="hand btn60x20" value="查询"/> </p>

![这里写图片描述][SouthEast 3]

根据审核条件的不同，在显示商品的url中也应该是不同的。

*  只要在遍历的时候，判断对应的状态就行了。

![这里写图片描述][SouthEast 4]

## 处理审核 ##

处理审核：使用JavaScript方法来进行控制，把item的Id传递进去和审核对应的值。

<c:if test="${item.auditStatus==0}">
            <a href="javascript:void(0);" onclick="isPass(${item.itemId}, 1)">通过</a>
            <a href="javascript:void(0);" onclick="isPass(${item.itemId}, 2)">不通过</a>
        </c:if>

审核通过和不通过总会有理由的，对于我们的理由我们使用一张表来保存的。

function isPass(itemId, auditStatus){ 
                //修改浮动层的标题
                $("#addItemNoteH2").html("商品审核");
                //清空内容
                $("#itemNote").val("");
                tipShow("#addItemNote");
                //给表单赋值
                $("#itemId").val(itemId);
                $("#myAuditStatus").val(auditStatus);
            }

使用表单来处理我们的操作。其中notes是我们弹出框的数据。

*  我们使用一个表单就可以把不同方法中的数据集合在一起，我们只要把表单提交过去就行了！

响应事件，给表单赋值，提交表单

$("#addItemNoteConfirm").click(function(){ 
                    var notes = $("#itemNote").val();
                    //给表单赋值
                    $("#notes").val(notes);
                    //提交表单
                    $("#auditForm").submit();
                });

我们是使用EB\_CONSOLE\_LOG这张数据表来保存我们后台操作的日志记录的。

表的字段如下：

![这里写图片描述][SouthEast 5]

既然我们要操作到表，我们就得逆向工厂…

![这里写图片描述][SouthEast 6]

设置主键为自动增长

<insert id="insert" parameterType="com.rl.ecps.model.EbConsoleLog" >
        insert into EB_CONSOLE_LOG (CONSOLE_LOG_ID, ENTITY_NAME, ENTITY_ID, 
          USER_ID, OP_TYPE, OP_TIME, 
          NOTES, TABLE_NAME)
        values (seqconsolelogid.nextval, #{
        entityName,jdbcType=VARCHAR}, #{
        entityId,jdbcType=DECIMAL}, 
          #{
        userId,jdbcType=DECIMAL}, #{
        opType,jdbcType=VARCHAR}, #{
        opTime,jdbcType=TIMESTAMP}, 
          #{
        notes,jdbcType=VARCHAR}, #{
        tableName,jdbcType=VARCHAR})
      </insert>

### **编写dao** ###

/** * 继承SqlSessionDaoSupport能够得到sessionFactory的引用，非常方便！ */ @Repository public class EbConsoleLogDaoImpl extends SqlSessionDaoSupport implements EbConsoleLogDao { String nameSpace = "com.rl.ecps.sqlMap.EbConsoleLogMapper."; public void saveConsoleLog(EbConsoleLog ConsoleLog) { this.getSqlSession().insert(nameSpace + "insert", ConsoleLog); } }

修改商品的属性，由于修改的状态个数是未知的，因此我们使用动态修改：

public void updateItem(EbItem ebItem) {
            this.getSqlSession().update(nameSpace + "updateByPrimaryKeySelective", ebItem);
        }

### **编写service** ###

public void updateItem(Long itemId, Short auditStatus, String notes) {
    
            //设置item的属性
            EbItem ebItem = new EbItem();
            ebItem.setItemId(itemId);
            ebItem.setAuditStatus(auditStatus);
            ebItem.setCheckerUserId((long) 222);
            ebItem.setCheckTime(new Date());
    
            //更新item
            itemDao.updateItem(ebItem);
    
            //操作日志
            EbConsoleLog ebConsoleLog = new EbConsoleLog();
            ebConsoleLog.setEntityId(itemId);
            ebConsoleLog.setEntityName("商品表");
            ebConsoleLog.setNotes(notes);
            ebConsoleLog.setOpTime(new Date());
            if(auditStatus == 1){
                ebConsoleLog.setOpType("审核通过");
            }else{
                ebConsoleLog.setOpType("审核不通过");
            }
            ebConsoleLog.setTableName("EB_ITEM");
            ebConsoleLog.setUserId(1l);
            logDao.saveConsoleLog(ebConsoleLog);
    
        }

### **controller** ###

@RequestMapping("/auditItem.do")
        public String  auditItem(Long itemId, Short auditStatus, String notes) throws IOException {
            itemService.updateItem(itemId, auditStatus, notes);
            return "redirect:listAudit.do";
        }

把商品的状态修改了，并且已经把操作记录写到数据库表中了。

![这里写图片描述][SouthEast 7]

# 上下价 #

对于上下价和审核的逻辑基本是相同的…

![这里写图片描述][SouthEast 8]

根据不同的状态给出不同的超链接：

给表单赋值

function isShow(itemId, showStatus) { 
                tipShow("#confirm");
                //给表单赋值
                $("#itemId").val(itemId);
                $("#myShowStatus").val(showStatus);
            }

在弹出框中绑定提交事件，提交表单

$("#confirmOk").click(function () { 
        $("#showForm").submit();
    });

## 编写controller和service ##

@RequestMapping("/showItem.do")
        public String  showItem(Long itemId, Short showStatus) throws IOException {
            itemService.showItem(itemId, showStatus);
            return "redirect:listItem.do";
        }

public void showItem(Long itemId, Short showStatus) {
    
            //设置item的属性
            EbItem ebItem = new EbItem();
            ebItem.setItemId(itemId);
            ebItem.setShowStatus(showStatus);
            ebItem.setCheckerUserId((long) 222);
            ebItem.setCheckTime(new Date());
    
            //更新item
            itemDao.updateItem(ebItem);
    
            //操作日志
            EbConsoleLog ebConsoleLog = new EbConsoleLog();
            ebConsoleLog.setEntityId(itemId);
            ebConsoleLog.setEntityName("商品表");
            ebConsoleLog.setOpTime(new Date());
            if(showStatus == 1){
                ebConsoleLog.setOpType("下架");
            }else{
                ebConsoleLog.setOpType("上架");
            }
            ebConsoleLog.setTableName("EB_ITEM");
            ebConsoleLog.setUserId(1l);
            logDao.saveConsoleLog(ebConsoleLog);
        }

![这里写图片描述][SouthEast 9]

[SouthEast]: /images/20210827/b24b0604f90f4a2da174ab0c3b1543ad.png
[SouthEast 1]: /images/20210827/b8f6adfee4d34548858c16a03b8f4949.png
[SouthEast 2]: /images/20210827/f8b5b3e9fc54432683c309c0609daeb7.png
[SouthEast 3]: /images/20210827/6f7ed47ced72490e98b73efd218844ce.png
[SouthEast 4]: /images/20210827/87602ce1ade84c97afed0a0de6608c8f.png
[SouthEast 5]: /images/20210827/02fd51dde9ea4912a222d9018d437403.png
[SouthEast 6]: /images/20210827/69e0d4b922e04cea8f896e668baf9342.png
[SouthEast 7]: /images/20210827/403defe0d6ca409d9e1211b31175c57c.png
[SouthEast 8]: /images/20210827/2a131aff365b4a1fa3c5bb0fc9929651.png
[SouthEast 9]: /images/20210827/a3b3e6e095ea447a830330ac1f395b12.png