第一步:打開VS2015,然后新建一個空的解決方案,其中解決方案的名稱WebSiteTest可類似認為是本次網站的名稱,系統會以該名稱(WebSiteTest)生成一個文件夾,在WebSites文件夾中,且在WebSiteTest文件夾中有WebSiteTest.sln文件。
過程如圖:
點擊確定后,第二步:對解決方案WebSiteTest右擊添加-新建網站。選擇ASP.NET 空網站,然后下方默認選擇 文件系統,路徑先選中W:\VS2015\WebSites\WebSiteTest,
然后在后面添加文件夾路徑/MainSite(或先自己在WebSiteTest中添加MainSite文件夾,然后路徑選擇時直接選擇MainSite文件夾),MainSite勉強可以類似為項目文件夾,而WebSiteTest則是解決方案的文件夾。
過程如圖:
點擊確定按鈕后生成網站“項目”,其中此時只有Web.config文件和附屬它的Web.Debug.config文件。
web.config其實是一個xml文檔,里面有很多配置節點配置各項屬性。比如有數據庫連接字符串的節點設置數據庫連接比如IP地址、端口等信息,其中的XML信息:
<compilation debug="true" targetFramework="4.5" /> <httpRuntime targetFramework="4.5" />
表示開啟debug模式,運行環境是Framework4.5。
第三步:右鍵MainSite“項目”-添加-添加新項,選擇Web 窗體,名字就用默認的Default.aspx即可,這個文件或Index.aspx文件一般是網站的主頁面文件。
過程如圖:
點擊添加后在右邊的解決方案資源管理器里就出現了Default.aspx以及附屬他的cs源碼Default.aspx.cs,這里cs源碼和網頁分開便於設計和編程。
第四步:單擊左下角的拆分我們就看到了代碼頁面(源頁面)和設計頁面。如圖:
第五步:在左側工具箱中找到Button和TextBox兩個控件,依次拖入設計頁面(拖的時候可以自己安排控件所處位置,但要詳細控制控件的位置就需要自己配置屬性和編程了)。
如圖:
第六步:雙擊Button控件,系統自動打開cs源碼頁(其實就是上面的Default.aspx.cs),生成該Button控件的Click事件,為該事件添加代碼:
protected void Button1_Click(object sender, EventArgs e) { TextBox1.Text = string.Format("點擊了Button1,此時時間為:{0}", DateTime.Now); }
由於Web.config中的debug為true,故可以啟動調試模式(F5),若為false則只能自己運行(Ctrl+F5)。
第七步:按下F5調試網站,在默認瀏覽器中彈出頁面如圖:
最后一步就是發布網站了,單擊菜單欄 生成->發布Web應用(VS2010是發布網站),在目標位置里填寫網站服務器的地址或者本地磁盤的地址,生成網站的所有文件就會上傳到相應的位置,網站就可以運作了。