创建HTML超链接功能来查询数据库

Question

我已经在asp.net with C# and MySql Database at the backend称为简单的网上购物创建Web应用程序，

我创建了一个cascading dropdown horizontal navigation menu (navmenu) with unordered lists and html hyperlinks。我有2页Homepage.aspx and ShowProducts.aspx。

Navmenu包含层次结构中的类别，产品和类别数据存储在数据库中。 当点击我想要的navmenu一个超链接以显示包含在ShowProducts.aspx 类我在无序列表列表项navmenu在

层次的产品1.Clothing
1.1：男装
1.1.1：衬衫
1.1.2：长裤
1.1.3：WinterWear

1.2：妇女
1.2.1：休闲服
1.2.2：牛仔裤
个 1.2.3袋

我已经写了超链接为：

<ul id="navmenu"> 
<li><a href="ShowProducts.aspx">Clothing</a> 
<ul class="sub1"> 
        <li><a href="ShowProducts.aspx">Mens</a> 
         <ul class="sub2"> 
    <li><a href="ShowProducts.aspx">Shirts</a></li> 
          <li><a href="ShowProducts.aspx">Mens Trousers</a></li> 
          <li><a href="ShowProducts.aspx">Jeans</a></li> 
          <li><a href="ShowProducts.aspx">Winter wear</a></li> 
          <li><a href="ShowProducts.aspx">Watches & Bags</a></li> 
          <li><a href="ShowProducts.aspx">Footwear for men</a></li> 
    </ul> 
        </li> 
        <li><a href="ShowProducts.aspx">Womens</a> 
         <ul class="sub2"> 
          <li><a href="ShowProducts.aspx">Sarees & Dresses</a></li> 
          <li><a href="ShowProducts.aspx">Jewellery</a></li> 
          <li><a href="ShowProducts.aspx">Womens Jeans</a></li> 
          <li><a href="ShowProducts.aspx">Womens Bags</a></li> 
          <li><a href="ShowProducts.aspx">Footwear for Women</a></li> 
    </ul> 
        </li> 
       </ul> 
      </li> 

我使用Devart linqconnect（LINQ到MySQL）。有人告诉我使用querystrings在页面之间传递数据，但它包含图像和数据所以我想用中继器来显示他们在hiererchy。可以添加一个点击数处理程序<a>标记，以便谱写javascript函数 如

<script type="text/javascript"> 

功能展示Products（）{

 -- Linq code to retrieve products based on id -- 

}

可能有人提出一个很好方法或告诉我如何实现这一点。 谢谢..请帮我对此..

Answer 1

使用中继器呈现您的网页上的链接列表。向每个链接添加查询字符串值，如ShowProduct.aspx？id = 1。

在显示产品页，使用LINQ从数据库中检索数据：

using(DataContext db = new DataContext()) 
{ 
    int id = Convert.ToInt32(Request.QueryString["id"]); 
    var product = db.products.Where(p => p.id = id).FirstOrDefault(); 
    if(product != null) 
    { 
     //do your job here with product data 
    } 
}