Spm flies you|Django|Blog_Post

d.l.spm
3 min readApr 25, 2020

--

此篇會學習到 Templates 跳轉網頁的方法,以及 urls.py name 參數用途

上一篇:若還不懂網頁架構可以先移駕閱讀以下,若只需跳轉網頁方法可以繼續看下去

  • View、URLconf
  • Templates
  • Bootstrap
流程圖

View、URLconf

App沿用上一篇的 blog_v2 app,新增 post.html 頁面。

URLconf

修改 urls.py(./blog_v2/urls.py)

...略
urlpatterns = [
...略
path('', views.index, name='index'),
path('tag/<int:post_id>/<str:get_from>', views.post_tag, name='post_tag'),
path('post/<int:post_id>/', views.post_test, name='post'),
]

View

修改 views.py(./blog_v2/views.py)

Templates

請參考 Template tag ->{% url %} 網頁跳轉 有詳細介紹,也有其他 Template 應用

前端裡的 {% url %} 設置

# 1.每一篇 post 的連結
{% url 'post' bg.id %}
# 2.每一篇 post 裡的 tag 連結
{% url 'post_tag' bg.id 'post' %}
# 3.Home 連結
{% url 'index' %}
# 4.Catalog 裡的所有 tag 連結
{% url 'post_tag' catalog.id 'tag'%}
# 5.Working 連結
{% url 'post' work.id %}

Bootstrap

官網選範例->Blog->Blog Post (用於點進文章後模板)

詳細請參考以下

--

--

d.l.spm
d.l.spm

No responses yet