本篇內(nèi)容主要講解“如何編寫ASP.NET MVC5網(wǎng)站開發(fā)顯示文章列表”,感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷,實用性強。下面就讓小編來帶大家學習“如何編寫ASP.NET MVC5網(wǎng)站開發(fā)顯示文章列表”吧!
成都創(chuàng)新互聯(lián):公司2013年成立為各行業(yè)開拓出企業(yè)自己的“網(wǎng)站建設”服務,為數(shù)千家公司企業(yè)提供了專業(yè)的網(wǎng)站建設、網(wǎng)站制作、網(wǎng)頁設計和網(wǎng)站推廣服務, 按需定制由設計師親自精心設計,設計的效果完全按照客戶的要求,并適當?shù)奶岢龊侠淼慕ㄗh,擁有的視覺效果,策劃師分析客戶的同行競爭對手,根據(jù)客戶的實際情況給出合理的網(wǎng)站構架,制作客戶同行業(yè)具有領先地位的。上個效果圖:
1、在IBLL
在InterfaceCommonModelService接口中添加獲取公共模型列表的方法
首先排序方法
/// <summary> /// 排序 /// </summary> /// <param name="entitys">數(shù)據(jù)實體集</param> /// <param name="roderCode">排序代碼[默認:ID降序]</param> /// <returns></returns> IQueryable<CommonModel> Order(IQueryable<CommonModel> entitys, int roderCode); 查詢數(shù)據(jù)方法 /// <summary> /// 查詢分頁數(shù)據(jù)列表 /// </summary> /// <param name="totalRecord">總記錄數(shù)</param> /// <param name="model">模型【All全部】</param> /// <param name="pageIndex">頁碼</param> /// <param name="pageSize">每頁記錄數(shù)</param> /// <param name="title">標題【不使用設置空字符串】</param> /// <param name="categoryID">欄目ID【不使用設0】</param> /// <param name="inputer">用戶名【不使用設置空字符串】</param> /// <param name="fromDate">起始日期【可為null】</param> /// <param name="toDate">截止日期【可為null】</param> /// <param name="orderCode">排序碼</param> /// <returns>分頁數(shù)據(jù)列表</returns> IQueryable<CommonModel> FindPageList(out int totalRecord, int pageIndex, int pageSize, string model, string title, int categoryID, string inputer, Nullable<DateTime> fromDate, Nullable<DateTime> toDate, int orderCode);
2、BLL
在CommonModelService寫方法實現(xiàn)代碼,內(nèi)容都很簡單主要是思路,直接上代碼 public IQueryable<CommonModel> FindPageList(out int totalRecord, int pageIndex, int pageSize, string model, string title, int categoryID, string inputer, Nullable<DateTime> fromDate, Nullable<DateTime> toDate, int orderCode) { //獲取實體列表 IQueryable<CommonModel> _commonModels = CurrentRepository.Entities; if (model == null || model != "All") _commonModels = _commonModels.Where(cm => cm.Model == model); if (!string.IsNullOrEmpty(title)) _commonModels = _commonModels.Where(cm => cm.Title.Contains(title)); if (categoryID > 0) _commonModels = _commonModels.Where(cm => cm.CategoryID == categoryID); if (!string.IsNullOrEmpty(inputer)) _commonModels = _commonModels.Where(cm => cm.Inputer == inputer); if (fromDate != null) _commonModels = _commonModels.Where(cm => cm.ReleaseDate >= fromDate); if (toDate != null) _commonModels = _commonModels.Where(cm => cm.ReleaseDate <= toDate); _commonModels = Order(_commonModels, orderCode); totalRecord = _commonModels.Count(); return PageList(_commonModels, pageIndex, pageSize).AsQueryable(); } public IQueryable<CommonModel> Order(IQueryable<CommonModel> entitys, int orderCode) { switch(orderCode) { //默認排序 default: entitys = entitys.OrderByDescending(cm => cm.ReleaseDate); break; } return entitys; }
3、web
由于CommonModel跟我們前臺顯示的數(shù)據(jù)并不一致,為了照顧datagrid中的數(shù)據(jù)顯示再在Ninesky.Web.Models中再構造一個視圖模型CommonModelViewModel
using System; namespace Ninesky.Web.Models { /// <summary> /// CommonModel視圖模型 /// <remarks> /// 創(chuàng)建:2014.03.10 /// </remarks> /// </summary> public class CommonModelViewModel { public int ModelID { get; set; } /// <summary> /// 欄目ID /// </summary> public int CategoryID { get; set; } /// <summary> /// 欄目名稱 /// </summary> public string CategoryName { get; set; } /// <summary> /// 模型名稱 /// </summary> public string Model { get; set; } /// <summary> /// 標題 /// </summary> public string Title { get; set; } /// <summary> /// 錄入者 /// </summary> public string Inputer { get; set; } /// <summary> /// 點擊 /// </summary> public int Hits { get; set; } /// <summary> /// 發(fā)布日期 /// </summary> public DateTime ReleaseDate { get; set; } /// <summary> /// 狀態(tài) /// </summary> public int Status { get; set; } /// <summary> /// 狀態(tài)文字 /// </summary> public string StatusString { get { return Ninesky.Models.CommonModel.StatusList[Status]; } } /// <summary> /// 首頁圖片 /// </summary> public string DefaultPicUrl { get; set; } } }
在ArticleController中添加一個返回json類型的JsonList方法
/// <summary> /// 文章列表Json【注意權限問題,普通人員是否可以訪問?】 /// </summary> /// <param name="title">標題</param> /// <param name="input">錄入</param> /// <param name="category">欄目</param> /// <param name="fromDate">日期起</param> /// <param name="toDate">日期止</param> /// <param name="pageIndex">頁碼</param> /// <param name="pageSize">每頁記錄</param> /// <returns></returns> public ActionResult JsonList(string title, string input, Nullable<int> category, Nullable<DateTime> fromDate, Nullable<DateTime> toDate, int pageIndex = 1, int pageSize = 20) { if (category == null) category = 0; int _total; var _rows = commonModelService.FindPageList(out _total, pageIndex, pageSize, "Article", title, (int)category, input, fromDate, toDate, 0).Select( cm => new Ninesky.Web.Models.CommonModelViewModel() { CategoryID = cm.CategoryID, CategoryName = cm.Category.Name, DefaultPicUrl = cm.DefaultPicUrl, Hits = cm.Hits, Inputer = cm.Inputer, Model = cm.Model, ModelID = cm.ModelID, ReleaseDate = cm.ReleaseDate, Status = cm.Status, Title = cm.Title }); return Json(new { total = _total, rows = _rows.ToList() }); }
下面是做界面了,在添加 List方法,這里不提供任何數(shù)據(jù),數(shù)據(jù)在JsonList 中獲得
/// <summary> /// 全部文章 /// </summary> /// <returns></returns> public ActionResult List() { return View(); }
右鍵添加視圖
<div id="toolbar"> <div> <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-edit',plain:true" >修改</a> <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-remove',plain:true" ">刪除</a> <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-reload',plain:true" onclick="$('#article_list').datagrid('reload');">刷新</a> </div> <div class="form-inline"> <label>欄目</label><input id="combo_category" data-options="url:'@Url.Action("JsonTree", "Category", new { model="Article" })'" class="easyui-combotree" /> <label>標題</label> <input id="textbox_title" class="input-easyui" /> <label>錄入人</label><input id="textbox_inputer" class="input-easyui" /> <label>添加日期</label> <input id="datebox_fromdate" type="datetime" class="easyui-datebox" /> - <input id="datebox_todate" type="datetime" class="easyui-datebox" /> <a href="#" id="btn_search" data-options="iconCls:'icon-search'" class="easyui-linkbutton">查詢</a> </div> </div> <table id="article_list"></table> <script src="~/Scripts/Common.js"></script> <script type="text/javascript"> $("#article_list").datagrid({ loadMsg: '加載中……', pagination:true, url: '@Url.Action("JsonList","Article")', columns: [[ { field: 'ModelID', title: 'ID', checkbox: true }, { field: 'CategoryName', title: '欄目'}, { field: 'Title', title: '標題'}, { field: 'Inputer', title: '錄入', align: 'right' }, { field: 'Hits', title: '點擊', align: 'right' }, { field: 'ReleaseDate', title: '發(fā)布日期', align: 'right', formatter: function (value, row, index) { return jsonDateFormat(value); } }, { field: 'StatusString', title: '狀態(tài)', width: 100, align: 'right' } ]], toolbar: '#toolbar', idField: 'ModelID', }); //查找 $("#btn_search").click(function () { $("#article_list").datagrid('load', { title: $("#textbox_title").val(), input: $("#textbox_inputer").val(), category: $("#combo_category").combotree('getValue'), fromDate: $("#datebox_fromdate").datebox('getValue'), toDate: $("#datebox_todate").datebox('getValue') }); }); } </script>
到此,相信大家對“如何編寫ASP.NET MVC5網(wǎng)站開發(fā)顯示文章列表”有了更深的了解,不妨來實際操作一番吧!這里是創(chuàng)新互聯(lián)建站,更多相關內(nèi)容可以進入相關頻道進行查詢,關注我們,繼續(xù)學習!
分享題目:如何編寫ASP.NETMVC5網(wǎng)站開發(fā)顯示文章列表-創(chuàng)新互聯(lián)
鏈接URL:http://bm7419.com/article40/ijeeo.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供ChatGPT、動態(tài)網(wǎng)站、網(wǎng)站排名、手機網(wǎng)站建設、Google、App開發(fā)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉載內(nèi)容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容