Asp.Net MVC學習總結（一）——Asp.Net MVC簡單入門

一、MVC簡單入門

1.1、MVC概念

視圖(View)

代表用戶交互界面，對於Web應用來說，可以概括為HTML界面，但有可能為XHTML、XML和Applet。

模型（Model)

表示用戶對其數據的操作的一個封轉。可以分為視圖模型（view model）和領域模型（domain models），視圖模型就是在視圖與控制器之間傳輸數據的一個封轉，而領域模型就是業務邏輯，后台數據模型等的一個集合。是我們學的3層中的BLL，DAL，Models的集合

控制器（Controller)

控制器可以理解為從用戶接收請求，將模型與視圖匹配在一起，共同完成用戶的請求。

1.2、ASP.NET MVC 原理

當在瀏覽器中輸入一個URL，進入了Route系統，路由系統得到URL各個片段的值，並交給MVC處理，MVC依據URL的信息知道請求的Action，接着就對模型進行一系列的處理，然后呈現視圖。

MVC對控制器與View有一定的限制，但對模型沒有任何的限制。

控制器必須實現IController接口或者繼承Controller類，控制器類中的公有方法稱之為Action Method。

1.3、MVC項目結構及含義

1.4、MVC命名習慣

在MVC項目中有2種習慣

a、建議你如何組織項目中的一些文件，比如js文件放在Scripts文件夾下，像這種習慣，你完全可以不遵循，這些文件夾和文件刪除並不影響MVC框架本身。

b、另外一種，有個專門的術語:”Convention over configuration”,意思就是說如果你遵循了這個習慣就不需要進行額外的配置或編碼（特別是控制器與視圖）。這種習慣就盡量遵循，如果違反，在MVC中就需要做許多的事情。

主要有3個方面：

a、控制器命名習慣：控制器類必須以Controller結尾，但引用這個控制器的時候可以省略掉Controller，如果想改變這種行為，需要自己實現IControllerFactory接口，默認是通過DefaultControllerFactory來執行這個控制器的查找的。

b、視圖命名習慣：視圖或者分部視圖應該放在/Views/Controllername文件夾下面，比如一個控制器為Demo 那么這個控制器的所有視圖應該放在/Views/Demo/下面，默認情況下，每一個Action Method對應一個視圖，盡

量讓視圖名字與Action名字一樣，這樣在Action中就可以直接return View();而放在Shared文件夾下面的視圖所有的控制器都可以使用

c、布局命名習慣：布局文件都以下划線開頭，並放置在shared文件夾下面，在MVC 3中默認每個視圖都會用到_layout.cshtml布局，可以在_viewstart.cshtml看到這個設置

1.5、ASP.NET MVC優缺點

優點:

A、具有多個視圖對應一個模型的能力。

B、由於一個應用被分離為三層，因此有時改變其中的一層就能滿足應用的改變。一個應用的業務流程或者業務規則的改變只需改動MVC的模型層。

C、它還有利於軟件工程化管理。由於不同的層各司其職，每一層不同的應用具有某些相同的特征，有利於通過工程化、工具化產生管理程序代碼。

缺點:

A、增加了系統結構和實現的復雜性。

B、視圖與控制器間的過於緊密的連接。

C、視圖對模型數據的低效率訪問。

1.6、創建第一個MVC應用程序

創建第一個MVC應用程序之前，首先說明一下我的電腦使用配置環境：VS2013與SQLSever2012。

1、首先打開VS2013,新建一個MVC4項目。

2、點擊確定后會彈出如下圖界面。

3、點擊確定后會自動生成如下默認項目結構。

4、在Controller文件夾上右鍵添加一個控制器。

5、點擊添加按鈕后，生成HomeController類，默認生成Index()方法如下：

 6、現在Controller控制器已經創建好了，下面來創建一個View視圖了，添加添加視圖兩種方式：方式一：在控制器里的Index()方法里右鍵添加視圖，方式二：在View文件夾上右鍵添加一個與HomeController控制器名稱相同的文件夾如：Home文件夾，在該文件夾上右鍵添加一個與Index()方法同名的視圖。這里選擇選擇方式一創建方法如下所示：

7、最終添加視圖后的界面，開始運行瀏覽查看結果。

到這里我們的第一個MVC程序Hello World就完成了，是不是感覺很簡單。那么接下來就來學習寫一個關於Asp.Net MVC的增刪改查的簡單測試案例吧。已經學習過Asp.Net的同學可以先思考一下如何用MVC實現一個增刪改查的的功能。沒有學習過的同學可以思考下邏輯三層與MVC中Model的聯系，下面這個簡單測試案例將讓你對MVC概念的理解的更明白些。

 1.7、實現一個關於Asp.Net MVC的增刪改查的簡單測試案例

測試案例增刪改查效果圖如下：

1、首先准備數據庫數據。

use master
go
create database Demo
go
use Demo
go
create table Product
(
    ID int primary key identity(1,1),
    Name nvarchar(20),
    Price decimal
)
go
insert into Product values('電腦墊',22),('鼠標',55),('鍵盤',22),('網線',32),('U盤',100),('咖啡',55),('書籍',99),('牛奶',5)
go

