基于Bootstrap框架实现图片切换

基于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())

{

alt="@item.Description" class="img-responsive" />

@item.Description

}

演示：

以上所述是给大家介绍的基于Bootstrap框架实现图片切换，希望对大家有所帮助，如果大家有任何疑问请给我留言，会及时回复大家的。在此也非常感谢大家对我们网站的支持！

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。