移动商城第五篇【查看、删除、编辑品牌】

矫情吗；* 2021-09-17 07:38 284阅读 0赞

# 查看品牌 #

上一篇中我们已经可以顺利添加商品了，一般地，**我们添加完商品之后会跳转到我们的查看商品的页面上**…

Contoller拿到数据库中的数据

@RequestMapping("/listBrand.do")
        public String  listBrand(Model model) throws IOException {
            List<EbBrand> brandList = ebBrandService.selectBrand();
            model.addAttribute("brandList", brandList);
            return "item/listbrand";
        }

把文件服务器的路径添加到总配置文件中

<c:set var="file_path" value="http://localhost:8081/file"/>

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

<c:forEach items="${brandList}" var="brand">
                <tr>
                    <td>${brand.brandId}</td>
                    <td>
                        <%--这里需要图片的全路径，最好我们把前部分的路径在配置文件中写起来--%>
                        <img id='imgsImgSrc' src="${file_path}${brand.imgs}" height="50" width="50"/></td>
                    <td>${brand.brandName}</td>
                    <td class="nwp">${brand.website}</td>
                    <td class="nwp">${brand.brandDesc}</td>
                    <td>${brand.brandSort}</td>
                    <td>
                        <a href="${path }/shop/item/editbrand.jsp?brandId="${brand.brandId}>编辑</a>
                        <a href="#" onclick="singleDel(${brand.brandId})">删除</a>
                    </td>
                </tr>
            </c:forEach>

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

# 编辑品牌 #

一般地，我们的品牌名称是不会轻易变更的，因此我们在编辑的时候默认不让它变更。

我们有两种方式让用户修改不了

*  disable
 *  **readonly**

一般地，**我们都是使用readonly，因为使用disable的话，后台是获取不到值的**

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

在更新的时候，注意要把id和我们的图片值传递过去，好让它修改

# 删除品牌 #

在删除品牌之前，询问是否要删除

function singleDel(brandId){ 
            if(confirm("你确认要删除该品牌吗?")){
                window.location.href = "${path}/brand/deleteBrand.do?brandId="+brandId;
            }
        }

# 添加品牌优化 #

有的时候，可能因为我们的网络原因，用户填写完表单的时候，可能会多次发送添加品牌的请求，因此我们可以使用模态窗口来阻止这种情况的发生：

<%--操作请求中--%>
    <div id="refundLoadDiv" class="alt" style="display:none">
        <div class="t"></div>
        <div class="c set">
            <ul class="uls">
                <li style="text-align:center;">
                    <img src="<c:url value='/ecps/console/res/imgs/loading.gif'/>" />操作请求中... ...
                </li>
            </ul>
        </div>
        <div class="f"></div>
    </div>

如果校验没有问题，那么就弹出模态窗口

if(isSubmit) {
        showTip("#refundLoadDiv");
    }

--------------------

[SouthEast]: /images/20210827/825997d019a943c8bad42a0c168dc3d4.png
[SouthEast 1]: /images/20210827/b52a0581f99e44fcb02e10c305fd375a.png
[SouthEast 2]: /images/20210827/5af64fbee80f4257b2b7eb4a62ab335c.png