質問

投稿者:KO
登録日:2025年4月22日(火)

データベースのレコードを表示する方法について

データベースのレコード表示について質問です。 動画アーカイブページを作成するため、「公開日」「タイトル」「URL(外部サイト)」などのフィールドがあるDBを作成しました。 この「URL」のフィールドに登録された値を<a>タグのリンク先として設定する(データベースの値をページ上に表示する)方法はございますでしょうか? 現在、動画アーカイブの詳細ページを「レコードアイテム」ブロックで作成しているのですが、「ビジュアル設定」ではサイト内ページしかリンクすることができなかったため、「ソース設定」に切り替えました。 ただ、ソース上の<a href=“###”>のリンク先として、レコードのURLを表示する方法がわからなかったため、ご質問させていただきました。 上記についてご教示いただけますと幸いです。

レコードアイテム(ソース設定)
<div class="sp-record-item-container" th:if="${record != null}">
  <div class="sp-record-item-parts sp-html-parts" th:inline="none"><p><span style="font-size: 18pt;">動画アーカイブ</span></p></div>
  <!--/* 動画タイトル (movie_title) */-->
  <sp:record-item-field name="f03"></sp:record-item-field>
  <div class="sp-record-item-parts sp-record-item-field">
    <div class="sp-record-item-label" th:text="${fields['f03'].label}">Label</div>
    <div class="sp-record-item-data">
      <span class="sp-record-item-embedded" th:text="${record['f03']}">Example</span>
    </div>
  </div>
  <!--/* 動画URL (movie_url) */-->
  <sp:record-item-field name="f02"></sp:record-item-field>
  <div class="sp-record-item-parts sp-record-item-field">
    <div class="sp-record-item-label" th:text="${fields['f02'].label}">Label</div>
    <div class="sp-record-item-data">
      <a href="###">
        <span class="sp-record-item-embedded" th:text="${record['f02']}">Example</span>
      </a>
    </div>
  </div>
  <!--/* 動画説明 (movie_content) */-->
  <sp:record-item-field name="f04"></sp:record-item-field>
  <div class="sp-record-item-parts sp-record-item-field">
    <div class="sp-record-item-label" th:text="${fields['f04'].label}">Label</div>
    <div class="sp-record-item-data">
      <span class="sp-record-item-embedded" th:if="${record['f04'] != null}">
        <th:block th:each="line, stat : ${record['f04'].lines}">
          <th:block th:text="${line}"></th:block>
          <br th:unless="${stat.last}">
        </th:block>
      </span>
    </div>
  </div>
</div>
<div class="sp-record-item-container" th:if="${record == null}">
  <div class="sp-record-item-no-item">
    データが見つかりません
  </div>
</div>
更新日:2025年4月24日(木)

コメント

  • DBに登録された値をリンク先として設定するには、Thymeleafでの記述が必要になります。 「<a href=“###”>」を以下のように変更ください。 <a th:href=“${record[‘f02’]}”>

    • いいね
    2025年4月23日(水)
  • KO

    ご回答いただきありがとうございました。 Thymeleaf の特集を参考にしつつ作成してみます。 https://knowledge.spirers.jp/special/detail/3941

    • いいね
    2025年4月24日(木)
  • ご確認いただきましてありがとうございます。 作成していく中でご不明点がございましたら、お気軽にクエスチョンボードをご活用ください。 引き続きよろしくお願いいたします。

    • いいね
    2025年4月24日(木)