Asp.Net Mvc2 增刪改查DEMO附下載
<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>
這里可以定義這個視圖的類型,操作起來也比較方便,我們這里這樣定義
<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<Web.Models.PageData<Web.Models.Users>>" %>
這里返回的是一個分頁集合實體類,實體類定義
/// <summary>
/// 分頁查詢記錄集類
/// </summary>
/// <typeparam name="T">通類類型</typeparam>
public class PageData<T>
{
/// <summary>
/// 獲取或設(shè)置查詢返回的分頁記錄集
/// </summary>
public List<T> GetDate = new List<T>();
/// <summary>
/// 獲取或設(shè)置符合查詢條件總記錄數(shù)
/// </summary>
public int Count { get; set; }
/// <summary>
/// 每頁多少條
/// </summary>
public int PageSize = 5;
/// <summary>
/// 當(dāng)前多少頁
/// </summary>
public int PageIndex { get; set; }
}
經(jīng)過控制器處理之后返回相關(guān)參數(shù),包含分頁所需要的顯示數(shù)據(jù)、總記錄數(shù)、頁碼、當(dāng)前第幾頁信息。因為在List頁面中已經(jīng)定義過類型了,那么調(diào)用的時候直接通過Model就可以調(diào)用出來。
上圖可以看出,GetDate這個屬性中保存的是泛型的數(shù)據(jù)集合,這樣我們就可以循環(huán)的顯示出來。如果分頁的話,根據(jù)頁碼傳值至控制器,重新獲取數(shù)據(jù),填充,然后返回,再顯示,這里就可以實現(xiàn)顯示數(shù)據(jù)并且分頁的功能了。這里稍微介紹下分頁的插件,用的是jquery.pagination,如果大家不熟悉使用的話,園子里有詳細(xì)介紹的文章。
控制器中從數(shù)據(jù)庫中獲取相關(guān)數(shù)據(jù),填充至實體類中,這樣視圖中直接調(diào)用就OK了。這里說寫控制器中的寫法。
$(function () {
//分頁參數(shù)設(shè)置
$("#Pagination").pagination(<%=Model.Count%>, {
callback: pageselectCallback,
prev_text: "« 上一頁", //上一頁按鈕文字
next_text: "下一頁 »", //下一頁按鈕文字
items_per_page: <%=Model.PageSize%>, //每頁顯示多少條
num_display_entries: 5, //連續(xù)分頁主體部分顯示的分頁條目數(shù)
current_page: <%=Model.PageIndex%>, //當(dāng)前多少頁
num_edge_entries: 1, //兩側(cè)顯示的首尾分頁的條目數(shù)
link_to: "?page=__id__"
});
});
function pageselectCallback(page_id, jq) {
//回調(diào)函數(shù)
}
2、添加操作。我們先定義一個實體類。
/// <summary>
/// 用戶ID
/// </summary>
public int UID { get; set; }
/// <summary>
/// 登錄帳號
/// </summary>
public string UName { get; set; }
/// <summary>
/// 登錄密碼
/// </summary>
public string UPassWord { get; set; }
然后在新增的頁面我們需要定義兩個input,然后輸入登錄帳號和登錄密碼,注意在定義兩個input的時候,請務(wù)必設(shè)置input的name屬性跟實體類對應(yīng),當(dāng)然我們的視圖也需要定義類型為Users(實體類,類名),設(shè)置action和method屬性。
<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<Web.Models.Users>" %>
<form action="/Demo/Add/" method="post">
<table>
<tr>
<td>登錄帳號:</td>
<td><input type="text" name="UName" /></td>
</tr>
<tr>
<td>登錄密碼:</td>
<td><input type="password" name="UPassWord" /></td>
</tr>
<tr>
<td colspan="2" align="center"><input type="submit" value="提交" /></td>
</tr>
</table>
</form>
因為MVC會把表單自動映射到實體類的字段中,那么我們在控制器中直接獲取這個實體類就OK了。因為看到有些童鞋獲取數(shù)據(jù)是通過Request.Form[""]來獲取值的。
[HttpPost]
//進(jìn)行添加操作
public ActionResult Add(Users model)
{
//這里可以進(jìn)行新增操作
//Bll.Add(model);
return RedirectToAction("List");
}
這樣實體類中就保存了表單中的值了,不用在一個個去獲取賦值了。修改的話跟這個差不多,這里就不過細(xì)去講了,在文章的最后會提供DEMO的下載。
點擊下載
- Asp.Net Mvc2 增刪改查DEMO代碼
- angularJS與bootstrap結(jié)合實現(xiàn)動態(tài)加載彈出提示內(nèi)容
- asp.net MVC利用自定義ModelBinder過濾關(guān)鍵字的方法(附demo源碼下載)
- ASP.NET MVC使用ActionFilterAttribute實現(xiàn)權(quán)限限制的方法(附demo源碼下載)
- 基于AngularJs + Bootstrap + AngularStrap相結(jié)合實現(xiàn)省市區(qū)聯(lián)動代碼
- indexedDB bootstrap angularjs之 MVC DOMO (應(yīng)用示例)
相關(guān)文章
ASP.NET Mvc開發(fā)之刪除修改數(shù)據(jù)
這篇文章主要介紹了ASP.NET Mvc開發(fā)中的刪除修改數(shù)據(jù)功能,感興趣的小伙伴們可以參考一下2016-03-03詳解ASP.NET Core Web Api之JWT刷新Token
這篇文章主要介紹了詳解ASP.NET Core Web Api之JWT刷新Token,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-11-11asp.net讀取excel中的數(shù)據(jù)并綁定在gridview
這篇文章主要介紹了asp.net讀取excel中的數(shù)據(jù)并綁定在gridview上的方法,需要的朋友可以參考下2014-02-02解決AJAX.NET中的懸停panel在頁面加載時閃爍的問題
AJAX.NET的兩個懸停控件.分別是HoverMenuExtender和ModalPopupExtender.他們可以打造很好的懸停效果...通常,我都是用panel來作為懸停內(nèi)容的容器..2009-06-06.net core webapi 大文件上傳到wwwroot文件夾的操作代碼
這篇文章主要介紹了.net core webapi 大文件上傳到wwwroot文件夾的操作代碼,本文通過示例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友參考下吧2023-12-12利用docker-compose搭建AspNetCore開發(fā)環(huán)境
這篇文章主要為大家詳細(xì)介紹了利用docker-compose搭建AspNetCore開發(fā)環(huán)境,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-07-07asp.net 臨時數(shù)據(jù)保存實現(xiàn)代碼
在一個程序運行的時候往往我們會回到上一個頁面,或者我們會需要當(dāng)時留在這個頁面的臨時數(shù)據(jù),例如,我們用百度搜索“腳本”之后我們會看到很多那啥我就不再說了??!然后我們返回本來頁面在文本框內(nèi)會有“腳本”的字樣,我們一下代碼段就是實現(xiàn)這個功能2012-04-04