C#MVClayui实现分页,及模糊查询

最新推荐文章于 2024-06-06 23:20:58 发布
最新推荐文章于 2024-06-06 23:20:58 发布
阅读量498 收藏
点赞数 1
文章标签： 数据库 sql java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Stealingcoins/article/details/130667854
版权

/// <summary>
        /// 分页查询
        /// </summary>
        /// <param name="page"></param>
        /// <param name="limit"></param>
        /// <returns></returns>
        public JsonResult fenye(int page, int limit, string op, string pName, string statu)
        {
            string sql = "select * from pwaitin,oplist where statu is null and pModel=id";
            DataTable dt = DBHelper.Find(sql);
            int count = dt.Rows.Count;

            int pages = count % limit == 0 ? (count / limit) : (count / limit) + 1;
            //string sql2 = "select * from pwaitin limit" + (page - 1) + "*" + limit + "," + limit;
            //DataTable dt2 = DBHelper.Find(sql);
            string sql1 = null;
            if (!string.IsNullOrEmpty(op) && string.IsNullOrEmpty(pName) && string.IsNullOrEmpty(statu))
            {
                sql1 = string.Format("select * from pwaitin,oplist where statu is null and pModel=id and op like'%{0}%'", op);
                dt = DBHelper.Find(sql1);
                count = dt.Rows.Count;

            }
            else if (!string.IsNullOrEmpty(pName) && string.IsNullOrEmpty(statu) && string.IsNullOrEmpty(op))
            {
                sql1 = string.Format("select * from pwaitin,oplist where statu is null and pModel=id and  pName like'%{0}%'", pName);
                dt = DBHelper.Find(sql1);
                count = dt.Rows.Count;

            }
            else if (!string.IsNullOrEmpty(statu) && string.IsNullOrEmpty(pName) && string.IsNullOrEmpty(op))
            {
                sql1 = string.Format("select * from pwaitin,oplist where statu is null and pModel=id and  statu like'%{0}%'", statu);
                dt = DBHelper.Find(sql1);
                count = dt.Rows.Count;
            }
            else if (!string.IsNullOrEmpty(pName) && !string.IsNullOrEmpty(op) && string.IsNullOrEmpty(statu))
            {
                sql1 = string.Format("select * from pwaitin,oplist where statu is null and pModel=id and op like'%{0}%'  and pName like'%{1}%'", op, pName);
                dt = DBHelper.Find(sql1);
                count = dt.Rows.Count;
            }
            else if (!string.IsNullOrEmpty(statu) && !string.IsNullOrEmpty(op) && string.IsNullOrEmpty(pName))
            {
                sql1 = string.Format("select * from pwaitin,oplist where statu is null and pModel=id and op like'%{0}%' and statu like'%{1}%' ", op, statu);
                dt = DBHelper.Find(sql1);
                count = dt.Rows.Count;
            }
            else if (!string.IsNullOrEmpty(statu) && !string.IsNullOrEmpty(pName) && string.IsNullOrEmpty(op))
            {
                sql1 = string.Format("select * from pwaitin,oplist where statu is null and pModel=id and pName like'%{0}%' and statu like'%{1}%' ", pName, statu);
                dt = DBHelper.Find(sql1);
                count = dt.Rows.Count;
            }
            List<Dictionary<string, object>> list = new List<Dictionary<string, object>>();
            foreach (DataRow dr in dt.Rows)//每一行信息，新建一个Dictionary<string,object>,将该行的每列信息加入到字典
            {
                Dictionary<string, object> result = new Dictionary<string, object>();
                foreach (DataColumn dc in dt.Columns)
                {
                    result.Add(dc.ColumnName, dr[dc].ToString());
                }
                list.Add(result);
            }
            list = list.Skip((page - 1) * limit).Take(limit).ToList();

            return Json(new { code = 0, msg = "", count = count, data = list }, JsonRequestBehavior.AllowGet);
        }

//C#mvc,layui上部分是后台,下部分页面和js

<link href="~/layui/css/layui.css" rel="stylesheet" />

