ASP.NET MVC4如何使用MongoDB制作相册管理
创始人
2024-11-28 10:23:43
0次

TIPS:1.Image转成Base64保存到mongodb字段
         2.数据模型是嵌套的关联 

首先定义Model层: 

 public class Photo : IEquatable
 {
  [Required]
  public string PhotoName { get; set; }


  [Required]
  public string PhotoDescription { get; set; }


  public string ServerPath { get; set; }


  public Photo() { }


  public Photo(string name, string desc)
  {
   PhotoName = name;
   PhotoDescription = desc;
  }


  public bool Equals(Photo other)
  {
   return string.Equals(PhotoName, other.PhotoName);
  }
 }
 
 
public interface IAlbumIterable
 {
  bool HasNext();
  Photo Current();
  Photo Next();
 } 
 
 
 public interface IPhotosAggregable
 {
  IAlbumIterable GetIterator();
 }


 public class AlbumIterator : IAlbumIterable
 {
  private Album collection;
  private int count;


  public AlbumIterator(Album album)
  {
   collection = album;
  }


  public Photo Current()
  {
   if (count < collection.Count)
    return collection[count++];
   else
    throw new IndexOutOfRangeException();
  }


  public bool HasNext()
  {
   if (count < collection.Count - 1)
    return true;
   else
    return false;
  }


  public Photo Next()
  {
   if (HasNext())
    return collection[++count];
   else
    throw new IndexOutOfRangeException();
  }
 } 
 public class Album : IPhotosAggregable
 {
  [BsonId]
  public ObjectId Id { get; set; }


  [Required]
  public string Name { get; set; }


  [Required]
  public string Description { get; set; }


  public string Owner { get; set; }
  public Photo TitlePhoto { get; set; }


  [BsonDateTimeOptions(Kind = DateTimeKind.Local,Representation =BsonType.DateTime)]
  public DateTime CreationTime { get; set; }
  public IList Pictures { get; set; }


  public Album() { Pictures = new List(); TitlePhoto = new Photo(); }
  public Album(string name, string owner, Photo pic)
  {
   Name = name;
   Owner = owner;
   TitlePhoto = pic;
   Pictures = new List();
   TitlePhoto = new Photo();
  }


  public bool InsertPicture(Photo pic)
  {
   if (!Pictures.Contains(pic))
   {
    Pictures.Add(pic);
    return true;
   }
   else
    throw new ArgumentException();
  }


  public bool InsertPictures(List photos)
  {
   foreach(var photo in photos)
   {
    if (!Pictures.Contains(photo))
    {
     Pictures.Add(photo);
    }
    else
     throw new ArgumentException();
   }
   return true;
  }


  public bool RemovePicture(Photo pic)
  {
    Pictures.Remove(pic);
    return true;
  }


  public int Count
  {
   get { return Pictures.Count; }
  }


  public Photo this[int index]
  {
   get { return Pictures[index]; }
   set { Pictures[index] = value; }
  }


  public IAlbumIterable GetIterator()
  {
   return new AlbumIterator(this);
  }
 }

 Services层的MongoAlbumPerformer.cs和ServerPathFinder.cs代码如下: 

 public class MongoAlbumPerformer
 {
  protected static IMongoClient client;
  protected static IMongoDatabase database;
  private static IMongoCollection collection;
  private string collectionName;

  public MongoAlbumPerformer(string databaseName, string collectionName)
  {
   
   client = new MongoClient(ConfigurationManager.ConnectionStrings["mongoDB"].ConnectionString);
   database = client.GetDatabase(databaseName);
   this.collectionName = collectionName;
   collection = database.GetCollection(collectionName, new MongoCollectionSettings { AssignIdOnInsert = true });
  }

  public void SetCollection(string collectionName)
  {
   this.collectionName = collectionName;
   collection = database.GetCollection(collectionName);
  }

  public void CreateAlbum(Album album)
  {
   var document = new Album
   {
    Name = album.Name,
    Owner = HttpContext.Current.User.Identity.Name,
    Description = album.Description,
    CreationTime = DateTime.Now,
    TitlePhoto = album.TitlePhoto,
    Pictures = album.Pictures
   };

   collection.InsertOne(document);
  }

  public List GetAlbumsByUserName(string username)
  {
   var projection = Builders.Projection
    .Include(a => a.Name)
    .Include(a => a.Description)
    .Include(a => a.TitlePhoto)
    .Include(a=>a.CreationTime);

   var result = collection
    .Find(a => a.Owner == HttpContext.Current.User.Identity.Name)
    .Project(projection).ToList();

   return result;
  }

  public Album GetPicturesByAlbumName(string albumName)
  {
   var projection = Builders.Projection
    .Include(a => a.Pictures);

   var result = collection
    .Find(a => a.Owner == HttpContext.Current.User.Identity.Name & a.Name == albumName)
    .Project(projection).FirstOrDefault();

   return result;
  }

  public void UpdateAlbumAddPhoto(string albumName, Photo photo)
  {
   var builder = Builders.Filter;
   var filter = builder.Eq(f => f.Name, albumName) & builder.Eq(f => f.Owner, HttpContext.Current.User.Identity.Name);
   var result = collection.Find(filter).FirstOrDefault();

   if (result == null)
    throw new ArgumentException("No album of supplied name: {0}", albumName);
   else
   {
      var picture = new Photo
      {
       PhotoName = photo.PhotoName,
       PhotoDescription = photo.PhotoDescription,
       ServerPath = photo.ServerPath,
      };

      var update = Builders.Update.Push(a => a.Pictures, picture);
      collection.UpdateOne(filter, update, new UpdateOptions { IsUpsert=true });
   }
  }

  public void DeletePhotoFromAlbum(string albumName, string photoName)
  {
   var builder = Builders.Filter;
   var filter = builder.Eq(f => f.Name, albumName) & builder.Eq(f => f.Owner, HttpContext.Current.User.Identity.Name);
   var result = collection.Find(filter).SingleOrDefault();

   if (result == null)
    throw new ArgumentException("No album of supplied name: {0}", albumName);
   else
   {
    var update = Builders.Update
     .PullFilter(a => a.Pictures, Builders.Filter.Eq(p => p.PhotoName, photoName));
    long count = collection.UpdateOne(filter, update).MatchedCount;
   }
  }
 }public class ServerPathFinder
 {
  public string GetBase64ImageString(HttpPostedFileBase file)
  {
   string mime = Regex.Match(file.ContentType, @"(?<=image/)\w+").Value;
   byte[] bytes = new byte[file.ContentLength];
   file.InputStream.Read(bytes, 0, file.ContentLength);
   return string.Format("data:image/{0};base64,{1}",mime, Convert.ToBase64String(bytes));
  }
 }

