建立 ASP.NET Core MVC 項目 -- Hello World!

標籤：

一.建立一個空項目

　　請查看 建立 .NET Core 項目 -- Hello World! 一節,建立一個項目:

　　

二.添加引用並修改配置為 MVC

 　　修改 .vscode\launch.json 檔案　　

　　

　　代碼如下:

 1 { 2     "version": "0.2.0", 3     "configurations": [ 4         { 5             "name": ".NET Core Launch (web)", 6             "type": "coreclr", 7             "request": "launch", 8             "preLaunchTask": "build", 9             "program": "${workspaceRoot}\\bin\\Debug\\netcoreapp1.0\\WebAppCore.dll",10             "args": [],11             "cwd": "${workspaceRoot}",12             "stopAtEntry": false,13             "internalConsoleOptions": "openOnSessionStart",14             "env": {15                 "ASPNETCORE_ENVIRONMENT": "Development"16             },17             "sourceFileMap": {18                 "/Views": "${workspaceRoot}/Views"   // 用來編譯 cshtml 19             }20         }21     ]22 }

launch.json

　　修改 .vscode\tasks.json 檔案

　　

　　代碼如下:

 1 { 2     "version": "0.1.0", 3     "command": "dotnet", 4     "isShellCommand": true, 5     "args": [], 6     "tasks": [ 7         { 8             "taskName": "build", 9             "args": [10                 "${workspaceRoot}\\project.json"11             ],12             "isBuildCommand": true,13             "problemMatcher": "$msCompile"14         }15     ]16 }

tasks.json

 　　修改 project.json 專案檔

　　

　　代碼如下,注意必要依賴的添加項,微軟新的MVC庫檔案:

 1 { 2   "dependencies": { 3     "Microsoft.NETCore.App": {   // 多平台編譯,必須在這裡指明 .net core  4       "version": "1.0.1", 5       "type": "platform" 6     }, 7     "Microsoft.ApplicationInsights.AspNetCore": "1.0.0", 8     "Microsoft.AspNetCore.Mvc": "1.0.1", 9     "Microsoft.AspNetCore.Razor.Tools": {10       "version": "1.0.0-preview2-final",11       "type": "build"12     },13     "Microsoft.AspNetCore.Routing": "1.0.1",14     "Microsoft.AspNetCore.Server.Kestrel": "1.0.1"15   },16 17   "tools": {18     "Microsoft.AspNetCore.Razor.Tools": "1.0.0-preview2-final"19   },20   "frameworks": {21     "netcoreapp1.0": {22       "imports": [23         "dotnet5.6"24       ]25     }26   },27   "buildOptions": {28     "emitEntryPoint": true,29     "preserveCompilationContext": true30   },31   "runtimeOptions": {32     "configProperties": {33       "System.GC.Server": true34     }35   }36 }

project.json

 　　添加 Startup.cs 檔案

　　

　　代碼如下,注意代碼中的 ConfigureServices 與 Configure 方法:

 1 using Microsoft.AspNetCore.Builder; 2 using Microsoft.Extensions.Configuration; 3 using Microsoft.Extensions.DependencyInjection; 4  5  6 namespace WebAppCore 7 { 8     public class Startup 9     {10         public IConfigurationRoot Configuration { get; } 11 12         public Startup()13         {14             Configuration = new ConfigurationBuilder().Build();15         }16 17         // 被 runtime 使用的方法. 18         // 用這個方法向 容器 中添加服務.19         public void ConfigureServices(IServiceCollection services)20         {21             services.AddApplicationInsightsTelemetry(Configuration);            22             services.AddMvc();23             24         }25 26         // 被 runtime 使用的方法.  27         // 用這個方法配置 Http 請求管道.28         public void Configure(IApplicationBuilder app)29         {30             app.UseMvc(routes =>31             {32                 routes.MapRoute(33                     name: "default",34                     template: "{controller=HelloWorld}/{action=Index}/{id?}");35             });36         }37     }38 }

Startup.cs

 　　修改 Program.cs 檔案

　　

 　　代碼如下,代碼中建立了 Host :

 1 using System.IO; 2 using Microsoft.AspNetCore.Hosting; 3  4 namespace WebAppCore 5 { 6     public class Program 7     { 8         public static void Main(string[] args) 9         {10             var host = new WebHostBuilder()11                 .UseKestrel()12                 .UseContentRoot(Directory.GetCurrentDirectory())13                 .UseStartup<Startup>()14                 .Build();15 16             host.Run();17         }18     }19 }

Program.cs

三.添加 Controller/View

 中午吃飯,稍後繼續~~

四.使用Visual Studio Code 運行

 

建立 ASP.NET Core MVC 項目 -- Hello World!