Asp.net中的标签系统

本文关键字：标签 系统 net Asp | 更新日期: 2023-09-27 18:08:54

我想为我的网站创建一个标签系统，允许用户输入所需的技能，用逗号分隔，使用ASP.net和c#。

在细节:

  • 文本框将接收以逗号分隔的标签。
  • 输入时将根据我的数据库中的AVAILABLE标签提供建议。
  • 建议标签将显示在文本框下方。
  • 如果遇到新标签，将其插入数据库。

用户给出的标签(以逗号分隔)可以根据我的需要进一步操作。

我想在数据库中为每个标签创建一个单独的条目。

我尝试使用Levy Carneiro Jr.的Tag-it。

但是当我尝试使用这个连接它与我的数据库。这就是行不通。

我的代码:

<script type="text/javascript">
    $(document).ready(function () {
        SearchText();
    });
    function SearchText() {
        $(".autosuggest").autocomplete({
            source: function (request, response) {
                $.ajax({
                    type: "POST",
                    contentType: "application/json; charset=utf-8",
                    url: "tag.aspx/GetAutoCompleteData",
                    data: "{'username':'" + document.getElementById('singleFieldTags2').value + "'}",
                    dataType: "json",
                    success: function (data) {
                        response(data.d);
                    },
                    error: function (result) {
                        alert("Error");
                    }
                });
            }
        });
    }


<script>
    $(function () {
  //Local sample-      //var sampleTags = ['c++', 'java', 'php', 'coldfusion', 'javascript', 'asp', 'ruby', 'python', 'c', 'scala', 'groovy', 'haskell', 'perl', 'erlang', 'apl', 'cobol', 'go', 'lua'];
        $('#singleFieldTags2').tagit({
        });
    });
    </script>
<body>
<form id="form1" runat="server">
    <asp:TextBox name="tags" id="singleFieldTags2" value="Apple, Orange" class="autosuggest" runat="server"></asp:TextBox>

</form>

后端c#代码- 
[WebMethod]
public static List<string> GetAutoCompleteData(string username)
{
    List<string> result = new List<string>();
    using (SqlConnection con = new SqlConnection("Data Source=ZESTER-PC;Initial Catalog=mystp;Integrated Security=True"))
    {
        using (SqlCommand cmd = new SqlCommand("select tag_name from tags where tag_name LIKE '%'+@SearchText+'%'", con))
        {
            con.Open();
            cmd.Parameters.AddWithValue("@SearchText", username);
            SqlDataReader dr = cmd.ExecuteReader();
            while (dr.Read())
            {
                result.Add(dr["tag_name"].ToString());
            }
            return result;
        }
    }
}

这里的标签是我的标签表，包含tag_id和tag_name。

Asp.net中的标签系统

我已经使用ASP.net创建了标签系统

看看…而且一定要评价它。

基于ASP.net的标签系统

相关文章：