通过 javascript 和 php 创建内容 - 避免重复工作

Question

让我们假设一个简单的例子，一个通过 html、php 和 javascript 运行的博客。加载页面时，我运行一个 php 脚本，例如迭代地将所有 cmets 放在一篇博文下。 cmets 的打印是以面向对象的方式完成的，其中评论由一个类和一个成员函数 print_comment() 表示，它与评论字段相呼应，包括发布日期、作者、文本等：

// in the comment class declaration

class comment
{
  $id; // unique identifier of comment
  $dateSubmission; // date when comment was submitted
  $text; // content of comment
  $author; // who wrote it

  function __construct($id)
  {
    $this->load($id);
  }

  function load($id)
  {
    // here i load all info from mysql database for the defined id
  }

  function print_comment($id)
  {
    echo "<div class=\"comment-container\">";
      echo "<div class=\"comment-author\">";
      // etc etc
      echo "</div>";
    echo "</div>";

  }
}


// in the blog.php file
$ids = getCommentIds($postId); // returns comment ids for current blog post
$nComments = length($ids);
for ($iComment = 0; $iComment < $nComments; $iComment++)
{
  $currComment = new comment($ids[iComment]); // loads content for comment
  $currComment->print_comment(); // prints comment
}

现在用户添加了另一个评论，在单击提交按钮并通过 ajax 调用处理所有数据库内容后，我想在现有评论列表下添加新评论。理想情况下，我现在喜欢使用我已经准备好的 php 类来创建文本，但到目前为止，我总是需要用 javascript 重写内容创建。

处理这种情况的最佳方法是什么？在 javascript 中重写 print_comment 函数是一种方法，但它是双重工作，并且每当我更新布局时都需要更改两个函数。

这种情况的最佳做法是什么？

P.S.：我知道重新加载整个页面是一种解决方案，但不是我想要的:)。

Answer 1

不幸的是，您最终总是需要在 JavaScript 中编写动态加载内容。 PHP 在服务器上运行并提供静态文件。如果你想更新页面的一部分（而不是提供一个全新的页面），这必须在客户端完成，这意味着使用 JavaScript。

Answer 2

解决方案有多种途径。

1. 在表单提交时刷新页面，这是使用PHP的标准方式，这种方式没有问题。
2. 功能重复，因此您不必刷新整个页面，只需使用 javascript 添加评论者回复即可。除了代码重复之外，缺点是在您硬刷新页面之前，您不会收到其他新的 cmets。
3. 前端只用JS，API后端只用PHP。这样您就可以加载部分数据而无需进行完整的页面刷新。不利的一面是，您仍然需要复制代码，因为您需要前端和后端验证。
4. 现在我们正在进行一些极端的重写，但您也可以考虑使用 nodeJS 作为后端，并用 javascript 编写整个应用程序。这使您可以选择在前端和后端之间共享库，从而完全消除代码重复。作为额外的好处，添加 websocket 相对容易，这意味着您可以在发送新 cmets 到每个连接的阅读器时推送它们。
5. 不要费心编写自己的博客，而要依赖久经考验的平台。

最后一个可能是最好的解决方案。

但是，如果您只是为了练习而编写博客应用程序，我会选择选项 4，我认为这为您提供了最灵活的理由来推动自己。在 nodeJS 中开始编写 REST-api 很容易，并且有很多库可以帮助您完成繁重的工作。一旦你有一个完整的 API，你可以使用 vanilla javascript 编写一个简单的前端，或者你可以选择任何前端框架。您可以添加 socketIO 以启动和运行一些实时评论，并且您可以使用不同的框架创建另一个前端。