一年开发ASP.NET MVC4项目经验总结

一年开发ASP.NET MVC4项目所用所学技术经验总结

阅读目录

• 文章背景
• 前端所用技术摘要
• 后端所用技术摘要

1. 文章背景    

　　本人2014年从Java转行到C#从事BS项目的开发，刚开始接触的是ASP.NET WebForm，结果对于我这种从jsp+servlet时代的人很是的不适应，开发者不能自由的操做HttpContext及其原始的Web命名空间中的类库来开发，而是所有封装成基于事件的机制来操做，很是的别扭。后面就找到了ASP.NET MVC这个框架。发现不错，并且从Java Web方向转过来学习ASP.NET MVC仍是容易接受的。 在其的学习上纸质书籍我看了两本(因为公司的IDE是VS2010，因此我就用的MVC4啦):

1. 《Professional ASP.NET MVC 4》，wrox推荐的，这个感受是一个入门教材，看完了你可能会使用这个框架及其里面的razor知识等，可是你可能不能所有了解框架内部的相关好比说路由机制的原理，那么你能够看第二本书。
2. 《ASP.NET MVC 4 框架揭秘》，这是博客园大牛Artech写的书，在首页的博客推荐榜榜首能够看到他。看完这本书以后你大体就能够了解该框架对HttpModule和HttpHandler的封装和框架各类机制的内部实现原理了。

　　注：其实光看书你也看不下去，由于仍是有点枯燥的，尤为是第二本。可是这个书当你在开发的时候遇到的问题上面有解决方案或者给你思路的时候，你就会豁然开朗，就像本人开发一年ASP.NET MVC项目以后我也没事就去看看这两本书，发现都有一番韵味。固然如今技术更新的快，ASP.NET已经到5了，MVC也是6了，可是这个你参透这个MVC 4版本，其余也好说。

然而我写这篇文章的目的不是详细讲解ASP.NET MVC 框架的详细知识。

而是总结归纳这一年我开发所用到的比较好的技术和知识，目的是为了之后我反过头能够快速的想起之前的所学知识，加快我开发新项目技术选型的速度。

 

2. 总体架构方案    

　　因为本人以前就有相关Java Web开发经验，追求完善的项目架构也是我很是感兴趣的地方，在准备使用ASP.NET MVC做为框架来开发项目以前对本身的项目的架构选型和设计上也花了不少功夫。在对本身编程规范上严格遵循SOLID原则，详见SOLID Architecture principles using simple C# examples. 阿九在<让姑姑再也不划拳 码农也要有原则 ： SOLID via C#>中用中文详细的对其解释。

　　真正的项目开发中层次化和模块化的设计要体现出来。园子大牛圣殿骑士在其文章《最近架构随想》中说过“架构决定项目的成败以及高度，因此在编码以前必定要设计好项目的总体规划和架构。好的架构或者考虑比较全面到位的架构会极大的帮助团队，对项目起到灵魂的做用；糟糕的设计每每会把整个项目组带入泥潭或者恶性循环，对项目直接致命打击！”。

　　首先简单的介绍下这个实际项目的内容，该项目是工厂内部实时监控整个工厂全部产线某种类型的工做站台的生产能力、效能分析、缺陷分析、报表统计、资产统计的解决方案，Web端负责业务逻辑处理以及呈现，Parse端负责机器与中央服务器的数据传输和存储。大体相似于Web端在数据库中取数据，Parse端在数据库中存数据。 Parse端用的WCF技术来实现通讯，这里暂且不去说起。

在Web端总体的架构方案以下所示：

 　　系统采用Bootstrap和ASP.NET MVC with Razor做为View，KnockoutJs做为MVVM框架。UI Designer设计好UI，而后由前端工程师绑定相应的UI Model到UI，后端工程师则负责相应的OOAD以及业务处理。这里所有的角色都是本人来作。。。SQL Server数据库做为数据存储，而且利用了ADO.NET Entity Framework做为进行数据访问的ORM框架，DBContext帮助咱们实现与数据库的交互。我采用Repository模式将单纯的数据访问操做封装在Repository中，它能够当作是针对某个Entity Data Model 的DbContext的封装。

　　业务逻辑的实如今Service中并以服务的形式暴露出来，Service调用Repository完成针对数据的存取操做，服务的消费者是ASP.NET MVC的Controller。

　　这里乃是大体的讲解了一下项目的基本架构，固然这篇文章是讲解技术选型的，因此在后面将会详细的涉及到内部所选择的很好的技术或者工具。

 

3. 前端所用技术摘要    

　　既然是BS项目，无论这个开发框架对应视图的语言好比说Razor视图引擎多么强大，你也不会所有使用它来渲染你的html，这个多是由于本人原先在CSS和JQuery用的比较多，因此Razor的HTML辅助方法我相对用得少，不习惯在方法的htmlAttribute属性中输入CSS style, 更加坑爹的是razor的html辅助方法没有data-bind参数来嵌入knockoutjs. 因此对razor的使用我只用在一些须要提交并跳转的表单页面上面。

