主页 / user-9147880

RobertW's questions

Martin Hope
RobertW
Asked: 2025-01-03 12:03:24 +0800 CST
  • 6

我之前问过一个问题，但有点搞乱了，所以我在这里再次重新表述一下。

我有 3 个相关表：

  • media
  • media_tags（桥牌桌）
  • tags

这是我目前拥有的代码：

SELECT m.media_id, m.name, array_agg(distinct t.tag) filter (WHERE t.date_deleted IS NULL) AS tags 
FROM media m 
LEFT JOIN media_tags mt USING (media_id) 
LEFT JOIN tags t USING (tag_id)
WHERE m.date_deleted IS NULL AND t.tag = ANY(array['dog','cat'])
GROUP BY m.media_id, m.name

这与我想要的非常接近，但并不完全正确。想象一下这些媒体记录：

  • 媒体 1 包含以下标签：狗、鸟、羊、马
  • 媒体 2 带有以下标签：狗、猫、牛
  • 媒体 3 带有以下标签：猫、马、兔子
  • 媒体 4 带有以下标签：牛、马、羊

上面的查询确实返回了媒体 1、2 和 3，但显示的标签仅由dog&组成cat。我想要的是，tags如果与数组中的任何值匹配，则始终包含其所有标签。因此，如果查询中包含 ['dog','cat']，则媒体 1、2 和 3 应返回其所有相应的标签，但媒体 4 不应返回，因为没有匹配项。

我感觉我已经接近找到解决方案了，但就是想不出来。

postgresql
Martin Hope
RobertW
Asked: 2025-01-03 05:25:15 +0800 CST
  • 5

我有一张photos表、一张tags表和一张桥表，分别称为photos_tags。假设有一张照片被标记为dog、cat和bird。这意味着 中有 1 行photos， 中有 1 行tags， 中有 3 行photos_tags。

我正在尝试编写一条 SQL 语句，如果其中一个匹配，则获取所有 3 个标签。我到目前为止已经做到了这一点：

select distinct p.photo_id, t.tag from photos p
join photos_tags pt using (photo_id)
join tags t on pt.tag_id = t.tag_id and t.tag = 'dog'

但这仅返回包含 的行tag = 'dog'。

有没有什么办法可以完成我想做的事情？

sql
Martin Hope
RobertW
Asked: 2024-11-23 08:43:45 +0800 CST
  • 5

我正在用 React 构建自己的Table组件。进展很顺利，但我遇到了一个障碍。

我的方法是传入一个模板对象，该对象由列定义数组以及表示要显示的数据的对象数组组成。由于Table必须是通用的，因此列数和行数在每种情况下都可能有所不同。

为了设置样式，我选择使用display: grid。这种方法效果很好，只是我现在不知道如何明确设置给定列的宽度。换句话说，在渲染时，我希望能够明确设置列的宽度。

这是我的基本 SCSS 布局代码：

.main {
  width: 100%;

  header {
    display: grid;
    grid-auto-columns: minmax(0, 1fr);
    grid-auto-flow: column;
    
    div {
      padding: 5px;
      margin-left: unset;
    }
  }

  .table {
    .row {
      display: grid;
      grid-auto-columns: minmax(0, 1fr);
      grid-auto-flow: column;
      height: fit-content;
      align-items: center;
      
      .cell {
        padding: 2px 5px;
      }
    }
  } 
}

我的反应代码如下：

  return (
    <div className={styles.main} style={style}>
      <header>
        {getTemplateColumns().map(item => <div style={{ width: '75px' }}>{getHeaderCell(item)}</div>)}
      </header>

      <div className={styles.table}>
        {rows.map((row, rowIdx) => {
          return (
            <div className={styles.row}>
              {getTemplateColumns().map(item => 
                <div className={styles.cell} style={{ width: '75px' }}>
                  {getTableCell(item, rowIdx)}
                </div>)
              }
            </div>
          )
        })}
      </div>
    </div>
  );

您可以在上面的代码中看到，我正在尝试明确设置列的宽度，但没有效果。我认为这是因为布局grid不允许这样做。

有没有办法做到这一点，还是我应该采用老式的方法，而是实现table、、tr等td，这样我就可以完全控制列宽？

reactjs
Martin Hope
RobertW
Asked: 2024-11-09 04:45:30 +0800 CST
  • 5

我正在客户端上使用 React 和 Typescript 构建应用程序，在服务器上使用 ExpressJS 和 Typescript。我想确保在服务器上正确抛出错误并在客户端上正确处理它们。

下面是我必须创建 MediaSet（认为“文件夹”）的 Route 方法的精简版：

const createMediaSet = async (req: Request, res: Response) => {
  const values = req.body;

  const name: string = values.name + '_'; // '_' only added to force error
  const parentId: string | null = values.parent_id;

  try {
    if (!FileFolderNameRegex.test(name)) {
      throw new Error(`Mediaset name '${name}' is invalid!`);
    }

    const results = await createMediaSetRecord(name, parentId);
    const media_set_id = results.rows[0].media_set_id;
    res.status(StatusCode.SuccessCreated).json({media_set_id: media_set_id});
  } catch (error) {
    console.error(error);
    res.status(StatusCode.ErrorBadRequest).send({ status: false, message: String(error) });
  }
};

然后在客户端，这里是处理上述异步请求的简化代码：

React.useEffect(() => {
  if (!isProcessing) {
    if (data) {
      switch (mode) {
       // ... much processing here ...
      }
    }

    if (error) {
      console.error(error.message);
      alert(`Something went wrong! - ${error.response.data.message}`);
    }
  }
}, [isProcessing, data, error]);

我的问题有两个：

  1. 我处理服务器上错误代码的方式正确吗？
  2. 我处理客户端可能出现错误的方式是否正确？坦白说，这error.response.data.message看起来很奇怪，但确实让我得到了从服务器发送的错误消息。
typescript