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

啟動運行調試,點擊菜單欄【啟動】

在瀏覽器中查看網頁效果

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM