1. 程式人生 > 其它 >ASP.NET網站開發步驟

ASP.NET網站開發步驟

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

彈出【新增新專案】視窗,在視窗的左側選擇開發語言是

“Visual C#”,在視窗的 右側選擇“ASP.NET Web應用程式(.NET 應用程式)”,最後給您的Web站點起個名字,這個案例裡,我們起的是“HelloWeb”,並瀏覽選擇 Web 站點的儲存位置後,最後單擊【確定】按鈕

在彈出的【新建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

啟動執行除錯,點選選單欄【啟動】

在瀏覽器中檢視網頁效果