ASP.NET MVC4使用MongoDB制作相冊(cè)管理

當(dāng)前位置：首頁(yè) > 范文|應(yīng)用文 > IT技術(shù)專欄 > 網(wǎng)絡(luò)編程

來(lái)源：易賢網(wǎng) 閱讀：1200 次日期：2016-08-05 14:43:06

溫馨提示：易賢網(wǎng)小編為您整理了“ASP.NET MVC4使用MongoDB制作相冊(cè)管理”,方便廣大網(wǎng)友查閱！

這篇文章主要介紹了ASP.NET MVC4使用MongoDB制作相冊(cè)管理的相關(guān)資料，感興趣的小伙伴們可以參考一下

ASP.NET MVC4使用MongoDB制作相冊(cè)管理實(shí)例分享

TIPS:1.Image轉(zhuǎn)成Base64保存到mongodb字段

2.數(shù)據(jù)模型是嵌套的關(guān)聯(lián)

首先定義Model層:

public class Photo : IEquatable<Photo>

{

[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<Photo> Pictures { get; set; }

public Album() { Pictures = new List<Photo>(); TitlePhoto = new Photo(); }

public Album(string name, string owner, Photo pic)

{

Name = name;

Owner = owner;

TitlePhoto = pic;

Pictures = new List<Photo>();

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<Photo> 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<Album> 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<Album>(collectionName, new MongoCollectionSettings { AssignIdOnInsert = true });

}

public void SetCollection(string collectionName)

{

this.collectionName = collectionName;

collection = database.GetCollection<Album>(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<Album> GetAlbumsByUserName(string username)

{

var projection = Builders<Album>.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<Album>(projection).ToList();

return result;

}

public Album GetPicturesByAlbumName(string albumName)

{

var projection = Builders<Album>.Projection

.Include(a => a.Pictures);

var result = collection

.Find(a => a.Owner == HttpContext.Current.User.Identity.Name & a.Name == albumName)

.Project<Album>(projection).FirstOrDefault();

return result;

}

public void UpdateAlbumAddPhoto(string albumName, Photo photo)

{

var builder = Builders<Album>.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<Album>.Update.Push(a => a.Pictures, picture);

collection.UpdateOne(filter, update, new UpdateOptions { IsUpsert=true });

}

public void DeletePhotoFromAlbum(string albumName, string photoName)

{

var builder = Builders<Album>.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<Album>.Update

.PullFilter(a => a.Pictures, Builders<Photo>.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<Album>)ViewBag.Albums)

@using (Html.BeginForm("Create", "Album", FormMethod.Post, new { enctype = "multipart/form-data" }))

{

@Html.AntiForgeryToken()

<h4>創(chuàng)建新相冊(cè)： </h4>

<hr />

@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" })

</div>

@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" })

</div>

@Html.LabelFor(model => model.TitlePhoto, htmlAttributes: new { @class = "control-label col-md-2" })

@Html.ValidationMessage("file",new { @class = "text-danger" })

</div>

</div>

}

@section scripts{

@Scripts.Render("~/bundles/jqueryval")

$('img').click(function (data) {

});

</script>

}AlbumPreview.cshtml

ViewBag.Title = "AlbumPreview";

}

@using (Html.BeginForm("AlbumPreview", "Album", FormMethod.Post, new { enctype = "multipart/form-data"}))

{

@Html.AntiForgeryToken()

{Html.RenderPartial("_Preview", (List<Photo>)ViewBag.PhotoList);}

<br />

<h4>添加新的照片：</h4>

<hr />

@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" })

</div>

@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" })

</div>

@Html.ValidationMessage("file", new { @class = "text-danger" })

</div>

</div>

}

@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();

});

}

})

</script>

}_Preview.cshtml

ViewBag.Title = "_Preview";

}

<h2>Album <span style="color:royalblue;font-style:italic">@ViewBag.AlbumTitle</span></h2>

@foreach (var photo in Model)

{

<label style="text-align:center;width:100%">@Html.DisplayNameFor(phot=>phot.PhotoName): @photo.PhotoName</label>

<label style="text-align:center;width:100%;font-weight:100">@photo.PhotoDescription</label>

</div>

}

</div>

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助

更多信息請(qǐng)查看網(wǎng)絡(luò)編程

上一篇：ADO.NET制做一個(gè)登錄案例

下一篇：VS2015 update2安裝歷程

易賢網(wǎng)手機(jī)網(wǎng)站地址：ASP.NET MVC4使用MongoDB制作相冊(cè)管理

由于各方面情況的不斷調(diào)整與變化，易賢網(wǎng)提供的所有考試信息和咨詢回復(fù)僅供參考，敬請(qǐng)考生以權(quán)威部門公布的正式信息和咨詢?yōu)闇?zhǔn)！

相關(guān)閱讀網(wǎng)絡(luò)編程

Shell中如何刪除文本比較長(zhǎng)的行的實(shí)現(xiàn)方法10月30日

vue.js語(yǔ)法及常用指令10月30日

python 讀寫中文json的實(shí)例詳解10月30日

Objective-C Json 實(shí)例詳解10月30日

bootstrap table sum總數(shù)量統(tǒng)計(jì)實(shí)現(xiàn)方法10月30日

python生成二維碼的實(shí)例詳解10月30日

Python批量更改文件名的實(shí)現(xiàn)方法10月30日

解決出現(xiàn)Incorrect integer value的問(wèn)題10月30日

jQuery實(shí)現(xiàn)切換隱藏與顯示同時(shí)切換圖標(biāo)功能10月30日

docker python api 安裝配置的詳解10月30日

javascript按鈕禁用和啟用的效果實(shí)例代碼10月30日

vue.js todolist實(shí)現(xiàn)代碼10月30日

vue.js 父向子組件傳參的實(shí)例代碼10月30日

apache 開(kāi)啟重定向 rewrite的實(shí)現(xiàn)方法10月30日

Vue.js劃分組件的方法10月30日

python logging日志模塊的詳解10月30日

vue中的scope使用詳解10月30日

docker cgroup 資源監(jiān)控的詳解10月30日

使用Android Studio 開(kāi)發(fā)自己的SDK教程10月23日

linux系統(tǒng)下MongoDB單節(jié)點(diǎn)安裝教程10月23日

易賢網(wǎng)移動(dòng)網(wǎng)站

2026上岸·考公考編培訓(xùn)報(bào)班

報(bào)班類型
姓名
手機(jī)號(hào)
驗(yàn)證碼

茄子在线看片免费人成视频,午夜福利精品a在线观看,国产高清自产拍在线观看,久久综合久久狠狠综合