EF 4.1+MVC3+Jquery Ajax+Json.Net+JqueryUI+IUnitOfWork+Repository 学习DEMO(暂停更新)

简介:

学习项目进行中,持续更新。

SyntaxHighlighter貌似在2011wlw里报错,无法着色。

EF记得在我搞Linq2Sql不久就放出声音出来了,说有多么多么好。

记得早先版本里尝鲜的时候我一看到那坨xml就恶心,也就没心情接着玩了。

没办法Linq2Sql里的xml就被它搞的死去活来,哎,过渡产品哭泣的脸

本来想凭着Linq2Sql的经验不看介绍直接玩,完了,托大了,几个小时一直返回“no ProviderManifestToken  string …”

好吧,认真看ADO TEAM BLOG的文章,太不负责任了,说详细点会死啊,“痛苦并快乐着”。

接着看看ScottGu,还是老大负责,烧香,行礼~

EF版本更新也太快了,不过真的是越来越方便了,要跟上时代。

毫不犹豫地选择Code-Fist 方向,一路凯歌前进。

先贴上Entity 代码:

 
  1:     [DataContract]
  2:     public class BlogArticle
  3:     {
  4:         [Key]
  5:         [Required]
  6:         [DataMember]
  7:         public int BlogAritcleID { get; set; }
  8: 
  9:         [Required(ErrorMessage="博客标题不可以为空!")]
 10:         [StringLength (256,ErrorMessage="博客标题最长不超过256个字符。")]
 11:         [DataMember]
 12:         public string Title { get; set; }
 13: 
 14:         [Required(ErrorMessage="博客文章不可以为空!")]
 15:         [StringLength(25600,ErrorMessage="博客标题最长不超过25600个字符。")]
 16:         [DataMember]
 17:         public string Article { get; set; }
 18: 
 19:         [Required]
 20:         [DataMember]
 21:         public int BlogCategoryID { get; set; }
 22: 
 23:         [Required]
 24:         [DataMember]
 25:         public DateTime PublishDate { get; set; }
 26: 
 27:         [Required]
 28:         [DataMember]
 29:         public DateTime UpdateDate { get; set; }
 30: 
 31:        
 32:         public virtual BlogCategory BlogCategory { get; set; }
 33:     }
 34:     [DataContract]
 35:     public class BlogCategory
 36:     {
 37:         [Key]
 38:         [Required]
 39:         [DataMember]
 40:         public virtual int BlogCategoryID { get; set; }
 41:         
 42:         [Required]
 43:         [DataMember]
 44:         public virtual string Name { get; set; }
 45: 
 46:         [JsonIgnore]
 47:         public virtual ICollection<BlogArticle> BlogArticles { get; set; }
 48:     }

32,47两行代码使得DBContext可以对这两个表建立外键关系,神之笔啊,同理多对多也差不多。

上面DATAMEMBER等特性是Json.Net需求的,如果没有声明会在json序列化的时候报错,其中就有“RenlationshipManage”JN无法继续序列化,会引发自引用。所以这里必须用排他法标注。

接着DBContext,这个东西让我想起了Linq to sql,当时是这么个Context,看起来倍感亲切。

这个玩意儿神奇,EF就是靠它找到那些entity,烧香,行礼。