　　本人开发的web项目因为异步Ajax比较多，有习惯了使用jquery的ajax方法，因此没有使用razor里面的Ajax辅助方法。好了不偏题，归纳使用过的比较好的CSS和JS框架：

•  CSS框架及其新的知识

  • Bootstrap: 其是如今前端开发很是火的一个前端开发框架，是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。选择Bootstrap，能够同时兼容移动设备访问和PC浏览器访问，他内部里面也有很是好的一些JS插件，CSS组件也设计的很是美观大方，使用起来也至关简单，直接附加对应的class名字便可。在中文官网上介绍了相关的CSS&JS库。同时Bootstrap是能够定制的。
  • Font Awesome: 是一个专门为bootstrap设计的图标字体，Font Awesome 中包含的全部图标都是矢量的，也就能够任意缩放，避免了一个图标作多种尺寸的麻烦。CSS对字体能够设置的样式也一样可以运用到这些图标上了。
  • animate.css:一个浏览器兼容的CSS动画库，很是方便使用。
  • CSS3 & HTML5：虽然都在说CSS3和HTML5，可是不少传统的web开发人员仍是没有比较系统的看过其中的新的特性，这里我强烈推荐完整的看看，IE8是会被淘汰的，不少老页面里面必需要用JS来处理的效果均可以在在CSS3和HTML5中的新特性中找到。

     

• JS框架及其插件相关

  •  页面效果类
    • Bootstrap推荐或者嵌入的JS框架： Click this
    • JQuery.UI: 是在jQuery 基础上开发的一套界面工具，几乎包括了网页上你所能想到和用到的插件以及动画特效。它是免费开源的，用户可根据须要自定义甚至从新设计。
    • jQuery.Pin插件：能将任意页面元素“钉在”某个容器顶部，并且在尺寸小的屏幕上可以自动禁用这种效果。
    • Messenger插件：是一个很是酷的弹框（Alert）组件，可以很是好的与Bootstrap融合，单独使用效果也很是棒。
    • Buttons: 是一个基于 Sass 和 Compass 构建的CSS按钮（button）样式库，图标采用的是Font Awesome，能够和Bootstrap融合使用。
    • DateTime Picker插件：Bootstrap日期时间选择器（Bootstrap DateTime Picker）是一个Bootstrap组件，可以简化页面上日期、时间的输入。
    • Boostrap-wysiwyg插件：bootstrap-wysiwyg是一个jQuery Bootstrap插件（5KB, < 200 行代码）能够将任何一个DIV转变成一个WYSIWYG富文本编辑器。
    • FullCalendar插件：一款很是实用的日历页面开发插件。使用这款插件可以快速帮助你实现基于web的日历查看功能，相似于outlook的日历项功能。
    • Nivo-Slider插件：最受欢迎的图片轮播插件。
    • 3D Gallery插件：3D图片轮播插件。
    • ScrollUp插件：一个能够点击定义区域使得页面返回顶部的jquery插件。
    • jQuery-Backstretch插件：Backstretch是一个轻简的jQquery图片展现插件，它能够在页面相关区域增长动态大小的背景图片，图片的大小彻底适应于区域的大小。
  •  数据UI双向绑定
    
    • Knockoutjs：KO是一个简约的实现动态UI或者动态数据的双向绑定的基于MVVM模式的JS库。若是不了解MVVM模式能够先行学习，KO的双向绑定可以辅助程序员更少的编写JS代码，只须要简单的data-bind来绑定数据到html元素中就能够完成绑定。在单页Web程序中使用ko也更加方便.

 

3. 后台所用技术摘要    

 

• 工具（程序建立推荐安装，均可以在NuGet中获取呦）

  • ELMAH：错误日志记录模块和处理程序，它可以记录应用程序中出现的全部未处理异常，并在日志中保存这些未处理异常。
  • MiniProfiler: MiniProfiler会向网站的每一个页面添加一个小部件，单击小部件，咱们就能够获得当前页面的性能解析信息如每一个方法的执行时间，Linq to EF的原始SQL内容等。
  • WebBackgrounder:这里我给了一个中文的使用示例。WebBackgrounder包能够安全地运行ASP.NET应用程序中反复出现的后台任务，ASP.NET和IIS随时均可以自由地终止咱们应用程序的AppDomain。ASP.NET提供机制来通知代码终止时间。WebBackgrounder利用这一点能够尝试为那些反复出现的运行任务安全的运行一个后台定时器。
  • JSON.NET:是最流行的高性能的.NET JSON序列化框架，API强大，各类设置可以彻底知足各类序列化场景。这里是园子的一篇中文部分功能介绍Newtonsoft.Json 的序列化与反序列化
  • Log4net：其是Apache开源组织为.NET设计的一款开源的日志记录库。相信你们都很是熟悉，这里是园子里的一篇中文使用介绍Log4Net使用指南　　　

• 框架

  • Entity Framework： 未完待续