C# 如何从数据库中获取名称、标题、链接和图像并将其放入div中
我在为这种情况挣扎。我的问题是: 我有一个ASP.NET页面来显示数据库中存在的不同albuns。每个相册将重定向到特定的图片组 从数据库中,我想自动生成一个带有缩略图、标题和链接的框架,以将用户重定向到图片。 从数据库中获取这些元素很容易。但我不能用它来生成这个帧。 到目前为止,我的代码如下: 我的SP:C# 如何从数据库中获取名称、标题、链接和图像并将其放入div中,c#,asp.net,C#,Asp.net,我在为这种情况挣扎。我的问题是: 我有一个ASP.NET页面来显示数据库中存在的不同albuns。每个相册将重定向到特定的图片组 从数据库中,我想自动生成一个带有缩略图、标题和链接的框架,以将用户重定向到图片。 从数据库中获取这些元素很容易。但我不能用它来生成这个帧。 到目前为止,我的代码如下: 我的SP: USE [DCMSDEV] GO /****** Object: StoredProcedure [dbo].[usp_get_all_albuns] Script Date: 06
USE [DCMSDEV]
GO
/****** Object: StoredProcedure [dbo].[usp_get_all_albuns] Script Date: 06/02/2014 18:29:21 ******/
SET ANSI_NULLS ON
GO
SET QUOTED_IDENTIFIER ON
GO
ALTER procedure [dbo].[usp_get_all_albuns]
as
begin
select Imagem, Link, Title from Imagens_Categorias
end
对于我的模型,我有:
public class PortfolioModel
{
string connectionString = ConfigurationManager.ConnectionStrings["connection"].ConnectionString;
public Entities.Portfolio GetAlbuns()
{
Entities.Portfolio port = new Entities.Portfolio();
using (SqlConnection connection = new SqlConnection(connectionString))
{
SqlCommand command = new SqlCommand("usp_get_all_albuns", connection);
command.CommandType = CommandType.StoredProcedure;
SqlDataReader reader = null;
connection.Open();
reader = command.ExecuteReader();
while (reader.Read())
{
port.Link = reader["Link"].ToString();
port.Title = reader["Title"].ToString();
port.Imagem = reader["Imagem"]; //Error: Cannot implicitly convert type 'object' to 'byte[]'. An explicit conversion exists (are you missing a cast?)
}
}
return port;
}
}
对于我的控制器,我有:
public class PortfolioController
{
PortfolioModel pmodel = new PortfolioModel();
public Entities.Portfolio GetAlbuns()
{
return pmodel.GetAlbuns();
}
}
在我的ASP.NET页面中,我尝试使用以下代码:
<div class="box" id="Albuns" runat="server">
<% foreach (var items in GetAlbuns())
{%>
<article class="border c-two" style="background-image:url(<% Convert.ToByte(items); %>)">
<div style="opacity: 0;" class="fdw-background">
<h4><a href="<% items.ToString(); %>" style="color:#fff;"><% items.ToString(); %></a></h4>
<p class="fdw-port">
<a href="#">Open Album <span class="vg-icon">→</span></a>
</p>
</div>
</article>
<% } %>
但它不起作用。我不知道还能做什么:'(
你能帮我吗
谢谢。要显示图像,您通常会在html中提供一个url,浏览器可以进行第二次往返检索,例如:
<article class="border c-two" style="background-image:url('/getimage.ashx?id=5511)">
了解更多详细信息。什么是不工作
意思?它是否向您显示数据?您是否收到错误?如果有,请发布。返回视图(pmodel.GetAlbuns())
您的问题是不知道如何显示缩略图吗?@MattiasÅslund-是的,这是真的。我真的不知道怎么做。我正在尝试,但仍然没有成功。@MarcinJuraszek-我会尝试这样做。