AlbumController.cs代码如下: 

 public class AlbumController : Controller
 {
  MongoAlbumPerformer mongod = new MongoAlbumPerformer("test","albums");

  [HttpPost]
  public ActionResult AlbumPreview(Photo model, HttpPostedFileBase file, string albumName, string delete, string phot)
  {
   if (delete == "false")
   {
    if (file != null)
    {
     if (!file.ContentType.StartsWith("image"))
     {
      ModelState.AddModelError("file", "选择正确的格式照片!");
     }
     else
     {
      ServerPathFinder finder = new ServerPathFinder();
      model.ServerPath = finder.GetBase64ImageString(file);
     }

     if (ModelState.IsValid)
     {
      mongod.UpdateAlbumAddPhoto(albumName, model);
      ModelState.Clear();
     }
    }
   }
   else
   {
    mongod.DeletePhotoFromAlbum(albumName, phot);
    foreach(var error in ModelState.Values)
    {
     error.Errors.Clear();
    }
   }
   ViewBag.AlbumTitle = albumName;
   ViewBag.PhotoList = mongod.GetPicturesByAlbumName(albumName).Pictures;

   return View();
  }

  public ActionResult AlbumPreview(string Name)
  {
   var album = mongod.GetPicturesByAlbumName(Name);
   ViewBag.AlbumTitle = Name;
   ViewBag.PhotoList = album.Pictures;

   return View();
  }

  [HttpPost]
  public ActionResult Create(Album model, HttpPostedFileBase file)
  {
   if (!file.ContentType.StartsWith("image"))
   {
    ModelState.AddModelError("file", "选择正确的格式照片!");
   }
   else
   {
    ServerPathFinder finder = new ServerPathFinder();
    model.TitlePhoto.ServerPath = finder.GetBase64ImageString(file);    
   }

   if (ModelState.IsValid)
   {
    model.Owner = HttpContext.User.Identity.Name;
    mongod.CreateAlbum(model);
   }
   var albums = mongod.GetAlbumsByUserName(HttpContext.User.Identity.Name);
   ViewBag.Albums = albums;

   return View();
  }

  public ActionResult Create()
  {
   var albums = mongod.GetAlbumsByUserName(HttpContext.User.Identity.Name);
   ViewBag.Albums = albums;
   return View();
  }
 }

部分view视图:
 Create.cshtml 

@{
 ViewBag.Title = "Create";
}

我的相册

