1. 程式人生 > >Net Core 學習入門(三)---------第一個web應用程式

Net Core 學習入門(三)---------第一個web應用程式

 使用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,執行成功。