MVC+EasyUI+三層新聞網站建立(七:分頁查詢出數據)

来源:http://www.cnblogs.com/liuzhidao/archive/2017/07/13/7161248.html
-Advertisement-
Play Games

1、在Model裡面建立NewInfo(裡面存放的是新聞信息的實體信息) 然後在DAL層中建立NewInfoDal (裡面存放對新聞信息的操作) 寫入分頁查詢的代碼 在BLL層中建立NewInfoServices(裡面存放對新聞信息的邏輯處理) 我們把新聞管理的url指定為/NewInfo/Inde ...


1、在Model裡面建立NewInfo(裡面存放的是新聞信息的實體信息)

然後在DAL層中建立NewInfoDal (裡面存放對新聞信息的操作)

寫入分頁查詢的代碼

/// <summary>
        /// 分頁查詢
        /// </summary>
        /// <param name="start">分頁開始條數</param>
        /// <param name="end">分頁結束條數</param>
        /// <returns>返回查詢到的list集合</returns>
        public List<NewInfo> GetPageEntityList(int start,int end)
        {
            string sql = "select * from(select row_number()over(order by id)as num,*from T_News)as t where t.num>=@start and t.num<=@end";
            SqlParameter[] pms = { 
                                     new SqlParameter("@start",SqlDbType.Int),
                                     new SqlParameter("@end",SqlDbType.Int),
                                 };
            pms[0].Value = start;
            pms[1].Value = end;
            DataTable dt = SqlHelper.ExcuteDataTable(sql,CommandType.Text,pms);
            List<NewInfo> newList = null;
            if (dt.Rows.Count>0)
            {
                newList = new List<NewInfo>();
                NewInfo newinfo = null;
                foreach (DataRow item in dt.Rows)
                {
                    newinfo = new NewInfo();
                    LoadEntity(item,newinfo);
                    newList.Add(newinfo);
                }
            }
            return newList;
        }
 /// <summary>
        /// 查詢出頁麵條數
        /// </summary>
        /// <returns></returns>
        public int GetRecordCount()
        {
            string sql = "select count(*) from T_News";
            int count = Convert.ToInt32(SqlHelper.ExecuteScalar(sql,CommandType.Text));
            return count;
        }

 

在BLL層中建立NewInfoServices(裡面存放對新聞信息的邏輯處理)

 DAL.NewInfoDal NewInfoDal = new DAL.NewInfoDal();
        /// <summary>
        /// 分頁查詢數據
        /// </summary>
        /// <param name="pageIndex">當前頁碼值</param>
        /// <param name="pageSize">一個多少條數據</param>
        /// <returns></returns>
        public List<NewInfo> GetPageEntityList(int pageIndex, int pageSize)
        {
            int start = (pageIndex - 1) * pageSize + 1;
            int end = pageSize * pageIndex;
            return NewInfoDal.GetPageEntityList(start,end);
        }
 /// <summary>
        /// 查詢出頁面的記錄數
        /// </summary>
        /// <returns></returns>
        public int GetRecordCount()
        {
            return NewInfoDal.GetRecordCount();
        }

 

我們把新聞管理的url指定為/NewInfo/Index 

那麼就要新建NewInfo控制器  Index視圖就是新聞管理頁面的主頁了。

 

新聞管理主頁的佈局很簡單就是一個表格,所以就先在body裡面寫了一表格

<body>
    <div>
        <table id="tt"></table>
    </div>
</body/>

這裡用到的是easyui的框架,所以先引用文件。

