第一次接觸Bootstrap框架，特別生疏。但是在慢慢了解了之后會(huì)發(fā)現(xiàn)bootstrap是一個(gè)前端的技術(shù)框架。結(jié)合了JQuery從而實(shí)現(xiàn)了非常豐富、美觀的界面效果。此次項(xiàng)目是基于Spring MVC模式下。

1.菜單

     在Bootstrap中構(gòu)建一個(gè)菜單是一件非常容易的事情。因?yàn)橛袑ｉT的菜單管理，所以相比以前做過(guò)的菜單相對(duì)來(lái)說(shuō)就輕松的多。只需要點(diǎn)開(kāi)菜單管理，進(jìn)行需求菜單的添加。如下圖所示：

        添加完菜單之后還不能顯示，因?yàn)闆](méi)有為菜單分配權(quán)限。接下來(lái)在角色權(quán)限管理里面為菜單進(jìn)行授權(quán)。之后用授權(quán)過(guò)的賬戶進(jìn)行登錄就可以看見(jiàn)剛才所添加的菜單。

2.上傳圖片

     上傳圖片費(fèi)了好久才完成。開(kāi)始以為上傳圖片功能已經(jīng)做成功了。但是回過(guò)頭看的時(shí)候才發(fā)現(xiàn)是有問(wèn)題的。

問(wèn)題一：

      因?yàn)槲沂强偣惨蟼魅龔垐D片，遇到的問(wèn)題是每一次上傳都上傳成功了，可是數(shù)據(jù)庫(kù)里的數(shù)據(jù)永遠(yuǎn)保存的最后一條的記錄。最終發(fā)現(xiàn)發(fā)現(xiàn)方法的參數(shù)寫錯(cuò)了。本來(lái)調(diào)用的是根據(jù)多個(gè)屬性刪除對(duì)象實(shí)體，結(jié)果發(fā)現(xiàn)在方法的參數(shù)里寫了兩個(gè)參數(shù)new String[] { "type", "typeId" }，就是第二個(gè)參數(shù)typeId導(dǎo)致每次刪除的都是用戶的所有記錄。最終改為new String[] { "type", "imgId" }，將第二個(gè)參數(shù)改為imgId每次根據(jù)圖片的類型刪除。每次改變只是改變相對(duì)應(yīng)的圖片，避免了將同一個(gè)用戶的所有圖片都刪除。

問(wèn)題二：

     上傳成功后怎么都顯示不到頁(yè)面。問(wèn)題是之前的做法是只上傳一張圖片，每次上傳后的圖片路徑保存到filePath里，然而現(xiàn)在變成上傳三張圖片后每一次上傳的圖片路徑都會(huì)保存到filePath里，也就是說(shuō)第二次上傳的圖片路徑每次都會(huì)覆蓋上一次的路徑，因此三張圖片在頁(yè)面的顯示效果永遠(yuǎn)都是同一張照片。

      最終在要顯示的頁(yè)面里從attachment表里面將用戶對(duì)應(yīng)所上傳的圖片顯示在頁(yè)面，這樣就避免了filePath里只能保存一個(gè)路徑的問(wèn)題！

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

最新評(píng)論