asp.net基礎(chǔ)教程(ASP.NET教程)

0. 前言

這是一個(gè)新的系列，名字是《ASP.NET Core 入門到實(shí)戰(zhàn)》。這個(gè)系列主講ASP.NET Core MVC，輔助一些前端的基礎(chǔ)知識(shí)（能用來(lái)實(shí)現(xiàn)我們需要的即可，并非主講）。同時(shí)這個(gè)系列也會(huì)在后續(xù)介紹ASP.NET Core 平臺(tái)的其它類型的項(xiàng)目，并帶領(lǐng)大家以各個(gè)類型的項(xiàng)目為主要架構(gòu)開(kāi)發(fā)一個(gè)網(wǎng)站或者網(wǎng)絡(luò)服務(wù)中心。

下圖是官網(wǎng)關(guān)于Asp.net Core支持的項(xiàng)目的介紹

1. ASP.NET Core 介紹

這一節(jié)我將為大家介紹一下 asp.net core的發(fā)展歷程。

最早，微軟為了替代CGI腳本開(kāi)發(fā)了asp應(yīng)用。ASP 全程 Active Server Page，意思是活動(dòng)的服務(wù)器網(wǎng)頁(yè)。ASP是一種HTML+服務(wù)器代碼的組合，其后綴是.asp 。

在2001年，微軟宣布將asp遷移到.NET Framework上，形成了一種新的腳本語(yǔ)言——名為asp.net。在2002年發(fā)布第一版，名為ASP.NET 1.0，附屬在.NET Framework 1.0 上。ASP.NET 不僅僅是asp + ，更是 asp + .net 。結(jié)合了.net之后的asp.net 更加強(qiáng)大。

在2008年之前的某一年，asp.net mvc 上線了。從此之后，asp.net 分為了兩種技術(shù)：asp.net webform(也就是原有的asp.net)；asp.net mvc。MVC極大的減少了在前臺(tái)頁(yè)面中設(shè)置大量的服務(wù)器腳本，同時(shí)MVC更貼近與HTML語(yǔ)言，使得程序開(kāi)發(fā)工程師和前端能更好的配合 。

在2016年，微軟為了實(shí)現(xiàn)自己的跨平臺(tái)戰(zhàn)略，將.NET Framework提取出了.NET Core版本，同年發(fā)布1.0版本。與此同時(shí)發(fā)布了asp.net core RTM版，正式版發(fā)布于2017年。

從此.net core帶著它的小伙伴 EF Core和ASP.NET Core一路高歌猛進(jìn)，然后發(fā)展成了如今的現(xiàn)狀。

當(dāng)然，以上內(nèi)容省略了大量的情節(jié)，有興趣的小伙伴可以自行查閱相關(guān)資料。這里就不做過(guò)多的介紹了，因?yàn)槠L(zhǎng)了，而且也會(huì)偏離主線。

1.1 為什么是 ASP.NET Core

那么，為什么我們選擇了ASP.NET Core呢？目前市面上還有很多行業(yè)系統(tǒng)和領(lǐng)域相關(guān)系統(tǒng)都使用著 ASP.NET Webform，市場(chǎng)占比依舊不小。但是我們要考慮一件事情，那就是先行者優(yōu)勢(shì)和彎道超車。

現(xiàn)在的情況是，老的技術(shù)市場(chǎng)已經(jīng)站滿了人，新的技術(shù)市場(chǎng)還空空如也（當(dāng)然，在我發(fā)這篇文章的時(shí)候---2020-5-29---asp.net core已經(jīng)不算新了）。如果想入場(chǎng)一個(gè)技術(shù)，那么最適合的就是學(xué)最新的。

再者，ASP.NET Core支持跨平臺(tái)。最早.net是不支持跨平臺(tái)的，后來(lái)是Mono 經(jīng)過(guò)努力讓.net 開(kāi)始支持跨平臺(tái)。后來(lái)微軟提出了跨平臺(tái)戰(zhàn)略和物聯(lián)網(wǎng)戰(zhàn)略，才提出正式的跨平臺(tái)實(shí)現(xiàn)。

那么，我想到這里理由還是比較充分了。

1.2 為什么是MVC

MVC也就是Model-View-Controller的簡(jiǎn)稱，意思是模型-視圖-控制器。它的通信流程是這樣的：

