ASP.NET網站開發步驟
阿新 • • 發佈:2021-12-08
ASP.NET網站開發步驟
參考地址
Visual Studio 2017【使用ASP.NET開發Web專案】第一課——初識ASP.NET,建立第一個ASP.NET程式_ba_wang_mao的專欄-CSDN部落格_asp.net開發
步驟 1
開啟 Visual Studio 2019,點選選單欄【檔案】——【新建專案】, 在彈出的【新建專案】視窗中,在左側展開“其他專案型別”列表,在列表中選擇“Visual Studio 解決方案”。
步驟 2
在“解決方案資源管理器”視窗中,右擊“解決方案”,在快捷選單中選擇“新增” → “新建專案”,如圖所示。
步驟 3
彈出【新增新專案】視窗,在視窗的左側選擇開發語言是
在彈出的【新建ASP.NET Web應用程式 - HelloWeb】視窗中,點選選擇【空】,然後再單擊【確定】按鈕
在解決方案中添加了名稱為“HelloWeb”的站點後,解決方案資源管理器中的目錄結構如圖所示。Web.config 是 XML 檔案,用於網站的配置。
步驟 4
在解決方案裡,右擊“HelloWeb”的網站,在快捷選單中選擇“新增” → “Web窗體”。
此時會彈出一個【指定項名稱】,預設名稱WebForm1,單擊【確定】按鈕。
此時,會自動生成一個WebForm1.aspx檔案,並在VS程式中開啟,“WebForm1.aspx”即為建立的第一個 Web 頁面。
步驟 5
在“WebForm1.aspx”頁面,進行html程式碼編寫,這裡只簡單的寫了title標籤設定網頁標題,並在body裡輸出一句話“Hello World”。
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="HelloWeb.WebForm1" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title> 我的第一個ASP.NET網站 </title> </head> <body> <form id="form1" runat="server"> <div> Hello World </div> </form> </body> </html>
步驟 6
啟動執行除錯,點選選單欄【啟動】
在瀏覽器中檢視網頁效果