基于ASP.NET、Entity Framework、Bootstrap的分页

本文介绍了如何在ASP.NET MVC项目中利用Entity Framework和Bootstrap实现分页功能。首先创建ASP.NET MVC项目和EF实体框架,接着通过默认的Home控制器和Index页面展示数据,然后逐步删除默认代码,设置静态数据,编写分页按钮的基本布局,并在控制器中编写分页逻辑。最后展示了分页效果,包括第一页和第二页的数据。
摘要由CSDN通过智能技术生成

创建ASP.NET MVC项目

在这里插入图片描述
我这里用的是Visual Studio 2019。
创建项目时选择ASP.NET Web应用程序,点击下一步,对项目命名,再点击创建,勾选MVC,点击创建。

创建EF实体框架

在这里插入图片描述
右击Models,选择添加->新建项。
在这里插入图片描述
选择数据->ADO.NET实体数据模型
在这里插入图片描述
选择“来自数据库的EF设计器”,下一步。
在这里插入图片描述
点击新建连接。
在这里插入图片描述
输入服务器名(我这里用的是SQL Server数据库),再选择数据库,点击确定,再点击下一步。
在这里插入图片描述
这里你可以任意选择版本,建议选择6.x,点击下一步。
在这里插入图片描述
选择表(可全选),点击完成。创建EF到这里就结束了。
在这里插入图片描述
这就是我所选的表中的字段。

创建一个控制器

我偷个懒就不创建了,用默认的Home控制器,下面例子使用Home里面的Index页面进行展示。

1.先删除它的默认代码。

在这里插入图片描述

2.设置table静态数据

在这里插入图片描述
如果看不懂我写的,建议先去学习一下HTML5哦!
下面贴代码:

<table class="table table-hover">
    <thead>
        <tr>
            <th>编号</th>
            <th>书名</th>
            <th>备注</th>
        </tr>
    </thead>
    <tbody>
        
            <tr>
                <td>1</td>
                <td>红楼梦</td>
                <td>好看</td>
            </tr>
        
    </tbody>
</table>

3.分页按钮基本布局

在这里插入图片描述

<a href="" class="btn btn-info">首页</a>
<a href="" class="btn btn-info">上一页</a>
<span class="btn btn-default">当前页</span>
<a href="" class="btn btn-info">下一页</a>
<a href="" class="btn btn-info">末页</a>
<span class="btn btn-default">共多少页</span>
<select class="btn btn-default" id="pagenums">
    
        <option value="1">1</option>
    
</select>
<button class="btn btn-info">GO</button>

4.写控制器部分代码

在这里插入图片描述
首先定义两个形参,pageInd

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值