2、打開VS2013創建一個名為MvcFristDemo的MVC4項目，創建步驟與上面一致，這里步驟不再詳細介紹，最終項目創建完成截圖如下。

這里需要說明一下添加視圖的步驟與上面Hello World示例有所區別：因為要用到Model模型，所以在添加視圖的時候需要選中如下圖中的創建強類型視圖 模型選擇Product模型。

3、步驟一：ProductController控制器代碼如下。

using MvcFirstDemo.Models;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;

namespace MvcFirstDemo.Controllers
{
    public class ProductController : Controller
    {
        public ActionResult List()
        {
            List<Product> result = new ProductBll().Select();
            return View(result);
        }


        public ActionResult Add()
        {
            return View();
        }
        [HttpPost]
        public ActionResult Add(Product p)
        {
            bool result = new ProductBll().Insert(p);
            return RedirectToAction("List");
        }

        public ViewResult Update(int id)
        {
            Product p = new ProductBll().GetProductById(id);
            return View(p);
        }
        [HttpPost]
        public ActionResult Update(Product p)
        {
            bool result = new ProductBll().Update(p);
            return RedirectToAction("List");
        }

        public ActionResult Delete(int id)
        {
            bool result = new ProductBll().Delete(id);
            return RedirectToAction("List");
        }
    }
}

4、步驟二：Model文件夾中的三個類代碼如下。

Product.cs代碼如下：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;

namespace MvcFirstDemo.Models
{
    public class Product
    {
        public int ID { get; set; }
        public string  Name { get; set; }
        public decimal Price { get; set; }
    }
}

 ProductBll.cs代碼如下：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;

namespace MvcFirstDemo.Models
{
    public class ProductBll
    {
        ProductDal dal = new ProductDal();
        public List<Product> Select()
        {
            return dal.Select();
        }
        public Product GetProductById(int id)
        {
            return dal.GetProductById(id);
        }
        public bool Update(Product p)
        {
            return dal.Update(p);
        }

        public bool Insert(Product p)
        {
            return dal.Insert(p);
        }

        public bool Delete(int id)
        {
            return dal.Delete(id);
        }
    }
}

 ProductDal.cs代碼如下：

using System;
using System.Collections.Generic;
using System.Data.SqlClient;
using System.Linq;
using System.Web;

namespace MvcFirstDemo.Models
{
    public class ProductDal
    {
        string connStr = @"server=PC-201511211346\MSSQLSERVER2;database=Demo;uid=sa;pwd=123456;";
        public List<Product> Select()
        {
            using (SqlConnection conn = new SqlConnection(connStr))
            {
                conn.Open();
                string SQL = "select * from Product";
                SqlCommand cmd = new SqlCommand(SQL, conn);
                using (SqlDataReader sdr = cmd.ExecuteReader())
                {
                    List<Product> list = new List<Product>();
                    Product obj = null;
                    while (sdr.Read())
                    {
                        obj = new Product
                        {
                            ID = Convert.ToInt32(sdr["ID"]),
                            Name = sdr["Name"].ToString(),
                            Price = Convert.ToDecimal(sdr["Price"])
                        };
                        list.Add(obj);
                    }
                    return list;
                }
            }
        }

        public bool Insert(Product p)
        {
            using (SqlConnection conn = new SqlConnection(connStr))
            {
                conn.Open();
                string SQL = "insert into Product values(@Name,@Price)";
                SqlCommand cmd = new SqlCommand(SQL, conn);
                cmd.Parameters.AddWithValue("Name", p.Name);
                cmd.Parameters.AddWithValue("Price", p.Price);
                return cmd.ExecuteNonQuery() > 0 ? true : false;
            }
        }

        public bool Update(Product p)
        {
            using (SqlConnection conn = new SqlConnection(connStr))
            {
                conn.Open();
                string SQL = "update Product set Name=@Name,Price=@Price where ID=@ID";
                SqlCommand cmd = new SqlCommand(SQL, conn);
                cmd.Parameters.AddWithValue("@ID", p.ID);
                cmd.Parameters.AddWithValue("@Name", p.Name);
                cmd.Parameters.AddWithValue("@Price", p.Price);

                return cmd.ExecuteNonQuery() > 0 ? true : false;
            }
        }

        public bool Delete(int id)
        {
            using (SqlConnection conn = new SqlConnection(connStr))
            {
                conn.Open();
                string SQL = "delete from Product where ID=@ID";
                SqlCommand cmd = new SqlCommand(SQL, conn);
                cmd.Parameters.AddWithValue("@ID", id);
                return cmd.ExecuteNonQuery() > 0 ? true : false;
            }
        }

