MVC5+EF6入門記(二)
阿新 • • 發佈:2017-10-01
key 元素 action 地址 登錄ui acc 場景 stact name 貓和你都歸我 2017/10/01 17:00:29
今天學習了第二課的內容,下面是我總結的知識點,希望會有所幫助,也希望多多指導!
一、對專業名詞的解釋
Action Method Selector
應用在Controller的Action上,以幫助選擇適當的Action
ViewBag
在View和Controller中傳遞數據的一種方式
HtmlHelper
通過View的Html屬性調用
二、建立、註冊登陸UI的詳細步驟
1.打開上次項目,新建兩個Action( a. 通過手打或粘貼復制;b.右鍵,插入代碼段ASP.NET MVC4-mvcpostaction4)
2.添加Action相應的View
View的存放位置約定:
a.所有的View都放在Views文件夾
b.Views文件夾創建了一系列與Controller同名的子文件夾
c.各子文件夾內存放與Action同名的cshtml文件(對應的View文件)
3.完成登錄頁面
a.到bootstrap上復制個登錄界面html
b.放到Login.cshtml 的body的div中
c.右鍵瀏覽器 View page source, 發現多了VS Browser Link廢代碼。通過在web.config中添加<add key="vs:EnableBrowSerLink" value="false"> </add>就可以看到純代碼了
三、如何從Controller中獲取表單數據
a.首先我們先去AccountController.cs中創建一個Login同名的Action來接受表單提交的數據。
b.打開Login.cshtml, 修改form,為後端接收數據做準備。
c.先在form標簽內增加兩個屬性action, method。對於form中的method(默認是get),通常情況下, get用於簡單的讀取數據操作,post用於寫數據操作。在input元素下添加name屬性,設置成和id一樣的值。(action位置是固定的,假如位置發生變化時,地址有可能不可用。使用HtmlHelper動態計算路由地址就是其中的一種方法。添加下面一句代碼,將form中內容放到 {} 中去即可@using (Html.BeginForm("login", "Account", FormMethod.Post)) { })
d.打開AccountController.cs,修改[HttpPost]的Login Action用於接收數據。
四、HttpPost屬性典型的應用場景
涉及到需要接受客戶端窗口數據的時候,創建一個用於接收HTTP Get請求的Action, 用於顯示界面, 提供給用戶填寫數據;另一個同名Action則應用[HttpPost]屬性,用於接收用戶發來的數據,完成對應的功能。
總結一下,這一節課主要講述了怎樣建立註冊登錄UI以及怎樣從Controller中獲取表單數據。總體感覺這節課還不算太難,加油吧!
今天學習了第二課的內容,下面是我總結的知識點,希望會有所幫助,也希望多多指導!
一、對專業名詞的解釋
Action Method Selector
應用在Controller的Action上,以幫助選擇適當的Action
ViewBag
在View和Controller中傳遞數據的一種方式
HtmlHelper
通過View的Html屬性調用
二、建立、註冊登陸UI的詳細步驟
1.打開上次項目,新建兩個Action( a. 通過手打或粘貼復制;b.右鍵,插入代碼段ASP.NET MVC4-mvcpostaction4)
2.添加Action相應的View
View的存放位置約定:
a.所有的View都放在Views文件夾
b.Views文件夾創建了一系列與Controller同名的子文件夾
c.各子文件夾內存放與Action同名的cshtml文件(對應的View文件)
3.完成登錄頁面
a.到bootstrap上復制個登錄界面html
b.放到Login.cshtml 的body的div中
c.右鍵瀏覽器 View page source, 發現多了VS Browser Link廢代碼。通過在web.config中添加<add key="vs:EnableBrowSerLink" value="false"> </add>就可以看到純代碼了
三、如何從Controller中獲取表單數據
a.首先我們先去AccountController.cs中創建一個Login同名的Action來接受表單提交的數據。
b.打開Login.cshtml, 修改form,為後端接收數據做準備。
c.先在form標簽內增加兩個屬性action, method。對於form中的method(默認是get),通常情況下, get用於簡單的讀取數據操作,post用於寫數據操作。在input元素下添加name屬性,設置成和id一樣的值。(action位置是固定的,假如位置發生變化時,地址有可能不可用。使用HtmlHelper動態計算路由地址就是其中的一種方法。添加下面一句代碼,將form中內容放到 {} 中去即可@using (Html.BeginForm("login", "Account", FormMethod.Post)) { })
d.打開AccountController.cs,修改[HttpPost]的Login Action用於接收數據。
四、HttpPost屬性典型的應用場景
涉及到需要接受客戶端窗口數據的時候,創建一個用於接收HTTP Get請求的Action, 用於顯示界面, 提供給用戶填寫數據;另一個同名Action則應用[HttpPost]屬性,用於接收用戶發來的數據,完成對應的功能。
總結一下,這一節課主要講述了怎樣建立註冊登錄UI以及怎樣從Controller中獲取表單數據。總體感覺這節課還不算太難,加油吧!
MVC5+EF6入門記(二)