哪位老大能告诉我下面Seed里为什么数据总是添加进不去?:

 
  1:    public class BlogContext:DbContext
  2:     {
  3:         public DbSet<BlogArticle> BlogArticles { get; set; }
  4:         public DbSet<BlogCategory> BlogCategories { get; set; }
  5: 
  6:         public BlogContext()
  7:         { }
  8:         public BlogContext(string cnn)
  9:             : base(cnn)
 10:         { }
 11: 
 12:         protected override void OnModelCreating(DbModelBuilder modelBuilder)
 13:         {
 14:             
 15:             base.OnModelCreating(modelBuilder);
 16:         }
 17: 
 18:         public static void AddSeedData(BlogContext c)

这里DBSET<T>告诉DBContext哪些是要map进数据库的实体~进过这里的实体类型也会被动改变,因为他们即将拥有关系。

Application_Start

 
  1: protected void Application_Start()
  2:         {
  3:             AreaRegistration.RegisterAllAreas();
  4: 
  5:             RegisterGlobalFilters(GlobalFilters.Filters);
  6:             RegisterRoutes(RouteTable.Routes);
  7: 
  8:             Database.SetInitializer<BlogContext>(new DropCreateDatabaseIfModelChanges<BlogContext>());
  9:         }

第一次运行会创建相应的数据库,可以指定config中的连接字符串。

虽然没有在项目中创建EDM,实际上是放在自动创建的库中了。

然后就是做出以下两个界面以及引进JqueryUI

Article

Home

head

第一次用JqueryUI,太TMD爽了,哇哈哈~~

AJAX

客户端“删除”链接:

 
  1: <a href="javascript:" onclick="ajaxPost('./Article/Delete?id=@item.BlogAritcleID')">Delete</a>
客户端“删除”请求:
 
  1: <script  language ="javascript" type="text/javascript" >
  2:     function ajaxPost(urlStr) {
  3:         $.ajax({
  4:             url: urlStr,
  5:             beforeSend: function () { ShowMessage("正在提交,请等待!"); },
  6:             success: function (data) { ShowMessage(data); setTimeout(refreshPage, 800); },
  7:             error: function (data) { ShowMessage(data); }
  8:         });
  9:     }
 10: 
 11:     
 12: </script>

2011WLW一个劲当掉,晕~~

客户端“添加”以及“编辑”请求(以BlogArticleID是否<0来区分):

 
  1:         $.ajax({
  2:                 type: "POST",
  3:                 contentType:"application/json",
  4:                 url:"Do",
  5:                 data:articleStr, 
  6:                 dataType:'json',
  7:                 processData:true,
  8:                 beforeSend: function () {
  9:                     ShowMessage("正在提交");
 10:                     },
 11:                 success:function(data){ 
 12:                     ShowMessage(data.Message);
 13:                     setTimeout(toHomePage,1000);
 14:                     },
 15:                 error:function() { 
 16:                     ShowMessage("Your request is failed, pls check your internet and try again later!"); 
 17:                     }
 18:             });

这里用json来交互,json一直只闻其名,一直以为挺麻烦的东西没想到用起来挺顺的。

对了,谁能告诉我为什么Jquery在ajax提交的时候,datatype不是string的全要process成querystring啊?

json对象与json string的转换 articleStr=JSON.stringify(article);

服务端:

 
  1:         [HttpPost]
  2:         public ActionResult Do()
  3:         {
  4:             var entityStr=string.Empty;
  5: 
  6:             //read json entity from post request
  7:             using (System.IO.StreamReader reader = new System.IO.StreamReader(Request.InputStream))
  8:             {
  9:                 entityStr = reader.ReadToEnd();
 10: 
 11:                 //jquery ajax process the data by utf-8, need to convert back
 12:                 entityStr = HttpUtility.UrlDecode(entityStr);
 13:             }
 14: 
 15:             //try convert to entity back
 16:             BlogArticle article=null;
 17:             ResponseState rs = new ResponseState();
 18:             try
 19:             {
 20:                 
 21:                 article = JsonConvert.DeserializeObject<BlogArticle>(
 22:                 entityStr
 23:                 , new Newtonsoft.Json.Converters.IsoDateTimeConverter())//keep the date formate same as new date in javascript
 24:                 as BlogArticle;
 25: 
 26:                 if (article.BlogAritcleID < 0)
 27:                     blogContext.BlogArticles.Add(article);
 28:                 else
 29:                 {
 30:                     blogContext.BlogArticles.Attach(article);
 31:                     var stateEntry = ((IObjectContextAdapter)blogContext)
 32:                         .ObjectContext
 33:                         .ObjectStateManager
 34:                         .GetObjectStateEntry(article);
 35:                     stateEntry.SetModifiedProperty("Title");
 36:                     stateEntry.SetModifiedProperty("Article");
 37:                     stateEntry.SetModifiedProperty("BlogCategoryID");
 38:                     stateEntry.SetModifiedProperty("UpdateDate");
 39:                 }
 40: 
 41:                 blogContext.SaveChanges();
 42: 
 43:                 rs.isSuccess = true;
 44:                 rs.Message = "Submit Success!";
 45:             }
 46:             catch (Exception exc)
 47:             {
 48:                 rs.isSuccess = false;
 49:                 rs.Message = exc.Message;
 50:                 //rs.Message = "For some reason ,your article refused! Pls check and submit again!";
 51:             }
 52:             finally
 53:             {
 54:                 System.Threading.Thread.Sleep(800);//wait to show ajax effect
 55:                 Response.Clear();
 56:                 Response.Write(JsonConvert.SerializeObject(rs));//response the result
 57:                 Response.ContentType = "application/json";
 58:                 Response.End();
 59:             }
 60: 
 61:             return new EmptyResult();//no view need
 62:         }

对于上面更新实体部分请参考dudu文章

-----------------V1 部分结束-------------------------

加个进度条

process

简单做个检查防止提交频率过快

 
  1:         public static bool SubmitFreCheck()
  2:         {
  3:             if (CurrentContext().Session[lastSubmitTime] is DateTime)
  4:             {
  5:                 var date = (DateTime) CurrentContext().Session[lastSubmitTime];
  6:                 if (date.AddSeconds(3) > DateTime.Now)
  7:                     return true;
  8:             }
  9:                 return false;
 10:         }
 11: 
 12:         public static void SetLastSubmitDate()
 13:         {
 14:             CurrentContext().Session[lastSubmitTime] = DateTime.Now;
 15:         }

这个很粗糙,请绕过。。。。
 
IUnitOfWork+Repository
class view
 
现在代码总算是有点样子了
ajax列表吧
客户端:
 
  1:     function getPageNoprocess(size,pageIndex) {
  2:         $.ajax({
  3:             type: "get",
  4:             url: './Article/GetArticlesByPage?size=' + size + '&pageIndex=' + pageIndex,
  5:             dataType: "html",
  6:             beforeSend: function () {
  7:                 CurrentIndex = pageIndex;
  8:             },
  9:             success: function (data) {
 10:                 $('#ArticleTable tr[class="data"]').remove();
 11:                 $('#ArticleTable').append(data);
 12:                 getPagerLinks(size, pageIndex);
 13:             }
 14:         });
 15:     }

服务端:

 
  1:         [HttpGet]
  2:         public ActionResult GetArticlesByPage(int? size ,int? pageIndex)
  3:         {
  4:             if (size == null || size < 1)
  5:                 size = 5;
  6: 
  7:             if (pageIndex == null || pageIndex < 1)
  8:                 pageIndex = 1;
  9: 
 10:             System.Threading.Thread.Sleep(500);
 11: 
 12:             try
 13:             {
 14:                 IArticleRepository ar = new ArticleRepository(iUnitOfWork);
 15: 
 16:                 var eList = ar.GetEntityCollecionByPage((int)size, (int)pageIndex);
 17: 
 18:                 string repStr = string.Empty;
 19:                 StringBuilder sb = new StringBuilder();
 20:                 if(eList !=null )
 21:                     foreach (var e in eList)
 22:                     {
 23:                         #region table tr build up
 24:                          。。。
 25:                         #endregion
 26:                     }
 27:                 Response.Clear();
 28:                 Response.Write(sb.ToString());
 29:                 Response.Flush();
 30:             }
 31:             catch (Exception exc)
 32:             {
 33:             }
 34: 
 35:             return new EmptyResult();
 36:         }

有列表没分页不行,来一个:

first

middle

last

眼熟?


本文转自today4king博客园博客,原文链接:http://www.cnblogs.com/jinzhao/archive/2011/04/07/2008858.html,如需转载请自行联系原作者


相关文章
N..
|
22天前
|
XML JSON 前端开发
jQuery实现Ajax
jQuery实现Ajax
N..
16 1
|
29天前
|
JSON 前端开发 JavaScript
|
2月前
|
编解码 JavaScript 前端开发
TypeScript【第三方声明文件、自定义声明文件、tsconfig.json文件简介、tsconfig.json 文件结构与配置】(六)-全面详解(学习总结---从入门到深化)
TypeScript【第三方声明文件、自定义声明文件、tsconfig.json文件简介、tsconfig.json 文件结构与配置】(六)-全面详解(学习总结---从入门到深化)
62 0
|
2月前
|
XML 机器学习/深度学习 JSON
在火狐浏览器调ajax获取json数据时,控制台提示“XML 解析错误:格式不佳”。
在火狐浏览器调ajax获取json数据时,控制台提示“XML 解析错误:格式不佳”。
29 0
在火狐浏览器调ajax获取json数据时,控制台提示“XML 解析错误:格式不佳”。
|
27天前
|
开发框架 前端开发 .NET
进入ASP .net mvc的世界
进入ASP .net mvc的世界
26 0
|
27天前
mvc.net分页查询案例——mvc-paper.css
mvc.net分页查询案例——mvc-paper.css
4 0
|
27天前
|
JSON 前端开发 数据格式
Ajax传递json数据
Ajax传递json数据
11 0
|
1月前
|
XML 开发框架 .NET
C# .NET面试系列八:ADO.NET、XML、HTTP、AJAX、WebService
## 第二部分:ADO.NET、XML、HTTP、AJAX、WebService #### 1. .NET 和 C# 有什么区别? .NET(通用语言运行时): ```c# 定义:.NET 是一个软件开发框架,提供了一个通用的运行时环境,用于在不同的编程语言中执行代码。 作用:它为多语言支持提供了一个统一的平台,允许不同的语言共享类库和其他资源。.NET 包括 Common Language Runtime (CLR)、基础类库(BCL)和其他工具。 ``` C#(C Sharp): ```c# 定义: C# 是一种由微软设计的面向对象的编程语言,专门为.NET 平台开发而创建。 作
173 2
|
1月前
|
开发框架 前端开发 .NET
C# .NET面试系列六:ASP.NET MVC
<h2>ASP.NET MVC #### 1. MVC 中的 TempData\ViewBag\ViewData 区别? 在ASP.NET MVC中,TempData、ViewBag 和 ViewData 都是用于在控制器和视图之间传递数据的机制,但它们有一些区别。 <b>TempData:</b> 1、生命周期 ```c# TempData 的生命周期是短暂的,数据只在当前请求和下一次请求之间有效。一旦数据被读取,它就会被标记为已读,下一次请求时就会被清除。 ``` 2、用途 ```c# 主要用于在两个动作之间传递数据,例如在一个动作中设置 TempData,然后在重定向到另
95 5
|
2月前
|
JavaScript 前端开发 Java
jquery ajax+spring mvc上传文件
jquery ajax+spring mvc上传文件