码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2017-05-12 00:19:58      阅读:172      评论:0      收藏:0      [点我收藏+]

标签:细节   用户登录   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之租房网站(七)-房源管理和配图上传

标签:细节   用户登录   html   删除数据库   注意   png   编辑   nbsp   公司   

原文地址:http://www.cnblogs.com/zhixin9001/p/6842913.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!