用戶訪問(wèn)界面（View），提交請(qǐng)求（包括訪問(wèn)請(qǐng)求）界面向控制器（Controller）轉(zhuǎn)送用戶的請(qǐng)求，并進(jìn)行一定程度封裝控制器（Controller）處理并完成后，以Model的形式返回給ViewView解析返回的Model，然后繪制界面展示給用戶

MVC降低了頁(yè)面和控制器的耦合，簡(jiǎn)單的講就是極大的減少了頁(yè)面上的服務(wù)器腳本。另外，增強(qiáng)了頁(yè)面復(fù)用。ASP.NET Core MVC 在這一方便進(jìn)一步優(yōu)化了，又減少了不符合HTML格式的標(biāo)簽。

當(dāng)然，MVC還有更多的好處。不過(guò)，最主要的一點(diǎn)就是，MVC可以讓你離那些大佬更近一步（意思就是能讓你獲得一個(gè)工作）。

2. ASP.NET Core 入門

在上一節(jié)，我胡扯了一堆，說(shuō)不定打消了很多人的興趣，哈哈，開(kāi)個(gè)玩笑。讓我們正式開(kāi)始來(lái)試試ASP.NET Core。

先創(chuàng)建一個(gè)解決方案： dotnet new sln --name AspDemo創(chuàng)建一個(gè)MVC項(xiàng)目然后加入到解決方案 dotnet new mvc --name MvcWeb dotnet sln add MvcWeb

這時(shí)候，如果不出意外的話，你能在AspDemo目錄下看到如下目錄結(jié)構(gòu)：

├── AspCoreDemo.sln└── MvcWeb ├── appttings.Development.json ├── appttings.json ├── Controllers │ └── HomeController.cs ├── Models │ └── ErrorViewModel.cs ├── MvcWeb.csproj ├── obj │ ├── MvcWeb.csproj.nuget.dgspec.json │ ├── MvcWeb.csproj.nuget.g.props │ ├── MvcWeb.csproj.nuget.g.targets │ ├── project.asts.json │ └── project.nuget.cache ├── Program.cs ├── Properties │ └── launchSettings.json ├── Startup.cs ├── Views │ ├── Home │ │ ├── Index.cshtml │ │ └── Privacy.cshtml │ ├── Shared │ │ ├── Error.cshtml │ │ ├── _Layout.cshtml │ │ └── _ValidationScriptsPartial.cshtml │ ├── _ViewImports.cshtml │ └── _ViewStart.cshtml └── wwwroot ├── css │ └── site.css ├── favicon.ico ├── js │ └── site.js └── lib ├── bootstrap │ ├── dist │ │ ├── css │ │ │ ├── bootstrap.css │ │ │ ├── bootstrap.css.map │ │ │ ├── bootstrap-grid.css │ │ │ ├── bootstrap-grid.css.map │ │ │ ├── bootstrap-grid.min.css │ │ │ ├── bootstrap-grid.min.css.map │ │ │ ├── bootstrap.min.css │ │ │ ├── bootstrap.min.css.map │ │ │ ├── bootstrap-reboot.css │ │ │ ├── bootstrap-reboot.css.map │ │ │ ├── bootstrap-reboot.min.css │ │ │ └── bootstrap-reboot.min.css.map │ │ └── js │ │ ├── bootstrap.bundle.js │ │ ├── bootstrap.bundle.js.map │ │ ├── bootstrap.bundle.min.js │ │ ├── bootstrap.bundle.min.js.map │ │ ├── bootstrap.js │ │ ├── bootstrap.js.map │ │ ├── bootstrap.min.js │ │ └── bootstrap.min.js.map │ └── LICENSE ├── jquery │ ├── dist │ │ ├── jquery.js │ │ ├── jquery.min.js │ │ └── jquery.min.map │ └── LICENSE.txt ├── jquery-validation │ ├── dist │ │ ├── additional-methods.js │ │ ├── additional-methods.min.js │ │ ├── jquery.validate.js │ │ └── jquery.validate.min.js │ └── LICENSE.md └── jquery-validation-unobtrusive ├── jquery.validate.unobtrusive.js ├── jquery.validate.unobtrusive.min.js └── LICENSE.txt

簡(jiǎn)單介紹一下MvcWeb項(xiàng)目中的幾個(gè)目錄：

