Html 指向数据库中特定数字的超链接/所有单词搜索栏的筛选参数

Html 指向数据库中特定数字的超链接/所有单词搜索栏的筛选参数,html,css,sql,asp.net,Html,Css,Sql,Asp.net,所以我在VisualStudio中有一个制作食谱网站的项目。我有一个包含3列的数据库:编号、配方名称、配方类型。有7-8种配方类型。当我在搜索栏中键入一种不同的食谱类型时,我已经找到了它。但是,我想添加另一个过滤器参数,在其中键入配方名称中的任何单词,然后它就会显示出来 例如,这是我连接到.aspx web表单的数据库的图片 如果我在搜索栏中输入沙拉,那么只会显示数字7。同样,我可以为第一个单词实现这一点,但我想为配方名称中的所有单词实现这一点。此外,所有号码当前都链接到一个.aspx web

所以我在VisualStudio中有一个制作食谱网站的项目。我有一个包含3列的数据库:编号、配方名称、配方类型。有7-8种配方类型。当我在搜索栏中键入一种不同的食谱类型时,我已经找到了它。但是,我想添加另一个过滤器参数,在其中键入配方名称中的任何单词,然后它就会显示出来

例如,这是我连接到.aspx web表单的数据库的图片

如果我在搜索栏中输入沙拉,那么只会显示数字7。同样,我可以为第一个单词实现这一点,但我想为配方名称中的所有单词实现这一点。此外,所有号码当前都链接到一个.aspx web表单。我想将每个数字链接到每个不同的.aspx网络表单。我也需要帮助

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="All Recipes.aspx.cs" Inherits="KingsMealWeb.All_Recipes" %>
 
<!DOCTYPE html>
<script runat="server">
 
    protected void btnSearch_Click(object sender, EventArgs e)
    {
 
    }
</script>
 
 
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>All Recipes</title>
</head>
<style type="text/css">
 
    body {
        margin: 0;
        font-family: Arial, Helvetica, sans-serif;
    }
 
    .topnav {
        overflow: hidden;
        background-color: #2A438C;
    }
 
        .topnav a {
            float: left;
            color: #f2f2f2;
            text-align: center;
            padding: 14px 16px;
            text-decoration: none;
            font-size: 12px;
        }
 
            .topnav a:hover {
                background-color: #ddd;
                color: black;
            }
 
            .topnav a.active {
                background-color: #11CF40;
                color: white;
            }
       .center{
           margin-left:auto;
           margin-right:auto;
       }
 
       .detailsView{
           margin:0px auto;
           border: solid 4px black;
           background-color:white;
       }
       .detailsView td{
           padding:8px;
       }
       html{
           background-color:#DAD7D9;
           font-family:Georgia, serif;
       }
       a{
           color:blue;
           text-decoration:none;
       }
 
</style>
<body>
    <form id="form1" runat="server">
        <div class="topnav">
        <a class="active" href="index.aspx">Home</a>
        <a href="Breakfast.aspx">Breakfast Recipes</a>
        <a href="Lunch.aspx">Lunch Recipes</a>
        <a href="Dinner.aspx">Dinner Recipes</a>
        <a href="Dessert.aspx">Dessert Recipes</a>
        <a href="Pizza.aspx">Pizza Recipes</a>
        <a href="Soup.aspx">Soup Recipes</a>
        <a href="Vegetarian.aspx">Vegetarian Recipes</a>
        <a href="Vegan.aspx">Vegan Recipes</a>
        <a href="All Recipes.aspx">All Recipes</a>
    </div>
     <div>
        <br />
            <br />
            <asp:Label ID="Title"
                style="font-size:75px;font-family:Impact;"
                Text="ALL RECIPES"
                text-align="center"
                runat="server" />
        </div>
 
            <div>
        <asp:Literal ID="lt_CheckDataBaseConnection" runat="server" />
        </div>
        <div>
        <asp:Literal ID="lt_myrecipes" runat="server" />
    </div>
 
            <div>
            <asp:TextBox ID="txt_search_recipes" runat="server" />
            <asp:Button id="btnSearch" text="Search" runat="server" />
            <hr />
             <asp:SqlDataSource ID="allrecipes" 
                 SelectCommand="select * from allrecipes" FilterExpression="recipe_type LIKE '{0}%'"
                 ConnectionString="<%$ConnectionStrings:recipes_db_connection %>"   
                 runat="server">
                 <FilterParameters>
                     <asp:ControlParameter Name="recipe_type" ControlID="txt_search_recipes" />
                 </FilterParameters>
                 </asp:SqlDataSource>
            
            
           <asp:GridView 
                ID="recipes_table"  
                DataSourceID="allrecipes" 
                AutoGenerateColumns="false" CssClass="detailsView"
                runat="server">
                 <Columns>
                     <asp:HyperLinkField DataTextField="number" DataNavigateUrlFields="number" DataNavigateUrlFormatString="~/Dessert.aspx" />
                     <asp:BoundField DataField="recipe_name" HeaderText="Recipe Name" />
                     <asp:BoundField DataField="recipe_type" HeaderText="Recipe Type" />
                 </Columns>
 
            </asp:GridView>
 
        </div>
 
    </form>
</body>
</html>

受保护的无效BTN搜索单击(对象发送者,事件参数e)
{
}
所有食谱
身体{
保证金:0;
字体系列:Arial、Helvetica、无衬线字体;
}
托普纳夫先生{
溢出:隐藏;
背景色:#2A438C;
}
.topnav a{
浮动:左;
颜色:#F2F2;
文本对齐:居中;
填充:14px 16px;
文字装饰:无;
字体大小:12px;
}
.topnav a:悬停{
背景色:#ddd;
颜色:黑色;
}
.topnav a.active{
背景色:#11CF40;
颜色:白色;
}
.中心{
左边距:自动;
右边距:自动;
}
.detailsView{
保证金:0px自动;
边框:实心4px黑色;
背景色:白色;
}
.detailsView td{
填充:8px;
}
html{
背景色:#DAD7D9;
字体系列:佐治亚,衬线;
}
a{
颜色:蓝色;
文字装饰:无;
}