學習MVC之租房網站（七）-房源管理和配圖上傳

標籤：細節   使用者登入   html   刪除資料庫   注意   png   編輯   nbsp   公司   

在上一篇<學習MVC之租房網站（六）-使用者登入和許可權控制>完成了後台使用者登入和許可權控制功能的開發，接下來要完成的是房源的管理，使用者在後台新增、編輯房源資訊，供前台使用者操作。

 

 

一 房源管理

1 房源列表的顯示和刪除比較常規，但事後也有一些需要注意的地方

a) 關於分頁，因為很多地方都會用到，於是封裝好以便統一使用。

 

為了保證輸出的html文本能被正確渲染，使用了@Html.Raw()方法，分頁資訊使用ViewBag從Controller傳遞過來，雖然ViewBag是動態類型，但用來傳遞分頁資訊還是很適合的。

 

b) 錯誤頁面也會在多個地方使用，放在shear檔案夾下，並由調用的Controller傳遞錯誤頁面要具體顯示的內容，但要注意有兩個關於View的重載

 

Error視圖要顯示model的內容，但如果直接傳遞string類型，會被識別到第二個重載上，所以要強制轉換成object。

 

c) 大量刪除時，要用js取得選中的所有ID，上網查有多種方法，這兒用的是var formData = $(‘#formList‘).serializeArray();

 

 

2 新增和編輯在業務上涉及到傢具、房屋狀態、裝修情況、戶型等資訊，涉及到的Service也較多，還會有不少下拉選項，這些資訊要用ViewModel傳遞到Get視圖。

a) 下拉框直接用HtmlHelper提供的@Html.DropDownList比較方便，能直接一行解決問題挺誘人的。

 

 

b) 入住時間要用到日期選擇控制項，這兒用了My97DatePicker。之前公司有個地方的日期控制項不好用，記得有人提到過換My97DatePicker。這兒就記錄在代碼中，供以後用時參考吧。

 

 

 

二 圖片操作

1 圖片上傳

房源資訊必然少不了房子方方面面的細節圖片，需要滿足使用者上傳房源圖片的需求。使用webuploader外掛程式，效果也挺好，支援主流的批量上傳、拖拽上傳等操作。

 

2 圖片刪除

圖片上傳後，會將圖片儲存在伺服器磁碟，並在資料庫儲存圖片的磁碟路徑，下次查看房源資訊從磁碟載入圖片。但這裡在刪除圖片時使用的策略是：只刪除資料庫的圖片路徑資訊，仍保留磁碟上的圖片檔案。

 

註：

課程內容來自如鵬網（www.rupeng.com），專註於大學生就業的線上教育平台；

ASP.NET MVC課程 http://www.rupeng.com/News/9/640.shtml

學習MVC之租房網站（七）-房源管理和配圖上傳