ruby-on-rails - 如何在 Stack Overflow 或 Quora 上创建标签系统

Question

我想创建一个标签系统，就像在 Stack Overflow 或 Quora 上看到的那样。它将是自己的模型，我打算使用 this autocomplete plugin帮助用户找到标签。我有几个问题:

1. 我希望标签完全由用户生成。如果用户通过键入新标签并按下“添加”按钮来输入新标签，则该标签将添加到数据库中，但如果用户键入现有标签，则会使用该标签。我正在考虑使用这样的代码:

   def create
   
   @video.tags = find_or_create_by_name(@video.tags.name)
   
   end
   

   我走在正确的 rails 上吗？

2. 我想在 Stack Overflow 或 Quora 上实现类似的功能，这样当您单击建议列表中的标签或单击“添加”按钮时，该标签将使用 ajax 添加到文本字段的正上方。我将如何着手实现类似的东西？

我知道这是一个开放式问题。我并不是在寻找准确的代码，而是在寻找正确方向的一般插入力。当然，代码示例不会有什么坏处:)

请注意，我并不是在寻求有关如何设置 jQuery 自动完成插件的帮助……我知道该怎么做。相反，似乎我必须修改插件中的代码，这样标签就不会添加到文本字段中，而是添加到文本字段上方。我将不胜感激。

Answer 1

mbleigh's acts_as_taggable_on gem是一个功能完备的解决方案，您绝对应该更仔细地研究一下。该实现坚如磐石，使用灵活。然而，它主要关注将标签附加到对象、检索对象上的标签以及搜索标记的项目。这是所有后端服务器的东西。

您希望更改的大部分功能(根据您的评论)实际上更多地与您的前端 UI 实现相关，而 gem 在那里并没有真正为您做太多事情。我会逐一处理您的请求。

1. 如果用户输入一个新标签，该标签被添加，如果用户输入现有标签，现有标签获取用过的。 acts_as_taggable_on 执行此操作。
2. 单击建议列表中的标签以添加那个标签。这是个实现问题——关于后端你需要收集建议的标签列表，然后显示那些在您的演示文稿中作为链接到你的处理功能。
3. 用户输入时自动完成潜在标签。您将使用 jQuery针对列表的自动完成插件从标签表中删除的项目。使用额外的 jQuery，你可以当他们选择其中一个时捕获选项，或完成输入他们的新标签，然后调用处理函数。
4. 限制用户只能输入一个标签。这将是您的用户界面实现 - 一旦他们输入或选择标签，您处理它。如果他们输入两个词用逗号分隔，然后在或之前在处理过程中，您必须把它当作一个标签，或者只取直到第一个逗号的文本和丢弃其余部分。
5. 当你处理添加一个标签，你必须做两件事。首先，您需要处理 UI显示变化以反射(reflect)已输入/选择标签。这个包括将标签放在“选定”区域，将其从“可用”显示，更新任何柜台等 其次，你需要向服务器发送请求实际上将标记添加到对象并将这一事实坚持到数据库(可标记的 gem 将为您接管)。您可以通过每个标签一个单独的 AJAX 请求，或者你可以在提交时处理它表格。如果是后者，你需要一个 var 来保持运行列表已添加/删除的标签你需要代码来处理向该变量添加/删除值。

有关在编辑时保存标签但在保存表单之前不发送到服务器/数据库的示例，您可以查看 Tumblr 新帖子页面上的标签功能。您可以在创建帖子时随意添加/删除标签，但在您单击“保存”之前，这些标签都不会进入数据库。

如您所见，其中大部分由您自行决定和编写代码，与后端部分关系不大。 gem 会很好地为您解决这个问题。

我希望这能帮助您朝着正确的方向前进。