MVC - 快速瞭解基本原理

  • 272
  • 0
  • 2017-10-12

此篇介紹初學MVC時可利用.NET的功能快速建立起相對應的程式碼。

這些自動產生的檔案對初學MVC時應有莫大的助益。

流程要點 : 

  1. 建立起 MVC 專案
  2. 在SSMS中建立此篇範例所需要的資料庫
  3. 使用 Entity Framework 自動新建出連線字串、相對應的檔案
  4. 利用.Net提供的功能依據模型(EF)來源,建立起基本的新、刪、修、查相關的程式碼

 

好站連結 : 


 

建立起 MVC 專案

建立完成時,在方案總管中點選專案右鍵開啟 管理 NuGet 套件 可查看安裝了哪些套件。

 

使用 SSMS 建立起資料庫與資料表

資料庫名稱 : testdata   資料表名稱 : TestTable

 

使用 Entity Framework 自動新建出連線字串、相對應的檔案

在 Models的資料夾 右鍵新增 ADO.NET 實體資料模型

按下完成時會自動產生檔案,需要注意的有 Model1.Context.cs、TestTable.cs

Model1.Context.cs : 

namespace TestMvc.Models
{
    using System;
    using System.Data.Entity;
    using System.Data.Entity.Infrastructure;
    
    // 先把這個類別當成資料庫
    public partial class testdataEntities : DbContext
    {
        public testdataEntities()
            : base("name=testdataEntities") // 對應到 Web.config 中的連線字串名稱
        {
        }
    
        protected override void OnModelCreating(DbModelBuilder modelBuilder)
        {
            throw new UnintentionalCodeFirstException();
        }
    
        // 把這個方法當成是資料表
        public virtual DbSet<TestTable> TestTable { get; set; }
    }
}

TestTable.cs : 

namespace TestMvc.Models
{
    using System;
    using System.Collections.Generic;

    // 把這個類別當成是資料表的結構
    // 之後使用EF時就可使用強型別來存取該物件後更新資料
    public partial class TestTable
    {
        public int TestID { get; set; }
        public string Name { get; set; }
        public string Description { get; set; }
    }
}
記得使用EF更動檔案時,要使用前記得先行編譯(建置)讓dll檔更新。

 

利用.Net提供的功能依據模型(EF)來源

在Controllers的資料夾右鍵加入控制器 : 具有檢視、使用EF的MVC5控制器

此時會自動產生以下檔案分別於Controllers與Views的資料夾底下

此時運行程式,已可達到基本的新、刪、修、查的網頁應用程式。一行程式碼都沒打!!

 

最後這幾個產生的檔案是關注的重點!! 可下中斷點在想要了解的地方

  • 專注於 TestTablesController 中的程式碼
  • 各個新、刪、修、查的View裡面的程式碼與網站運行後產生的HTML的網頁元素的對應關係
  • TestTablesController 如何操作 EF 的 DB Context 類別 && 資料模型

 


多多指教!! 歡迎交流!!

你不知道自己不知道,那你會以為你知道