广告位是网站中必不可少的内容之一,也是能直接给我们网站带来经济收益的内容之一。好的广告位不仅不会强宾压主,而会为我们的网站锦上添花,起到画龙点睛的作用,因此设计好广告位也是开发过程中一大重要环节。
最近在做一个珠宝检测站的项目,其中管理页面就涉及到了广告位管理,之前项目中也有不少有广告位的,但都不是自己负责。其大致思路就是要从管理页面上传相应的图片,并且要保存到数据库,然后从所有上传过的图片中选择一张显示到网站首页。原理并不太难,但是鉴于性能问题,我们只需要数据库保存图片的路径即可。
重点是在MVC+WCF这样的框架之下,可能稍微有点难度,经过网上博友的分享以及团队内交流,实现了最基本的上传和保存数据库功能。网站首页有五个广告位,由于广告位的位置以及尺寸不同,当然收费标准也是不一样的,哈哈~~我们初步设计每一个广告位有单独的管理单元,我的具体实现是广告位的管理页面有五个Datagrad,每个表格用来显示数据库中保存的本类广告位的图片路径以及相应信息。
如下图:
表格中显示数据库所有数据,通过操作是否显示列的单选按钮来确定首先显示哪一张广告图片。(需要把单选按钮的name属性统一命名,整个表格的单选按钮设为一组)
这里我们重点说的就是文件上传,为什么只在数据库保存路径而不直接保存图片呢?首先这是大多数开发人员的做法,其次从一定程度上保存路径要比图片性能高一些。我实在MVC中实现的,话不多说,直接上代码。
View
<h2>上传文件</h2>
@using(Html.BeginForm("FileUpLoad","AdvertisementManage",FormMethod.Post,new{enctype="multipart/form-data"}))
{
<br />
@*输入赞助商名称*@<input type="text" name="AdvertisementName" />
@*上传文件*@<input type="file" name="file" />
@*提交*@<input type="submit" name="UploadFile" />
}
Controller
public ActionResult FileUpLoad()
{
HttpPostedFileBase file = Request.Files["file"];//获得上传文件
//判断文件内容是否为空
if (file != null)
{
string filePath = Path.Combine(HttpContext.Server.MapPath("../images"), Path.GetFileName(file.FileName)); //设置文件保存路径
file.SaveAs(filePath);//将文件保存到filePath路径下
Guid g = new Guid("6dc3f7db-f038-4c48-9564-0ac52e0e29c1");
//实例化viewmodel,给属性赋值
AdvertisementManageViewModel advertisement=new AdvertisementManageViewModel();
advertisement .AdvertisementID=System.Guid.NewGuid();
advertisement.AdvertisementName = Request.Form["AdvertisementName"];
advertisement.AdvertisementUrl = filePath;
advertisement.TimeStamp = DateTime.Now;
advertisement.UserID = g;
advertisement.IsEnable = 0;
var service = ServiceFactory.GetService();//声明WCF服务
var s = service.AddAdvertisement(advertisement);//调用服务端的添加方法,将广告内容保存到数据库
//如果保存成功,返回FileUpLoad视图
if (true)
{
return RedirectToAction("FileUpLoad", "AdvertisementManage");
}
}
else
{
//return Content("<script>alert('上传失败!')</script>");
return View();
}
}
效果图
以上这些都是目前实现的功能,样式上和逻辑上都需要优化,简单的原理分享给大家,有不足之处请批评指正。