</head>
<body class="childrenBody">
    <form class="layui-form">
        <blockquote class="layui-elem-quote quoteBox mod_default_box">
            <form class="layui-form">
                <div class="layui-inline">
                    <span>类别:</span>
                    <div class="layui-input-inline">
                        <input type="text" id="op" class="layui-input searchVal" placeholder="请输入" />
                    </div>
                    <span>状态:</span>
                    <div class="layui-input-inline">
                        <input type="text" id="statu" class="layui-input searchVal" placeholder="请输入" />
                    </div>
                    <span>名称:</span>
                    <div class="layui-input-inline">
                        <input type="text" id="pName" class="layui-input searchVal" placeholder="请输入" />
                    </div>
                    <a class="layui-btn  search_btn" data-type="reload">搜索</a>
                </div>
            </form>
        </blockquote>
        <table id="newsList" lay-filter="newsList"></table>
        <!--操作-->
        <script type="text/html" id="ListBar">
            <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="edit">编辑</a>
            <a class="layui-btn layui-btn-primary layui-btn-xs " lay-event="del">删除</a>
        </script>
        <script id="thumbnailImages" type="text/html">
            <div class="thumbnailImages" style="display: inline-block;">
                <img class="imgtemp" style="width:40px;height:40px;cursor: zoom-in;" src="/image/{{d.pPic}}" />
            </div>
        </script>
    </form>
    <script src="~/js/jquery-3.1.0.js"></script>
    <script src="~/layui/layui.js"></script>
    <script>
        $(function () {
            layui.use(['form', 'layer', 'laydate', 'table', 'laytpl'], function () {
                var form = layui.form,
                    $ = layui.jquery,
                    laydate = layui.laydate,
                    laytpl = layui.laytpl,
                    table = layui.table;

                //列表
                var tableIns = table.render({
                    elem: '#newsList',
                    url: '/Home/fenye',
                    cellMinWidth: 95,
                    page: true,
                    //toolbar: '#toolbarDemo', //开启头部工具栏，并为其绑定左侧模板
                    defaultToolbar: ['filter', 'exports', 'print'],
                    limit: 10,
                    limits: [10, 15, 20, 25],
                    id: "newsListTable",
                    cols: [[
                        { field: "pId", title: '编号' },
                        { field: 'pType', title: '型号', align: "center", },
                        { field: 'pName', title: '名字', },
                        { field: 'op', title: '类别', align: 'center' },
                        { field: 'pNum', title: '数量', align: 'center', align: 'center' },
                        { field: 'pBuyUser', title: '购买人', align: 'center' },
                        { field: 'buyData', title: '购买日期', align: 'center' },
                        { field: 'statu', title: '状态', align: 'center' },
                        { field: 'pInfo', title: '备注', align: 'center', width: 70 },
                        { field: 'pPic', title: '附件图片(点击放大)', align: 'center', templet: '#thumbnailImages' },
                        { title: '操作', width: 130, templet: '#ListBar', fixed: "right", align: "center" }
                    ]],
                    done: function (res, curr, count) {
                        //图片放大预览
                        var ids;
                        for (var j in res.data) {
                            //ids = res.data[j];
                            layer.photos({
                                photos: '.thumbnailImages' //+ ids
                            });
                        }
                    }
                });
                $(".search_btn").on("click", function () {
                    tableIns.reload({///卡死在加了ID
                        // url: '/Home/fenye3',
                        page: {
                            curr: 1 //重新从第 1 页开始
                        },
                        where: {
                            op: $("#op").val(),
                            statu: $("#statu").val(),
                            pName: $("#pName").val(),
                        }
                    })
                });
                //列表操作
                table.on('tool(newsList)', function (obj) {
                    var layEvent = obj.event,
                        data = obj.data;
                    console.log(obj)
                    if (layEvent === 'edit') { //编辑
                        addNews(data);
                    } else if (layEvent === 'del') { //删除

                        layer.confirm('确定删除？', { icon: 3, title: '提示信息' }, function (index) {
                            console.info(data.pId);
                            layer.load(3);
                            $.ajax({
                                url: "/Home/delMes?pid=" + data.pId,
                                success: function (flag) {
                                    layer.closeAll('loading');
                                    if (flag) {
                                        layer.alert("成功！", "提示");
                                        tableIns.reload();
                                        layer.close(index);
                                    } else {
                                        layer.alert("失败！", "提示");
                                    }
                                }
                            });
                        });
                    }
                });
               
                function addNews(edit) {
                    var index = layui.layer.open({
                        title: "申请入库",
                        type: 2,
                        area: ['90%', '90%'],
                        fixed: false, //不固定
                        maxmin: true,
                        content: "checkIn",
                        success: function (layero, index) {
                            var body = layui.layer.getChildFrame('body', index);
                            if (edit) {
                                
                                body.find(".pId").val(edit.pId);
                                body.find(".pType").val(edit.pType); 
                                body.find(".pName").val(edit.pName);
                                body.find(".op").val(edit.op);
                                body.find(".pNum").val(edit.pNum); 
                                body.find(".pBuyUser").val(edit.pBuyUser);
                                body.find(".buyData").val(edit.buyData);
                                body.find(".pInfo").val(edit.pInfo);
                                body.find(".pPic").val(edit.pPic);
                                form.render();
                            }
                        }
                    })
                    //layui.layer.full(index);
                    window.sessionStorage.setItem("index", index);
                    //改变窗口大小时，重置弹窗的宽高，防止超出可视区域（如F12调出debug的操作）

                }
                $(".addNews_btn").click(function () {
                    addUser();
                })
            });

        });
    </script>

