C# 在单击时显示其他详细信息?
我正在建立一个网站,在那里我将有一个页面显示我的C# 在单击时显示其他详细信息?,c#,asp.net,sql,dynamic,C#,Asp.net,Sql,Dynamic,我正在建立一个网站,在那里我将有一个页面显示我的sql数据库中的产品图片、产品名称和一小段产品描述文本 当我点击产品名称时,我希望能够看到产品的全部详细信息,我该怎么做? 我不是在要求免费代码或任何我只想被指向正确方向的东西 此外,当我将新产品添加到数据库产品表中时,这些产品页应该动态添加。要动态添加产品页,您可能需要的是ASHX处理程序。您可以创建一个.aspx页面,当给定产品接收到参数时,该页面通常会显示该产品的数据。然后,ASHX处理程序的工作方式如下:它获取URL的相关部分,对其进行参数
sql数据库中的产品图片、产品名称和一小段产品描述文本
当我点击产品名称时,我希望能够看到产品的全部详细信息,我该怎么做?
我不是在要求免费代码或任何我只想被指向正确方向的东西
此外,当我将新产品添加到数据库产品表中时,这些产品页应该动态添加。要动态添加产品页,您可能需要的是ASHX
处理程序。您可以创建一个.aspx页面,当给定产品接收到参数时,该页面通常会显示该产品的数据。然后,ASHX
处理程序的工作方式如下:它获取URL的相关部分,对其进行参数解析,通过提取的参数将请求转发到给定页面,最后为页面内容提供服务器。实际上,这只是这些处理程序提供的功能之一的一个相当肤浅的外观——但请仔细看看它们
如果您希望产品详细信息显示为用户当前浏览的页面的一个元素,而不是将其重定向到新页面,则可以使用jQuery
添加div
(可以将其样式设置为阳台或任何其他噱头)。在div
中,您可以有一个iframe
,或者只有一个面板,您可以动态地提供有关产品的数据。对于要动态添加的产品页面,您可能需要的是一个ASHX
处理程序。您可以创建一个.aspx页面,当给定产品接收到参数时,该页面通常会显示该产品的数据。然后,ASHX
处理程序的工作方式如下:它获取URL的相关部分,对其进行参数解析,通过提取的参数将请求转发到给定页面,最后为页面内容提供服务器。实际上,这只是这些处理程序提供的功能之一的一个相当肤浅的外观——但请仔细看看它们
如果您希望产品详细信息显示为用户当前浏览的页面的一个元素,而不是将其重定向到新页面,则可以使用jQuery
添加div
(可以将其样式设置为阳台或任何其他噱头)。在div
中,您可以有一个iframe
,或者只有一个面板
,您可以动态地提供有关产品的数据。将产品详细信息放在面板
中,并默认将其可见状态设置为false。当用户单击图像/按钮/任何内容时,使用客户端代码显示产品详细信息面板
下面是一个简单的例子:
<script type="text/javascript">
showDetails = function(){
var el = document.getElementById("productDetails");
if (el){
el.style.display = "block";
}
}
</script>
<!-- here is the equivalent of your image -->
<input type="button" value="Show Details" id="btnShowDetails" onclick="showDetails();" />
<!-- here is the equivalent of a panel containing the product details -->
<div id="productDetails" style="display:none;">
This is a cool product!
</div>
showDetails=函数(){
var el=document.getElementById(“产品详细信息”);
如果(el){
el.style.display=“块”;
}
}
这是一款很酷的产品!
这是一个快速的演示,所以你可以看到它的工作。显然,您的实现将更加复杂,但这将使您朝着正确的方向前进。祝你好运 将产品详细信息放入面板中
,并默认将其可见状态设置为false。当用户单击图像/按钮/任何内容时,使用客户端代码显示产品详细信息面板
下面是一个简单的例子:
<script type="text/javascript">
showDetails = function(){
var el = document.getElementById("productDetails");
if (el){
el.style.display = "block";
}
}
</script>
<!-- here is the equivalent of your image -->
<input type="button" value="Show Details" id="btnShowDetails" onclick="showDetails();" />
<!-- here is the equivalent of a panel containing the product details -->
<div id="productDetails" style="display:none;">
This is a cool product!
</div>
showDetails=函数(){
var el=document.getElementById(“产品详细信息”);
如果(el){
el.style.display=“块”;
}
}
这是一款很酷的产品!
这是一个快速的演示,所以你可以看到它的工作。显然,您的实现将更加复杂,但这将使您朝着正确的方向前进。祝你好运 如果我要这样做,我会通过在这里阅读更多内容来实现
这反过来又会像这样
void Application_Start(object sender, EventArgs e)
{
// Code that runs on application startup
RouteTable.Routes.MapPageRoute("StoreRoute","Products/{ProductNumber}","~/Webpages/BookStore/ViewBookDemo.aspx");
}
int productnumber = Convert.ToInt(Page.RouteData.Values["ProductNumber"]);
if (productnumber != null)
{
if (ProductNumber == 1)
{
Image1.ImageUrl = "~/images/css.jpg";
}
else if (productnumber == 2)
{
Image1.ImageUrl = "~/images/django.jpg";
}
else if (productnumber == 3)
{
Image1.ImageUrl = "~/images/iphone.jpg";
}
else if (productnumber == 4)
{
Image1.ImageUrl = "~/images/Linq.jpg";
}
}
}
如果我要这样做,我会在这里阅读更多内容
这反过来又会像这样
void Application_Start(object sender, EventArgs e)
{
// Code that runs on application startup
RouteTable.Routes.MapPageRoute("StoreRoute","Products/{ProductNumber}","~/Webpages/BookStore/ViewBookDemo.aspx");
}
int productnumber = Convert.ToInt(Page.RouteData.Values["ProductNumber"]);
if (productnumber != null)
{
if (ProductNumber == 1)
{
Image1.ImageUrl = "~/images/css.jpg";
}
else if (productnumber == 2)
{
Image1.ImageUrl = "~/images/django.jpg";
}
else if (productnumber == 3)
{
Image1.ImageUrl = "~/images/iphone.jpg";
}
else if (productnumber == 4)
{
Image1.ImageUrl = "~/images/Linq.jpg";
}
}
}
DB是否将“小部分产品描述”作为一个单独的字段,或者它是“完整细节”的一部分?您使用的是MVC
,还是直接ASP.NET
?DB具有完整的描述没有单独的字段我使用的是直接的ASP.NET和c#,我只是“创建空网站”DB是否具有“小部分产品描述”作为一个单独的字段,还是它是“完整细节”的一部分?您使用的是MVC
,还是直接ASP.NET
?数据库有完整的描述没有单独的字段我使用的是直接的ASP.NET和c#,我只是“创建空网站”我想我将使用一个面板:)我想我将使用一个面板:)