Controllers 里存放著控制器，負(fù)責(zé)處理視圖回傳的數(shù)據(jù)Models 里存放著Model層代碼，目錄名稱不強(qiáng)求，也不一定非要在這里Views 存放著視圖路徑，這個(gè)是固定名稱wwwroot 用來(lái)存放一些js腳本和css樣式表obj 目錄是編譯生成的目錄，暫時(shí)不用過(guò)多的關(guān)心。

那么，接下來(lái)運(yùn)行一下這個(gè)項(xiàng)目看看效果：

cd MvcWebdotnet run# 或者dotnet run --porject MvcWeb

如果出現(xiàn)如下內(nèi)容表示項(xiàng)目已經(jīng)啟動(dòng)完成了：

然后在瀏覽器中輸入：

http://localhost:5000

然后就能看到如下內(nèi)容：

目前是一個(gè)空蕩蕩的項(xiàng)目，不要急，在這個(gè)系列之后的文章中我們會(huì)繼續(xù)豐富這個(gè)項(xiàng)目，讓它的內(nèi)容更加豐富更加符合我們的需要。

3. Program.cs

有沒(méi)有覺(jué)得這個(gè)名字很熟悉？沒(méi)錯(cuò)，我們之前每次演示使用的都是控制臺(tái)程序，就有一個(gè)Program.cs文件，里面有一個(gè)Main方法。我們知道，Main方法是一個(gè)程序的入口。之前的Asp.net項(xiàng)目并沒(méi)有這個(gè)方法，是因?yàn)橹暗捻?xiàng)目都是依托在IIS上。而asp.net core脫離了IIS，使其可以直接運(yùn)行，所以就有一個(gè)入口方法。

代碼應(yīng)當(dāng)如下：

public class Program{ public static void Main(string[] args) { CreateHostBuilder(args).Build().Run(); } public static IHostBuilder CreateHostBuilder(string[] args) => Host.CreateDefaultBuilder(args) .ConfigureWebHostDefaults(webBuilder => { webBuilder.UStartup<Startup>(); });}3.1 修改端口

在我們使用的時(shí)候，經(jīng)常會(huì)出現(xiàn)端口被占用的情況，這時(shí)候就需要我們?cè)O(shè)置一下端口了。設(shè)置方法如下：

webBuilder.UUrls("http://*:5006");

然后重啟項(xiàng)目，就可以發(fā)現(xiàn)端口已經(jīng)發(fā)生改變。

4. Setup.cs

這個(gè)類用來(lái)配置服務(wù)和應(yīng)用的請(qǐng)求管道。這是一個(gè)約定的名稱。初始版本的類文件應(yīng)該是這樣的：

public class Startup{ public Startup(IConfiguration configuration) { Configuration = configuration; } public IConfiguration Configuration { get; } // This method gets called by the runtime. U this method to add rvices to the container. public void ConfigureServices(IServiceCollection rvices) { rvices.AddControllersWithViews(); } // This method gets called by the runtime. U this method to configure the HTTP request pipeline. public void Configure(IApplicationBuilder app, IWebHostEnvironment env) { if (env.IsDevelopment()) { app.UDeveloperExceptionPage(); } el { app.UExceptionHandler("/Home/Error"); // The default HSTS value is 30 days. You may want to change this for production scenarios, e https://aka.ms/aspnetcore-hsts. app.UHsts(); } app.UHttpsRedirection(); app.UStaticFiles(); app.URouting(); app.UAuthorization(); app.UEndpoints(endpoints => { endpoints.MapControllerRoute( name: "default", pattern: "{controller=Home}/{action=Index}/{id?}"); }); }}5. 總結(jié)

這一篇簡(jiǎn)單的帶領(lǐng)大家一起看了下asp.net core MVC項(xiàng)目?？梢哉f(shuō)這是最能體現(xiàn)微軟的約定優(yōu)于配置這句話的項(xiàng)目。MVC項(xiàng)目配置、繼承都很少。所有的方法和類都是通過(guò)約定好的名稱和參數(shù)列表來(lái)區(qū)分。所以在開(kāi)發(fā)MVC項(xiàng)目適合，發(fā)現(xiàn)效果和預(yù)期不太一致的時(shí)候，看一下是不是有拼寫錯(cuò)誤。

嗯，這一篇就到這了?！禷sp.net core 系列》期待你的關(guān)注，下一篇將介紹如何編寫一個(gè)控制器并訪問(wèn)它。

求關(guān)注，求點(diǎn)贊，求轉(zhuǎn)發(fā)~~有啥可以評(píng)論喲