使用 Javascript 渲染数据库值

Question

到目前为止，在我的一个项目中，已经直接实现了 DB 规范化和“状态代码”的存储方式，例如

病人表

patientId | referralStatus

  1001            1
  1002            2

Referral_status_codes_master

refStatusCode | refValue
      1         Pending
      2         Awaiting

连接这两个表可以为 "STATUS_CODES" 提供适当的数据。 我的意图是，如果我使用 Javascript 为相对较小的主表值实现这一点是否合适，即根本不改变，例如这里的状态。

假设我将患者数据按原样加载到 HTML 表中，并通过使用 javascript 更改它们的含义。

<tr>
  <td>1001</td>
  <td>1</td>
</tr>

目标：在sql查询中不使用join，在客户端使用Javascript获得相同的结果。

我将该 HTML 表绑定到一个 JS 函数并将状态 1 更改为“待处理”，我知道这是可能的，我的问题是：

1. 这样做有什么坏处。
2. 是否存在仅用于此目的的库。

请提供您的建议。

谢谢

Answer 1

由于您的状态数量有限，您可以将值映射到用户友好的名称，而不仅仅是使用 js/jQuery 替换它们

var statusMap = {
  '1': 'Normal',
  '2': 'Missing',
  '3': 'Dead',
};

$(document).ready(function () {
  $('[data-status]').each(function () {
    $(this).html(statusMap[$(this).data('status')]);
  })
});

table {
  width: 50%;
  }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr>
    <th>Name</th>
    <th>Status</th>
  </tr>
  <tr>
    <td>John Wick</td>
    <td data-status="2"></td>
  </tr>
  <tr>
    <td>Abraham Lincoln</td>
    <td data-status="3"></td>
  </tr>
  <tr>
    <td>Dummy User</td>
    <td data-status="2"></td>
  </tr>
</table>

statusMap 可以通过 json_encode({All values from Referral_status_codes_master}); 从 PHP 端生成