您好,登錄后才能下訂單哦!
這篇文章主要講解了“如何實現Asp.Mvc 2.0用戶的編輯與刪除”,文中的講解內容簡單清晰,易于學習與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學習“如何實現Asp.Mvc 2.0用戶的編輯與刪除”吧!
1.顯示所有用戶
我們把所有用戶信息查詢出來,以表格形式在頁面上顯示,效果圖如下:
首先把所有用戶信息顯示在index頁面上.找到index頁面對應的controller,然后查找出所有用戶信息,把查找出的用戶集合放在viewdata里面
Controller代碼:
public ActionResult Index() { //查詢出所有用戶 DataSet ds = new Models.SqlHelper().GetAllUsers(); if (ds!=null&&ds.Tables[0].Rows.Count>0) { List<Models.UserModels> lists = new List<Models.UserModels>(); for (int i = 0; i < ds.Tables[0].Rows.Count; i++) { Models.UserModels model = new Models.UserModels(); model.UserName = ds.Tables[0].Rows[i]["UserName"].ToString(); model.UserPwd = ds.Tables[0].Rows[i]["UserPwd"].ToString(); model.Email = ds.Tables[0].Rows[i]["Email"].ToString(); lists.Add(model); } if (lists.Count>0) { ViewData["users"] = lists; } } return View(); }
Index頁面代碼
<table > <tr> <td>用戶名</td> <td>密碼</td> <td>郵箱</td> <td>編輯</td> <td>刪除</td> </tr> <%foreach (var item in (ViewData["users"] as IEnumerable<MvcLogin.Models.UserModels>) ) {%> <tr> <td> <%:item.UserName %> </td> <td><%:item.UserPwd %></td> <td><%:item.Email %></td> <td>編輯 <%:Html.ActionLink("編輯", "EditUser","user",new { userName=item.UserName},null)%></td> <td><%:Html.ActionLink("刪除", "DelUser", "user", new { userName=item.UserName},null)%></td> </tr> <% } %> </table>
點擊每行數據后面的編輯按鈕,轉向編輯頁面。接下來我們看看編輯頁面
2.編輯用戶
首先我們看下編輯頁面的效果圖
點擊每行的編輯鏈接,轉向編輯頁面,顯示當前用戶信息。
首先我們看下編輯頁面對應的controller:
/// <summary> /// 轉向編輯頁面 /// </summary> /// <param name="userName"></param> /// <returns></returns> public ActionResult EditUser(string userName) { //根據用戶名獲取用戶信息 DataSet ds = new Models.SqlHelper().GetSingleUser(userName); if (ds != null && ds.Tables[0].Rows.Count > 0) { ViewData["username"] = ds.Tables[0].Rows[0]["username"].ToString(); ViewData["userPwd"] = ds.Tables[0].Rows[0]["userpwd"].ToString(); ViewData["email"] = ds.Tables[0].Rows[0]["email"].ToString(); return View("edituser"); } else { return View("error"); } }
然后在頁面上顯示用戶信息,在這個地方我們顯示頁面信息用viewdata來顯示。
頁面代碼
<form id="form1" method="post" action="/user/edituser?username=<%:ViewData["username"].ToString() %>"> <div> 修改用戶信息 <table class="style1"> <tr> <td class="style2"> </td> <td class="style3"> </td> <td> </td> </tr> <tr> <td class="style2"> 用戶名:</td> <td class="style3"> <input type="text" id="txtUserName" name="txtUserName" disabled="disabled" value="<%:ViewData["username"].ToString() %>" /> </td> <td> </td> </tr> <tr> <td class="style2"> 密碼:</td> <td class="style3"> <input type="text" id="txtUserPwd" name="txtUserPwd" value="<%:ViewData["userPwd"].ToString() %>"/> </td> <td> </td> </tr> <tr> <td class="style2"> 郵箱:</td> <td class="style3"> <input type="text" id="txtemail" name="txtemail" value="<%:ViewData["email"].ToString() %>" /> </td> <td> </td> </tr> <tr> <td class="style2"> </td> <td class="style3"> <input id="Button1" type="submit" value="提交" /></td> <td> </td> </tr> </table> <%if (ViewData["errMsg"] != null) {%> <%:ViewData["errMsg"].ToString()%> <%} %> </div> </form>
提交修改信息
在編輯頁面修改完用戶信息后,點擊提交按鈕,會提交用戶信息。
我們看下提交對應的controller
[HttpPost] public ActionResult EditUser() { string userName = Request.QueryString["UserName"].ToString(); string userPwd = Request.Form["txtUserPwd"].ToString(); string email = Request.Form["txtemail"].ToString(); if (userName == "" || userPwd == "") { ViewData["errMsg"] = "用戶名和密碼不能為空"; return EditUser(userName); } else { //更新數據庫 bool result=new Models.SqlHelper().UpdateUser(userName, userPwd, email); if (result) { //轉向主頁 DataSet ds = new Models.SqlHelper().GetAllUsers(); if (ds != null && ds.Tables[0].Rows.Count > 0) { List<Models.UserModels> lists = new List<Models.UserModels>(); for (int i = 0; i < ds.Tables[0].Rows.Count; i++) { Models.UserModels model = new Models.UserModels(); model.UserName = ds.Tables[0].Rows[i]["UserName"].ToString(); model.UserPwd = ds.Tables[0].Rows[i]["UserPwd"].ToString(); model.Email = ds.Tables[0].Rows[i]["Email"].ToString(); lists.Add(model); } if (lists.Count > 0) { ViewData["users"] = lists; } } return View("index"); } else { ViewData["errMsg"] = "更新失敗"; return EditUser(userName); } }
在提交controller中,我們使用Request.Form獲取用戶輸入的內容。提交成功后,轉向INDEX首頁。
3.刪除用戶.
點擊刪除鏈接,會根據當前的用戶名,轉向刪除對應的controller
/// <summary> /// 刪除用戶 /// </summary> /// <param name="userName"></param> /// <returns></returns> public ActionResult DelUser(string userName) { bool result = new Models.SqlHelper().DelUser(userName); DataSet ds = new Models.SqlHelper().GetAllUsers(); if (ds != null && ds.Tables[0].Rows.Count > 0) { List<Models.UserModels> lists = new List<Models.UserModels>(); for (int i = 0; i < ds.Tables[0].Rows.Count; i++) { Models.UserModels model = new Models.UserModels(); model.UserName = ds.Tables[0].Rows[i]["UserName"].ToString(); model.UserPwd = ds.Tables[0].Rows[i]["UserPwd"].ToString(); model.Email = ds.Tables[0].Rows[i]["Email"].ToString(); lists.Add(model); } if (lists.Count > 0) { ViewData["users"] = lists; } } return View("index");
感謝各位的閱讀,以上就是“如何實現Asp.Mvc 2.0用戶的編輯與刪除”的內容了,經過本文的學習后,相信大家對如何實現Asp.Mvc 2.0用戶的編輯與刪除這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是億速云,小編將為大家推送更多相關知識點的文章,歡迎關注!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。