? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?圖片藝廊管理網站說明

• 數據庫設計：

主要由三張表：用戶表、圖片表、用戶圖片對應關系表。

• 用戶表：

主要字段如下：

用戶ID ????整型 ???主鍵 ???自增長；

用戶姓名 ??字符型 ?；

用戶密碼 ??字符型 ?；

• 文件表：

?主要字段如下：

文件ID ????整型 ???主鍵 ???自增長；

????????文件名 ????字符型；

????????文件類別 ??字符型；

• 用戶圖片對應關系表：

??主要字段如下：

?????????文件ID ???整形；

?????????用戶姓名 ??字符型；

?????????主鍵（文件ID，用戶姓名）;

?????????外鍵 文件ID參照文件表（文件ID），用戶姓名參照用戶表（用戶姓名）；

• ?網站設計前端與后端設計

???????????本網站后端主要是由dao層、filter層、javaBean層、servletHandle層、untilBean層組成，前端主要是由css層、error層、images層、personalIndex層、index.jsp、regist.Jsp組成。

后端詳細說明：

dao層：存放操作數據庫java類，主要組成如下。

????ImageDao：實現對Image表的增刪改查功能，涉及到與user_file表的組合查詢，和數據庫分頁技術.

userDao：實現對user表的增刪改查功能，涉及到與user_file表的組合查詢。

Filter層：用來處理REQUEST、FORWARD對JSp、servlet發起的每一次請求或請求轉發的過濾，用來重新設置，請求與響應的contenType和編碼，防止JSp、servlet之間轉發、重定向時而會引起亂碼的現象。

javaBean層：這里要是實體bean：UserBean、IamgeBean與關系Bean：User_iamgeBean。用來dao層向servlet層傳數據時對數據進行包裝。

servletHandle層：用來向前臺發送數據，處理各種業務邏輯。

AddImageServlet:處理頁面增加圖片的請求，向數據庫中插入記錄，并向jsp返回結果

deleteImageServlet:處理頁面刪圖片的請求，向數據庫中刪除記錄，并向jsp返回結果

LoginImageServlet:處理頁面加載圖片的請求，從數據庫中獲取記錄，并向jsp返回結果

UpdateUserPass:處理頁面修改密碼的請求，向數據庫中修改記錄，并向jsp返回結果

UserLoginServlet:處理頁面加載用戶的請求，從數據庫中獲取記錄，并向jsp返回結果

UserRegistServlet:處理頁面注冊用戶的請求，向數據庫中插入記錄，并向jsp返回結果

untilBean層:采用工廠設計模式寫了一個對數據庫操作的工具類；主要是數據庫的鏈接和操作數據庫的靜態方法。

前端詳細說明：

css層:主要是存放JSP頁面的css樣式表，每一張jsp對應一張樣式表

Error層：用來存放404（服務器找不到請求的網頁）與500（服務器內部錯誤）發生時，所展示圖片，當服務器錯誤時來給用戶以更好地體驗效果。

images層:用來存放jsp頁面上所用到的圖片。

personalIndex層：主要是存放網頁主頁上jsp，和img層；詳細說明如下：

???AddImage.jsp：增加圖片的界面

???PersonalIndex.jsp：用戶主頁，照片展示頁面

Update Pass.jsp:用戶修改密碼界面

Img層：用來存放用戶所上傳的圖片。

index.jsp:登陸界面

Regist.jsp:注冊界面

?

• 網站制作過程遇到的困難

在網頁制作過程中，涉及到各種差錯處理、頁面加載數據等等：例如用戶名為空、用戶名密碼不匹配、加載數據失敗等等一系列錯誤信息和圖片鏈表等數據該如何在JSP中顯示，首先鏈表的顯示就要用到循環語句，而java老師常說jsp中盡量不要嵌入java代碼。

于是我就想到了用EL表達式，而循環控制用到java標準標簽庫相關知識；又因為Servlet層向jsp層傳的參數作用在不同的范圍有session層、request層的數據，而el表達式恰好很方便的能解決這些問題。

在制作過程中，由于要求用到數據庫分頁技術，那么這將涉及到大量的數據，這些數據該如何展示，第一次想到的是頁面分頁展示，卻又對如何分頁展示沒有頭緒。

???經歷過大量試探之后，想到了一個數據庫分頁展示的方法，第一次加在數據的時候；首先將查詢的結果集緩存到本地，用CachedRowSet將rs中的數據取出來，規定好一頁15條記錄。采用分頁查詢獲取記錄的前15條；封裝成對象鏈表，向前臺傳入傳入鏈表并展示。當點擊下一頁的時候。從servlet層取出第二頁數據并展示，中間涉及到很多差錯控制邏輯。

網頁制作過程中有時遇到亂碼問題。比如用response.getWriter()方法展示一些文字就會亂碼，每次都要設置request的編碼，和response的contenType很麻煩。

于是就想到了用過濾器來過濾每一次請求，并為其設置編碼格式；和resonpse的contentType。

網頁圖片上很多的類別，剛開始不知道該如何按類別來加載這些圖片，如何在servlet層處理這些邏輯。

???最后處理是在IamgeDao中增加一個按類別、按用戶名加載圖片的方法，在servlet層進行調用，根據a鏈接傳來的參數來加載圖片數據傳到jsp層。

?

注意：演示視頻中需要大量的數據需要插入數據庫。請先把personal/Img文件中存在的圖片全部刪除后在進行操作！

?

注：工程源碼已上傳至csdn

總結

以上是生活随笔為你收集整理的web基础编程-图片管理网站的全部內容，希望文章能夠幫你解決所遇到的問題。

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