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

1.菜單

     在Bootstrap中構(gòu)建一個菜單是一件非常容易的事情。因為有專門的菜單管理，所以相比以前做過的菜單相對來說就輕松的多。只需要點開菜單管理，進(jìn)行需求菜單的添加。如下圖所示：

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

2.上傳圖片

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

問題一：

      因為我是總共要上傳三張圖片，遇到的問題是每一次上傳都上傳成功了，可是數(shù)據(jù)庫里的數(shù)據(jù)永遠(yuǎn)保存的最后一條的記錄。最終發(fā)現(xiàn)發(fā)現(xiàn)方法的參數(shù)寫錯了。本來調(diào)用的是根據(jù)多個屬性刪除對象實體，結(jié)果發(fā)現(xiàn)在方法的參數(shù)里寫了兩個參數(shù)new String[] { "type", "typeId" }，就是第二個參數(shù)typeId導(dǎo)致每次刪除的都是用戶的所有記錄。最終改為new String[] { "type", "imgId" }，將第二個參數(shù)改為imgId每次根據(jù)圖片的類型刪除。每次改變只是改變相對應(yīng)的圖片，避免了將同一個用戶的所有圖片都刪除。

問題二：

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

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

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