Net Core 學習入門(三)---------第一個web應用程式
阿新 • • 發佈:2019-02-05
使用vs2017,新增一個新專案-asp.net core web應用程式。
結構如圖,
wwwroot放了網站的靜態資源如css、js、image檔案;
appsetting.json是應用程式的配置檔案。
buidlerconfig.json是應用程式的打包配置檔案。
page是應用程式的頁面
program.cs是程式的入口,程式碼如下,意思是建立一個站點,並從startup類開始執行。
public class Program { public static void Main(string[] args) { BuildWebHost(args).Run(); } public static IWebHost BuildWebHost(string[] args) => WebHost.CreateDefaultBuilder(args) .UseStartup<Startup>() .Build(); }
startup.cs是站點啟動時具體做了哪些事情,主要是開啟了一個mvc服務。
開啟page
index 的結構和webform非常相似,在index.cshtml是檢視頁,.cs是後臺程式, 裡面有個onget方法標識被請求是觸發。
上文提到這個應用程式是啟動了一個mvc服務,那麼我們能不能把這個webform型搞成mvc的呢,當然可以。
根目錄下手動建立Controllers資料夾,並建立一個HomeController控制器,
using System; using System.Collections.Generic; using System.Linq; using System.Threading.Tasks; using Microsoft.AspNetCore.Mvc; // For more information on enabling MVC for empty projects, visit https://go.microsoft.com/fwlink/?LinkID=397860 namespace Core.Controllers { public class HomeController : Controller { // GET: /<controller>/ public IActionResult Index() { return View(); } } }
根目錄下再建立Views資料夾,並新增一個Home資料夾並建立一個Index.cshtml檢視,
@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Index</title>
</head>
<body>
這是mvc的入口頁
</body>
</html>
最後,startup.cs配置路由,找到
app.UseMvc();
追加程式碼
app.UseMvc(routes =>
{
routes.MapRoute(
name: "default",
template: "{controller=Home}/{action=Index}/{id?}");
});
執行,在瀏覽器輸入地址http://localhost:49265/Home/Index,執行成功。