Stealingcoins
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
C#+layui 表格实现增删改查
golden_stone_fish的博客
12-12 2288
C#+layui 表格实现增删改查 layui 前端代码 layui table 界面 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>layui</title> <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Compatible" co
推荐一套开源通用后台管理系统
公众号：Java后端
10-09 2067
点击上方Java后端，选择设为星标优质文章，及时送达来源：cnblogs.com/huanzi-qch/p/11534203.html前言这套Base Admin是一套简单通用的后台...
使用Layui解决C#弹窗的问题
最新发布
2301_76524781的博客
06-06 369
如示例效果是这个样子的，样式、大小都可以自己更改。当你点击 添加类型 时，就会在本页面弹出一个小窗体。这个弹窗里面的内容是单独的一个页面，所有你可以在页面里进行数据库的内容操作。然后安装图片中的代码进行操作即可。设置自己想要的效果，然后调用自己想要弹出来的页面。c#本身是没有弹窗控件的，一般用的都是a标签进行页面跳转，但是今天我发现了一种我想要的，页面内即可弹窗的方法，非常简单，而且实用。首先你得需要一个连接，可以进行链接跳转，这里我们需要进行链接的我们自定义的js方法。上诉操作都做完了，就已经完成了。
使用layui框架迅速搭建后台管理页面
戴翔的技术博客
09-01 1万+
写在前面 layui（谐音：类UI) 是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，门槛极低，拿来即用。 其外在极简，却又不失饱满的内在，体积轻盈，组件丰盈，从核心代码到 API 的每一处细节都经过精心雕琢，非常适合界面的快速开发。layui 首个版本发布于2016年金秋，她区别于那些基于 MVVM 底层的 UI 框架，却并非逆道而行，而是信...
LayUi+MVC 树形组件tree 实现懒加载模式，展开父节点时异步加载子节点数据
ab17171313的博客
07-27 1995
LayUi 树形组件tree 实现懒加载模式，展开父节点时异步加载子节点数据
ASP.NET MVC数据库模糊查询
03-03
C# ASP.NET 进行MVC数据库模糊查询.
C# DataGridView分页以及模糊查询实现
10-09
通过分析和运行这些示例，你可以更深入地理解如何在实际项目中实现`DataGridView`的分页和模糊查询功能。 总结来说，C#中的`DataGridView`分页和模糊查询涉及到数据库操作、数据绑定、用户交互等多个方面。正确理解...
C# Combobox控件实现模糊查询功能
05-26
下面我们将详细探讨如何实现C# WinForm Combobox控件的模糊查询功能。 首先，我们需要了解Combobox的基本结构和事件。Combobox通常有两种模式：简单模式和dropdown模式。在dropdown模式下，用户可以输入自定义文本...
C#分页控件 轻松实现分页操作
09-26
在.NET框架中，C#是一种常用的编程语言，用于开发各种应用程序，包括Web、Windows桌面以及移动应用等。...无论是自定义控件还是利用内置的分页支持，理解分页的基本原理和实现方法对于任何C#开发者都是至关重要的。
C# Sqlite分页查询，日期查询
10-14
不过，我们可以使用ROWID属性或者子查询来实现分页。例如，如果我们想获取第5页，每页显示10条记录的数据，可以这样做： ```csharp string query = "SELECT * FROM TableName WHERE ROWID IN (SELECT ROWID FROM ...
C#实现分页组件的方法
01-20
分页无论是前端和后端，基本都有广泛应用！下面通过一个小小案例完成这个分页效果： 参数含义： string urlFormat: 要传给服务器端的URL地址格式，方便在点超链接时进行相应的跳转 long totalSize: 总的数据条数。 ...
C#MVC后端Layui布局写的数据表格|JSON
05-30
用layui前端布局， C#MVC后端调用数据写的数据表格，后端往前端传入json格式数据，动态绑定，局部刷新，分页，数据库用的petapoco，功能虽小，涉及的东西不少，可以研究研究，只需将web.config里的服务器地址的数据库修改一下即可
layui实现显示数据表格和搜索功能示例
10-15
主要介绍了layui实现显示数据表格和搜索功能,结合实例形式分析了layui显示数据表格和搜索功能具体界面布局、功能实现相关操作技巧,需要的朋友可以参考下
Layui实现带查询条件的分页
12-29
本文实例为大家分享了Layui实现带查询条件的分页，供大家参考，具体内容如下 这个前端UI框架是真的让人又爱又恨呐！想了很久的方案才行的通 这是全部源码： {include file=../../../application/admin/view/public/head /} <div class=page-container> <form class=layui-form method=post id=pageListForm> <div class=layui-input-inline> <div class=layui-btn-gr
Layui下拉框之select模糊搜索查询功能
热门推荐
慕白Lee的博客
09-10 4万+
Layui超实用10篇技术解决方案：https://blog.csdn.net/libusi001/article/details/100065911 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 一、HTML代码 <form class="layui-form" action=""> <label class="l...
使用Layui 框架，做的界面效果 及经验教训总结（mvc5+EF+layui）
weixin_45256588的博客
08-03 2321
转载自：https://www.cnblogs.com/for-easy-fast/p/12790507.html； 1. 登录界面 login.css body, html { height: 100%; } .layui-admin-login-header { padding: 20px; text-align: center; } .layui-admin-login-header h1 { color: #009688; .
layui分页完整示例c# MVC
wjxheng的博客
04-18 3476
1.前台视图所有代码 @{ Layout = null; } <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>table模块快速使用</title> <link href="~/Scripts/jsT...
一套简单通用的Java后台管理系统，拿来即用，非常方便（附项目地址）
互扯程序的博客
09-23 288
作者：huanzi-qchcnblogs.com/huanzi-qch/p/11534203.html前言这套Base Admin是一套简单通用的后台管理系统，主要功能有：权限管理、菜单...
layui实现table表格的“关键字搜索”功能
温情亿度网络科技
05-09 8805
最近在做一个项目里，正好用到了layui的分页。但是在做分页关键字查询时，遇到了几个问题。第一个参数的传递，第二个数据的嗮选，第三个数据的返回，第四个数据的重新加载。 如下是解决方案的js代码，和大家分享。 layui.use('table', function(){ var table = layui.table; table....
C#实现 mysql分页查询数据
07-25
要在 C# 中实现 MySQL 分页查询数据，可以使用 `MySqlDataAdapter` 和 `DataTable` 来执行查询并存储结果。以下是一个示例代码： ```csharp using System; using MySql.Data.MySqlClient; using System.Data; ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值