一步一步建立ASP.NET MVC5程式[Repository+Autofac+Automapper+SqlSugar](一)

RECTOR發表於2017-10-19

前言

大家好,我是Rector

從今天開始,Rector將為大家推出一個關於建立ASP.NET MVC5程式[Repository+Autofac+Automapper+SqlSugar]的文章系列,和大家一起一步一步地建立ASP.NET MVC 5 WEB 應用程式。

從專案解決方案一直到在專案中整合Repository模式、基於Autofac的依賴注入、基於Automapper的實體與檢視類對映以及比較常用的ORM[如:Entity Framework(EF),SqlSugar,Dapper,ServiceStack.OrmLite等]。

本系列涉及到的

主題

本系列文章將圍繞如何用ASP.NET MVC 5建立一個簡易的部落格系統為主題展示,系列中的設計思想和資料庫、表的設計也以此展開。
系列中涉及到的原始碼也會一併同步到對應的開源地址。

開發環境:

  • 開發工具: Visual Studio 2017 或者以上版本;
  • 資料庫: MySQL 5.7.17 或者以上版本;
  • 作業系統: Windows 7 或者以上版本

注: 由於Rector用的是英文版本的作業系統和Visual Studio 開發工具,所以在本文及以後的文章中,所有的IDE選單及程式中的報錯資訊可能是英文的,請你自行翻譯轉換成對應的中文,謝謝你的理解。

技術要點:

  • ASP.NET MVC 5 (C#) [.NET Framework 4.6.2或者以上版本]
  • Autofac
  • AutoMapper
  • SqlSugar

專案基礎框架搭建

建立專案解決方案

在Visual Studio 2017中開啟選單,點選 [File-> New -> Project],進入到新建專案的對話方塊,在左側的選單中選擇[Other Project Types -> Visual Studio Solutions],在右側頂部選擇.NET Framework 4.6.2版本。然後,在模板列表中選擇[Blank Solution],在對話方塊的底部輸入解決方案的名稱,解決方案的儲存路徑以及其他附加的配置可選項,如圖:

一步一步建立ASP.NET MVC5程式--Repository+Autofac+Automapper+SqlSugar--建立專案解決方案

選項及配置引數填寫完成後,點選【OK】按鈕,Visual Studio後自動為你在剛才指定的目錄建立對應新的專案解決方案。如圖:

一步一步建立ASP.NET MVC5程式--Repository+Autofac+Automapper+SqlSugar--建立專案解決方案完成

建立專案資料夾

進入解決方案資料夾,本教程的路徑為[C:Usersjm001DocumentsVisual Studio 2017ProjectsTsBlog]

手動建立一個名為src的目錄,進入src目錄,再在此目錄分別建立名為Libraries和Presentation的資料夾,如圖:

一步一步建立ASP.NET MVC5程式--Repository+Autofac+Automapper+SqlSugar--專案解決方案資料夾

回到Visual Studio編輯器中,在[Solution Explorer]中,右鍵單擊剛才建立的解決方案,在彈出的選單中選擇[Add -> New Solution Folder],編輯器將為我們在Solution Explorer中建立一個解決方案資料夾,重新命名為:1.Libraries,以同樣的方式再建立一個名為:2.Presentation的解決方案資料夾,如圖:

一步一步建立ASP.NET MVC5程式--Repository+Autofac+Automapper+SqlSugar--建立專案解決方案資料夾

到此,我們的解決方案資料夾建立完成了。接下來建立解決方案的基礎專案。

建立基礎專案

首先,在”Solution Explorer”的”1.Libraries”解決方案資料夾上右鍵單擊,在彈出的選單中選擇/點選[Add -> New Project],如圖:

一步一步建立ASP.NET MVC5程式--Repository+Autofac+Automapper+SqlSugar--建立專案選單

在彈出的對話方塊,選擇.NET Framework的版本為:.NET Framework 4.6.2,在專案列表中選擇Class Library(.NET Framework)項,為專案命名為:TsBlog.Domain,選擇專案路徑為[C:Usersjm001DocumentsVisual Studio 2017ProjectsTsBlogsrcLibraries],如圖:

一步一步建立ASP.NET MVC5程式--Repository+Autofac+Automapper+SqlSugar--建立專案對話方塊

單擊 “OK” 按鈕,完成TsBlog.Domain專案的建立,如圖:

一步一步建立ASP.NET MVC5程式--Repository+Autofac+Automapper+SqlSugar--建立專案完成TsBlog.Domain

以同樣的方式建立名為:TsBlog.Repositories的專案,完成後如圖:

一步一步建立ASP.NET MVC5程式--Repository+Autofac+Automapper+SqlSugar--建立專案完成TsBlog.Repositories

接著,以新增專案的方式,開啟新增專案的對話方塊,選擇.NET Framework 4.6.2,選擇ASP.NET Web Application(.NET Framework),專案名稱為:TsBlog.Frontend,路徑為[C:Usersjm001DocumentsVisual Studio 2017ProjectsTsBlogsrcPresentation],如圖:

一步一步建立ASP.NET MVC5程式--Repository+Autofac+Automapper+SqlSugar--建立專案完成TsBlog.Frontend

點選 “OK”,在彈出的對話方塊中選擇MVC模板,如圖:

一步一步建立ASP.NET MVC5程式--Repository+Autofac+Automapper+SqlSugar--選擇MVC模板

再次點選 “OK”,等待Visual Studio自動初始化ASP.NET Web專案。

以上三個專案建立完成之後,我們可以看到下圖所示的解決方案和專案結構:

一步一步建立ASP.NET MVC5程式--Repository+Autofac+Automapper+SqlSugar--解決方案和專案建立完成

由於自動生成的Web專案包含了很多無用的Nuget包,所以先把暫時沒有用上的Nuget包解除安裝了,右鍵單擊TsBlog.Frontend專案,選擇如下圖的選單:

一步一步建立ASP.NET MVC5程式--Repository+Autofac+Automapper+SqlSugar--解除安裝Nuget包

進入到TsBlog.Frontend專案Nuget包管理介面,如圖:

一步一步建立ASP.NET MVC5程式--Repository+Autofac+Automapper+SqlSugar--Nuget包管理介面

由於介面高度問題,只能展示解除安裝後的部分包介面截圖,如上圖。

好了,到這裡本系列的第一篇文章–搭建ASP.NET MVC 5 Web應用程式的基礎解決方案框架結構就完成了,接下來的一篇我們將介紹

本文同步發表至碼友網一步一步建立ASP.NET MVC5程式[Repository+Autofac+Automapper+SqlSugar](一)

相關文章