优雅编码，如何处理隐藏/不可见的HTML代码？

Question

我正在开发一个问答网站。每个答案旁边都有一个“选择最佳答案”按钮，该按钮应该对提问者可见，但对其他查看者不可见。网页的其他部分几乎是一样的。那么我该如何编码这个网页呢？我是否应该每次检查查看者身份以确定按钮是否可见。如果一个问题有很多答案，那么除了提问者之外，还有很多按钮对观众隐藏。这种编码会浪费很多额外的带宽吗？我认为这种编码有点可疑。有更好的方法吗？

“添加评论”按钮也存在同样的问题。正下方有一个“添加评论”按钮和一个隐藏的

，如果有 20 个答案，则有 20 个隐藏

，隐藏代码大大增加了HTML文件的大小。有没有一种优雅的方式呢？

至于“添加评论”按钮，任何登录用户都可以添加评论，因此不存在身份差异。那么如何处理这个问题呢？

Answer 1

这种类型的东西不会浪费带宽，不是。是的，您应该仅在当前查看页面的用户可以使用这些控件时才在页面上包含这些控件，因此请务必检查您的登录（如果他们已登录）用户是谁以及他们的关系是什么他们正在查看的项目。

这可能很简单：

if ($current_user_id == $question_asker_id) {
  // show 'accept as best answer' form
}

在允许对任何内容进行任何更改之前，请务必检查服务器端的表单数据。

Answer 2

您不应该隐藏 HTML，您应该不包含 HTML。即在服务器上，您正在执行以下操作：

if ($loggedIn && $user == 'asker') {  // pseudocode
    echo acceptButton();  // outputs the HTML for the button
}

非询问者用户甚至不会在浏览器中收到接受按钮的 HTML。

Answer 3

我是否应该每次检查查看者身份以确定按钮是否可见。

是的，检查然后不显示按钮。此外，您还应该检查按钮被按下后以及处理该操作时是否不是询问者发起的，因为这很容易被滥用。

Answer 4

如果您担心 20 个小表单占用太多空间（提示，它们不会，大多数服务器都会压缩其输出，因此额外的表单几乎被压缩掉），只需使用简单的链接即可。

要隐藏，只需使用 if 测试，您应该检查用户的身份来执行此操作。这条 if 语句的开销（即使运行 20 次）几乎为零。

“过早的优化是万恶之源”——学习这个，生活这个。

执行此操作的“优雅”方法是（伪代码）：

foreach($answers as $answer)
{
    // Print answer here
    if($current_user == $question_asker)
    {
        echo "button form here";
    }
    echo "comment form here";
}