學習 ASP.NET Core 從建立空白專案開始

ASP.NET Core 是 ASP.NET 的最新版本,這個版本允許開發人員於其中運用 MVC、API 等技術開發以後端為主的 Web 應用,另外如果你特別關注前端技術的單頁式應用,也可以導入 Angular 或是 React 等等。

以下從最簡單的空白專案開始,嘗試建立 一個 ASP.NET Core 專案,過程非常的簡單,來看其中的步驟。


如你所見,空白專案除了專案必要的基本設定檔,並沒有其它的內容,如果只是要呈現靜態內容,或是不需要後端資料存取互動,則建立 HTML 檔案即可。

不過請特別注意最後的執行結果,瀏覽器出現一行「Hello World!」,這是專案預設內容,開啟專案中的 Startup.cs ,看到以下的內容:



程式碼拉到最下方可以看到 Configure 方法中的最後一行如下式:
context.Response.WriteAsync("Hello World!")
這一行將「Hello World!」單行文字訊息寫出至回應當中,最後送至瀏覽器得到輸出結果,在瀏覽器上點擊「檢視網頁原始碼」,會發現內容只有這一行文字,而非我們熟悉的 HTML 網頁架構。 


在建立新的 Web 專案時,可以看到其中包含數種可用的範本,ASP.NET Core 另外還提供MVC、API 以及 Razor Pages 等技術支援後端開發,而無論運用何種後端技術,理解  HTML 檔案相關技術都是必備的基礎。

現在要讓專案可以直接執行預設的 HTML 網頁檔案,開啟 Startup.cs 進行調整設定。

完成以下說明的設定,接下來就可以持續建立 HTML 網頁檔案,進行前端網頁的學習,這一部份請參考我們持續改版的 2020 全新「前端開發入門」教學。

 

沒有留言: