学习MVC之租房网站（七）-房源管理和配图上传

在上一篇<学习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