文章作成者のタグ機能

12053 ワード

これは『JumptoPlacer』を勉強したときにまとめた内容です
ソース:https://wikidocs.net/81060

質問リスト画面のテキスト作成者表示


question_list.htmlに書き込むこの項目を追加
th要素の変更
<!-- ------------------------------ [edit] -------------------------------- -->
<tr class="text-center thead-dark">
<!-- ---------------------------------------------------------------------- -->
    <th>번호</th>
<!-- ------------------------------ [edit] -------------------------------- -->
    <th style="width:50%">제목</th>
    <th>글쓴이</th>
<!-- ---------------------------------------------------------------------- -->
    <th>작성일시</th>
</tr>
著者をfor文に適用する
textcenterクラスをtr要素に追加して表の内容を中央に揃え、text-leftクラスをタイトルの左側に追加します.
{% for question in question_list.items %}
<!-- ------------------------------ [edit] -------------------------------- -->
<tr class="text-center">
<!-- ---------------------------------------------------------------------- -->
    <td>{{ question_list.total - ((question_list.page-1) * question_list.per_page) - loop.index0 }}</td>
<!-- ------------------------------ [edit] -------------------------------- -->
    <td class="text-left">
<!-- ---------------------------------------------------------------------- -->
        <a href="{{ url_for('question.detail', question_id=question.id) }}">{{ question.subject }}</a>
        {% if question.answer_set|length > 0 %}
        <span class="text-danger small ml-2">{{ question.answer_set|length }}</span>
        {% endif %}
    </td>
<!-- ------------------------------ [edit] -------------------------------- -->
    <td>{{ question.user.username }}</td>  <!-- 글쓴이 추가 -->
<!-- ---------------------------------------------------------------------- -->
    <td>{{ question.create_date|datetime }}</td>
</tr>
{% endfor %}

質問詳細画面の作成者表示


question_detail.htmlに作者を追加
ガイドバーを使用して、作成者と作成者の作成時間を表示します.
質問に追加
<div class="d-flex justify-content-end">
<!-- ------------------------------ [edit] -------------------------------- -->
        <div class="badge badge-light p-2 text-left">
            <div class="mb-2">{{ question.user.username }}</div>
            <div>{{ question.create_date|datetime }}</div>
        </div>
<!-- ---------------------------------------------------------------------- -->
    </div>
返信に追加
<div class="d-flex justify-content-end">
<!-- ------------------------------ [edit] -------------------------------- -->
        <div class="badge badge-light p-2 text-left">
            <div class="mb-2">{{ answer.user.username }}</div>
            <div>{{ answer.create_date|datetime }}</div>
        </div>
<!-- ---------------------------------------------------------------------- -->
    </div>