        internal Product GetProductById(int id)
        {
            using (SqlConnection conn = new SqlConnection(connStr))
            {
                conn.Open();
                string SQL = "select * from Product where ID=@ID";
                SqlCommand cmd = new SqlCommand(SQL, conn);
                cmd.Parameters.AddWithValue("@ID", id);
                using (SqlDataReader sdr = cmd.ExecuteReader())
                {
                    Product obj = null;
                    while (sdr.Read())
                    {
                        obj = new Product
                        {
                            ID = Convert.ToInt32(sdr["ID"]),
                           Name = sdr["Name"].ToString(),
                            Price = Convert.ToDecimal(sdr["Price"])
                        };
                    }
                    return obj;
                }
            }
        }
    }
}

5、步驟三：View文件夾中三個視圖代碼如下。

這里需要說明一下的是對List.aspx頁面中圖一中默認生成代碼改成圖二中代碼，修改成紅色部分代碼：<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<List<MvcFirstDemo.Models.Product>>" %>

為什么要這樣修改呢？因為我們在ProductDal.cs類中的Select()方法返回的是list<Product>集合 ，而在List.aspx頁面中foreach需要遍歷一個List<Product>集合綁定顯示列表。如果你不做修改，運行程序后會出現如下圖所示錯誤。

List.aspx頁面代碼如下：

<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<List<MvcFirstDemo.Models.Product>>" %>

<!DOCTYPE html>

<html>
<head runat="server">
    <meta name="viewport" content="width=device-width" />
    <title>List</title>
</head>
<body>
    <div>
        <table cellspacing="1"  border="1">
            <tr>
                <td>產品ID</td>
                <td>產品名稱</td>
                <td>產品價格</td>
                <td>操作 <a href="Product/Add">增加</a></td>
            </tr>
            <%
                foreach (var item in Model)
                {  
            %>
            <tr>
                <td><%=item.ID %></td>
                <td><%=item.Name %></td>
                <td><%=item.Price %></td>
                <td>
                    <a href="/Product/Update?id=<%=item.ID %>">修改</a>
                    <a href="/Product/Delete?id=<%=item.ID %>">刪除</a>
                </td>
            </tr>
            <%
                } 
            %>
        </table>
    </div>
</body>
</html>

Add.aspx頁面代碼如下：

<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<MvcFirstDemo.Models.Product>" %>

<!DOCTYPE html>

<html>
<head runat="server">
    <meta name="viewport" content="width=device-width" />
    <title>Add</title>
</head>
<body>
    <div>
        <form action="/Product/Add" method="post">
            <input type="text" name="Name" value=" " />
            <input type="text" name="Price" value=" " />
            <input type="submit" name="submit" value="增加" />
        </form>
    </div>
</body>
</html>

Update.aspx頁面代碼如下：

<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<MvcFirstDemo.Models.Product>" %>

<!DOCTYPE html>

<html>
<head runat="server">
    <meta name="viewport" content="width=device-width" />
    <title>Update</title>
</head>
<body>
    <div>
        <form action="/Product/Update" method="post">
            <input type="hidden" name="ID" value="<%=Model.ID%>" />
            <input type="text" name="Name" value="<%=Model.Name %>" />
            <input type="text" name="Price" value="<%=Model.Price %>" />
            <input type="submit" name="submit" value="修改" />
        </form>
    </div>
</body>
</html>

 

二、初學者常見的幾個錯誤總結。

2.1、錯誤一

解決辦法：此錯誤解決方式有三個，方式一：在圖二中Update(int id)方法修改成可以為null的方法Update(int? id),方式二：給圖二中Update(int id)方法參數添加一個默認值如：Update(int id=0)即可。方式三：把圖二中的參數名dd改成與圖一中傳遞的參數名id一樣的名字即可解決為null問題獲得數據。

2.2、錯誤二

解決辦法：在如下圖中方法重載代碼處，其中一個方法添加一個特性如[HttpPost]、[HttpPut]、[HttpPatch]，即可解決此問題,至於添加哪個特性需要依據你發起請求的方法而決定。

2.3、錯誤三

解決辦法：此問題的解決辦法在上面步驟三中已做解釋說明，這里不再重復解釋。

2.4、錯誤四

解決辦法：把下圖中的傳遞表單數據的參數名字改成與Product模型類里的字段名一樣即可獲得表單傳遞過來的數據。

2.4、錯誤五

解決辦法：查看頁面代碼發現瀏覽器請求的頁面路徑並沒有錯誤，但是運行又確實報錯，找不到請求URL指定路徑的頁面，這該怎么辦呢？我們冷靜分析一下，這里其實牽涉到了一個知識點，就是你對MVC原理的理解，在前面1.2、Asp.Net MVC的原理節中已經講到MVC的原理，所以這里我們只需要做如下圖所示修改即可解決此問題。

 

 

三、示例下載

Github下載地址：https://github.com/SeeYouBug2/MvcFirstDemo.git

總結：在本文章中，主要是對理解ASP.NET MVC的相關概念做了個簡單介紹，以及通過一個MVC增刪改查簡單測試案例幫助初學者加深對MVC模式的理解，最后還總結了初學者幾個常見的錯誤，讓初學者少走點彎路。