然後就是通過寫js代碼來顯示出表格的行和列

 <script type="text/javascript">
        $(function () {
            //初始化表格
            initTable();
});

       //初始化表格
        function initTable() {
            $("#tt").datagrid({
                //指向一個地址,當表格載入完成後自動請求該地址
                //自動向後臺發送    rows 當前頁多少條數據        page:當前頁
                //要求返回的數據json對象  {total:200,rows:[{},{}]}
                url: '/NewInfo/ShowNewsList',
                title: "新聞管理",
                fitColumns: true,
                height: $(window).height()-10,
                idField: 'Id',      //後臺返回數據中的主鍵列。一定註意大小寫。
                loadMsg: "正在載入新聞信息........",
                pagination: true,      //啟用分頁
                singleSelect: true,      //只允許選中一行
                pageSize: 10,        //一頁預設多少條
                pageNumber: 1,        //預設頁
                rownumbers: true,//行號
                pageList: [10, 20, 30],      //允許一頁多少條數據
                queryParams: {},          //非同步請求可以額外傳遞的數據
                columns: [[
                { field: 'ck', checkbox: true, align: 'left', width: 50 },   // 設置cheakbox
               { field: 'Title', title: '標題', width: 120 },
               { field: 'SubDateTime', title: '發佈時間', width: 80, formatter: ChangeDateFormat, },
               { field: 'Author', title: '作者', width: 80 },

                 {
                     field: 'operate', title: '操作', align: 'center', width: $(this).width() * 0.1,
                     formatter: function (value, row, index) {
                         var str = "";
                         str += '<a href="#" name="detail" id="detail" class="easyui-linkbutton" onclick="showDetail('+row.Id+')"></a>';
                         str += '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;',
                         str += '<a href="#" name="update" id="update" class="easyui-linkbutton" onclick="updateNewInfo(' + row.Id + ')" ></a>';
                         str += '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;',
                         str += '<a href="#" name="delete" id="delete" class="easyui-linkbutton" onclick="deleteNewInfo(' + row.Id + ')" ></a>';
                         return str;
                     }
                 }

                ]],

                onLoadSuccess: function (data) {
                    $("a[name='detail']").linkbutton({ text: '詳情', plain: true, iconCls: 'icon-more' });
                    $("a[name='update']").linkbutton({ text: '編輯', plain: true, iconCls: 'icon-edit' });
                    $("a[name='delete']").linkbutton({ text: '刪除', plain: true, iconCls: 'icon-cancel' });
                    ////點擊詳情按鈕
                    //clickDetail();
                },

                toolbar: [{
                    id: 'btnAdd',
                    text: '添加',
                    iconCls: 'icon-add',
                    handler: function () {
                        addBtnClick();    //添加新聞
                    }
                }],
            });
        }

要完成數據的顯示則還需要查詢資料庫。

根據  url: '/NewInfo/ShowNewsList',  所以需要在NewInfo控制器下建立ShowNewsList方法

 /// <summary>
        /// 分頁展示數據
        /// </summary>
        /// <returns></returns>
        public JsonResult ShowNewsList()
        {
            //要求返回的數據json對象  {total:200,rows:[{},{}]}
            int pageSize = int.Parse(Request["rows"]??"10");
            int pageIndex = int.Parse(Request["page"]??"1");
            List<NewInfo> newInfoList= NewInfoBll.GetPageEntityList(pageIndex, pageSize);
            //查詢所有數據
            var allNews = NewInfoBll.GetRecordCount();
            //把totle和rows:[{},{}]一起返回
            //先建立一個匿名類
            var dataJson = new { total = allNews, rows = newInfoList };
            var json = Json(dataJson, JsonRequestBehavior.AllowGet);
            return json;
        }

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 最近抽時間學習了一下 C# 6.0 的新特性,其中的一個新特性是 ?. 運算符,請看下麵的一個簡單示例: 當我故意修改成錯誤代碼的時候,請接著看下麵的示例: 我想把代碼修改成list?[0].Count,我們知道list[0]是沒有Count屬性的,預期的結果是智能提示錯誤,但是IDE竟然崩潰了!當 ...
  • 回到目錄 大叔感覺網上對Dockerfile的說明不是很清楚,或者說怎麼去用說的不清楚,在vs2017里我們可以去建立自己的Dockerfile文件,然後你的項目可以被生成一個鏡像,把它推到倉庫之後,你可以在linux,mac上去run你的項目了!聽著很爽,但過程確實有些坑! Dockerfile里 ...
  • 進程和線程 進程是一個系統級別的概念,用來描述一組資源和程式運行所必須的記憶體分配。每一個進程都有一個唯一的進程標識符(PID);線程是進程的基本單元;進程的入口點創建的第一個線程被稱為主線程;線程主要是由CPU寄存器、調用棧和線程本地存儲器(Thread Local Storage,TLS)組成的。 ...
  • 本頁列出來目前window下所有支持的字元編碼 通過 System.Text.Encoding.GetEncodings()獲取,裡面可以對其進行查詢,篩選,對同一個字元,在不同編碼進行查看和分析。。。 ...
  • 恢復內容開始 最近在研究.NET分散式緩存代碼,正好涉及Lock,看了網上的文章,總結了一些Lock相關的知識,供大家一起學習參考。 一、Lock定義 lock 關鍵字可以用來確保代碼塊完成運行,而不會被其他線程中斷。它可以把一段代碼定義為互斥段(critical section),互斥段在一個時刻 ...
  • 問題: 在WIN7中的IIS伺服器中部署WCF服務程式時,通過瀏覽器訪問報出如下錯誤: 未能從程式集“System.ServiceModel, Version=3.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089” 中載入類型 “Syst ...
  • 在views文件下找到web.config 註釋掉選中這句話 ...
  • 詳情就是點擊詳情後彈出一個div,所以需要現在boby裡面先建立一個div 這個div是需要隱藏的,當點擊詳情再彈出來。(隱藏語句需要放在頁面載入的函數中) 在上一篇的datagrid裡面我給詳情的超鏈接添加了一個 onclick="showDetail('+row.Id+')" 事件 row.Id ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...