文章作成者のタグ機能
12053 ワード
これは『JumptoPlacer』を勉強したときにまとめた内容です
ソース:https://wikidocs.net/81060
question_list.htmlに書き込むこの項目を追加
th要素の変更
textcenterクラスをtr要素に追加して表の内容を中央に揃え、text-leftクラスをタイトルの左側に追加します.
question_detail.htmlに作者を追加
ガイドバーを使用して、作成者と作成者の作成時間を表示します.
質問に追加
ソース: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>
Reference
この問題について(文章作成者のタグ機能), 我々は、より多くの情報をここで見つけました https://velog.io/@jusung-c/글쓴이-표시-기능テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol