接手了一個簡單的銷售獎金計算的項目，雖然不算大但是業務邏輯比較復雜，還夾雜了很多的特殊情況，畢竟是大公司什么樣的人都有，好了不多說切入正題，項目是公司的一個前輩負責的，在他做系統架構的時候讓我們了解下MVC4.0更新的基本知識，對於MVC來說做項目之前我就簡單的停留在知道他是Model-View-Controller的簡寫至於具體是什么，怎么做則完全沒有了解。
項目果然是最鍛煉人的，在項目的架構帶來之后，我看了下大概分為以下這幾個部分：
（1） Model項目 存放數據庫表的Model 以及用來展示的 View_Model這些以后都會有講的，數據表對應的Model主要是有數據i驗證部分
(2)Service項目 由於整個項目是一個B/S項目，數據庫是在公司的機房，數據訪問是要讀取公司的數據庫的 ，所以和數據操作相關的都放在了這個項目里面了 為了便於維護，整個項目主要使用的Web Api和Linq To Sql開發
(3) Reward 項目這個是和業務息息相關的部分，也是向客戶展示的部分，也就是傳統意義上的 UI ，當然MVC本質上就是UI層的表現形式，說起來我之前一直以為是和三層一樣的數據架構，但他只是三層架構中的UI層，通過MVC開發UI層實現了頁面和數據的真正意義上的分離。在這個項目里面主要用到的技術是MVC ，jquery.easyui，WebApi調用等等。
開發工具升級到了VS2012， 感謝萬能的度娘。
@using GM360_REWARD_Model; @using GM360_REWARD_UTILITY; <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width" /> <title>@ViewBag.Title</title> @Styles.Render("~/Content/style.css", "~/themes/default/easyui.css") @Scripts.Render("~/Scripts/jquery-1.4.2.min.js") @RenderSection("js_css", false) <style type="text/css"> .foot { left: 0; bottom: 0; POSITION: absolute; width: 100%; height: 36px; } </style> <script type="text/javascript"> $(document).ready(function () { var _url = window.location.href; var _startIndex = _url.indexOf("\//") + 2; var _subStartIndex = _url.indexOf("\/", _startIndex); var _strMark = _url.substring(_subStartIndex + 1, _url.indexOf("\/", _subStartIndex + 1)); $(".main_meau li").each(function (index, item) { var flag = $(item).children("a").attr("href").indexOf(_strMark); if (flag > -1) { $(this).removeClass("dh_4"); $(this).addClass("dh_4"); } }); }); </script> </head> <body> <div class="top_head"> <div class="tophead_left"> <div class="left_logo"> <img src="~/Images/logo_01.gif" /> </div> <div class="main_meau"> <ul> <li> <a href="/DataInfoAndCal/Index" onclick="javascript:location.replace(this.href);event.returnValue=false;">數據源導入</a></li> <li> <a href="/InqueryAllReward/Index" onclick="javascript:location.replace(this.href);event.returnValue=false;">獎金查詢</a></li> <li> <a href="/BadDebt/Create/" onclick="javascript:location.replace(this.href);event.returnValue=false;">壞賬登記</a></li> <li> <a href="/SaleRelationship/Index" onclick="javascript:location.replace(this.href);event.returnValue=false;">銷售帶隊關系</a></li> @if ((Session["User"] as GM360_REWARD_Model.User) != null && (Session["User"] as GM360_REWARD_Model.User).UserName == "admin") { <li> <a href="/home/DownLoad/" onclick="javascript:location.replace(this.href);event.returnValue=false;">歷史數據下載</a> </li> } </ul> </div> </div> <div class="tophead_right"> <div class="top_right_zi"> <div class="zi_left"> 歡迎您！<b id="username">@if ((Session["User"] as GM360_REWARD_Model.User) != null) { @((Session["User"] as GM360_REWARD_Model.User).UserName); }</b> </div> <div class="zi_right"> <ul> <li> <a href="/User/Exit">退出系統</a></li> </ul> </div> </div> </div> </div> @RenderBody() <div class="foot"> <div class="foot_con"> 版本信息 2013@copyright xxxxxxxxxxxxxxxxxxxx </div> </div> @*@Scripts.Render("~/bundles/jquery") @RenderSection("scripts", required: false)*@ </body> </html>
這是Shared 文件夾下的_Layout.cshtml文件，以后所有的View頁面都是以這個頁面為模板的 簡單的給大家說下，希望高手指正， 給新手一點參考 頂部是 引用的兩個命名空間
@using GM360_REWARD_Model;
@using GM360_REWARD_UTILITY;
引用都要用到的CSS JS 文件 以及給頁面另外存放的 地方
@Styles.Render("~/Content/style.css", "~/themes/default/easyui.css") @Scripts.Render("~/Scripts/jquery-1.4.2.min.js") @RenderSection("js_css", false)
@RenderBody()
上面的這個 @RenderBody() 是添加內容的地方，頁面的大概布局就是這個樣子 ，明天繼續，因為這個項目已經完成了 ，不太能重現當時的錯誤，所以只能按照開發的順利 來一點一點的講解，有什么問題可以留言。因為不經常發文章所以uk按起來可能會比較亂，多指正.