这篇文章主要介绍了基于Bootstrap框架如何实现图片切换，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。
公司专注于为企业提供
成都网站设计、网站制作、微信公众号开发、
商城网站制作，
小程序设计，软件按需设计等一站式互联网企业服务。凭借多年丰富的经验，我们会仔细了解各客户的需求而做出多方面的分析、设计、整合，为客户设计出具风格及创意性的商业解决方案，
创新互联建站更提供一系列网站制作和网站推广的服务。
准备图片，把相关记录添加至数据库表中:
创建一个存储过程，获取所有记录：
在ASP.NET MVC专案中，部署Bootstrap环境......
然后创建一个model:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
namespace Insus.NET.Models
{
public class Slider
{
public byte Slider_nbr { get; set; }
public byte Sequence { get; set; }
public string Title { get; set; }
public string ImageUrl { get; set; }
public string Description { get; set; }
}
}再创建一个Entity:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using Insus.NET.Models;
using System.Data;
using Insus.NET.ExtendMethods;
using Insus.NET.DataBases;
namespace Insus.NET.Entities
{
public class SliderEntity
{
BizSP sp = new BizSP();
public IEnumerable Sliders()
{
sp.ConnectionString = DB.ConnectionString;
sp.Parameters = null;
sp.ProcedureName = "usp_Slider_GetAll";
DataTable dt = sp.ExecuteDataSet().Tables[0];
return dt.ToList();
}
}
}设置图片切换速度：
View视图：
@foreach (var item in (new SliderEntity()).Sliders())
{
}
@foreach (var item in (new SliderEntity()).Sliders())
{
@item.Title
@item.Description
