---

tags: 移動商城項目

---

查看品牌

上一篇中我們已經可以順利添加商品了，一般地，我們添加完商品之后會跳轉到我們的查看商品的頁面上...

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"/>復制代碼

<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> 復制代碼

編輯品牌

一般地，我們的品牌名稱是不會輕易變更的，因此我們在編輯的時候默認不讓它變更。

我們有兩種方式讓用戶修改不了

• disable
• readonly

一般地，我們都是使用readonly，因為使用disable的話，后臺是獲取不到值的

在更新的時候，注意要把id和我們的圖片值傳遞過去，好讓它修改

<input type='hidden' id='imgs' name='imgs' value="${brand.imgs }" reg2="^.+$" tip="親！您忘記上傳圖片了。"/><input type="hidden" name="brandId" value="${brand.brandId }"> 復制代碼

刪除品牌

在刪除品牌之前，詢問是否要刪除

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> 復制代碼 function tipShow(idName){var idObj = $(idName);var idBgObj = $("#bgWindow");if(idBgObj.length == 0){var iframe,div;div = $("<div></div>");div.attr({id:"bgWindow",style:"display:none"});iframe = $("<iframe></iframe>");iframe.attr({id:"bgWindowIframe",src:"about:blank",marginwidth:"0",marginheight:"0",frameBorder:"no",framespacing:"0",allowtransparency:"true"});div.append(iframe);$(document.body).append(div);idBgObj = $("#bgWindow"); }var winH = $(window).height();var docH = $(document.body).height();if(winH > docH){docH = winH;}var winW = $(window).width();var docW = $(document.body).width();if(winW > docW){docW = winW;}var scrollH = $(document).scrollTop();if(scrollH == undefined){scrollH = 0}//alert(idObj.height());var t = parseInt((winH - idObj.height())/2);if(idObj.css("position") == "absolute"){t = t + scrollH;}if(t != parseInt(idObj.css("top"))){idObj.css("top",t);}var l = parseInt((winW - idObj.width())/2);if(l < 0){l = 0;}if(l != parseInt(idObj.css("left"))){idObj.css("left",l);}if(docW != parseInt(idBgObj.css("width"))){idBgObj.css("width",docW);}if(docH != parseInt(idBgObj.css("height"))){idBgObj.css("height",docH);idBgObj.find("iframe").css("height",docH);}idBgObj.show();idObj.show();window.onresize = function(){if(idObj.css("display") == "block"){tipShow(idName);}};window.onscroll = function(){if(idObj.css("display") == "block"){tipShow(idName);}};var close = idName + "Close";var reset = idName + "Reset";var ok = idName + "Ok";if($(close).length == 1){$(close).click(function(){tipHide(idName);});}if($(reset).length == 1){$(reset).click(function(){tipHide(idName);});}if($(ok).length == 1){$(ok).click(function(){tipHide(idName);});} }復制代碼

如果校驗沒有問題，那么就彈出模態窗口

if(isSubmit) {showTip("#refundLoadDiv"); } 復制代碼

---

總結

• 圖片服務器的路徑我們可以自定義在總配置文件中，需要用的時候直接使用EL表達式來獲取就行了。
• 對于更新品牌而言，我們品牌的名字一般是不會有太大的變更的，因此我們可以設置為readonly
• 編輯品牌時，記得要把id和圖片的相對路徑給帶過去給服務器。不然就丟失了。
• 在刪除品牌之前，做一個認證框，會相對好一些。

如果您覺得這篇文章幫助到了您，可以給作者一點鼓勵

總結

以上是生活随笔為你收集整理的移动商城第五篇【查看、删除、编辑品牌】的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。