@Html.Partial("_MyAlbums", (List)ViewBag.Albums) @using (Html.BeginForm("Create", "Album", FormMethod.Post, new { enctype = "multipart/form-data" }))  {  @Html.AntiForgeryToken()       
创建新相册: 
     @Html.ValidationSummary(true, "", new { @class = "text-danger" })       @Html.LabelFor(model => model.Name, htmlAttributes: new { @class = "control-label col-md-2" })         @Html.EditorFor(model => model.Name, new { htmlAttributes = new { @class = "form-control" } })     @Html.ValidationMessageFor(model => model.Name, "", new { @class = "text-danger" })    
  
      @Html.LabelFor(model => model.Description, htmlAttributes: new { @class = "control-label col-md-2" })         @Html.EditorFor(model => model.Description, new { htmlAttributes = new { @class = "form-control" } })     @Html.ValidationMessageFor(model => model.Description, "", new { @class = "text-danger" })    
  
      @Html.LabelFor(model => model.TitlePhoto, htmlAttributes: new { @class = "control-label col-md-2" })              @Html.ValidationMessage("file",new { @class = "text-danger" })    
  
                  
  
 
} @section scripts{  @Scripts.Render("~/bundles/jqueryval")     $('img').click(function (data) {   });   }AlbumPreview.cshtml  @{  ViewBag.Title = "AlbumPreview"; } @using (Html.BeginForm("AlbumPreview", "Album", FormMethod.Post, new { enctype = "multipart/form-data"})) {  @Html.AntiForgeryToken()  {Html.RenderPartial("_Preview", (List)ViewBag.PhotoList);}        
添加新的照片:
     @Html.ValidationSummary(true, "", new { @class = "text-danger" })       @Html.LabelFor(model => model.PhotoName, htmlAttributes: new { @class = "control-label col-md-2" })         @Html.EditorFor(model => model.PhotoName, new { htmlAttributes = new { @class = "form-control" } })     @Html.ValidationMessageFor(model => model.PhotoName, "", new { @class = "text-danger" })    
  
      @Html.LabelFor(model => model.PhotoDescription, htmlAttributes: new { @class = "control-label col-md-2" })         @Html.EditorFor(model => model.PhotoDescription, new { htmlAttributes = new { @class = "form-control" } })     @Html.ValidationMessageFor(model => model.PhotoDescription, "", new { @class = "text-danger" })              选择照片:              @Html.ValidationMessage("file", new { @class = "text-danger" })                                   } @section scripts{  @Scripts.Render("~/bundles/jqueryval")     $(document).ready(function () {    var elements = document.getElementsByClassName("btn btn-xs btn-warning cancel");    for (var i = 0, len = elements.length; i < len; i++) {     elements[i].addEventListener("click", function () {      $('#delete').val(true);      var name = $(this).attr("id");      $('#phot').val(name);      $('#' + name).click();     });    }   })   }_Preview.cshtml  @{  ViewBag.Title = "_Preview"; }

Album @ViewBag.AlbumTitle

@foreach (var photo in Model) {           @Html.DisplayNameFor(phot=>phot.PhotoName): @photo.PhotoName   @photo.PhotoDescription   }

运行项目结果如图:

首页创建相册:

ASP.NET MVC4如何使用MongoDB制作相册管理

《车》相册下的图片示例,可以增加图片,删除图片

ASP.NET MVC4如何使用MongoDB制作相册管理

《QQ》相册下的图片示例

ASP.NET MVC4如何使用MongoDB制作相册管理

mongodb数据存储结构图:

ASP.NET MVC4如何使用MongoDB制作相册管理

相关内容

热门资讯

空调连续工作多久需要停机休息 空调连续工作的时间取决于多个因素,包括空调的型号、功率、使用环境和维护情况等。一般来说,空调可以连续...
空调哪个符号是除湿的 空调除湿功能通常用一个水滴形状的符号表示。不同品牌和型号的空调遥控器可能会有所差异,但一般来说,除湿...
格力空调多长时间加一次氟利昂 1、一般情况下,空调对氟利昂的使用量是非常小的,所以在空调使用了四年左右的时候再考虑加也没问题。2、...
空调用多长时间需要加氟一次 一般情况下是五年。当出现以下这几种情况时,空调才需要加氟。1、空调的室内机和室外机各有两个接口,当接...
格调生活·C标思享荟:卡萨帝在... 9月12日的郑州龙湖金融岛,夜风轻拂,灯光璀璨。“C标时刻共传奇——卡萨帝思享荟暨20周年品牌盛典郑...
品牌价值破千亿、高端份额持续领... 9月12日,“C标时刻共传奇——卡萨帝思享荟暨20周年品牌盛典郑州站”在郑州龙湖金融岛举办。2026...
空调主板坏了修800还是换新的 空调主板坏了是修还是换新,需要考虑多个因素,以下是一些建议:1. 维修成本:如果维修费用较低,比如 ...
空调开多久需要休息多长时间 问题:空调开多久需要休息多长时间回答:1、在使用空调的过程中,一般空调开7~8个小时左右需要休息2~...
中央空调多长时间清洗一次 1、一般空调开机前清洗一次即可,空调开机中间时段再清洗一次,空调关机时清洗一次,这样比较合理。2、空...
中央空调氟利昂多久加一次 看空调制热和制冷程度,很多人的观点认为氟利昂必须一年放一次,其实这个观点是错误的,理解上面有点偏差,...