Django 實戰練習-簡單部落格
1.1頁面設計:
(1)部落格主頁面
(2)部落格文章內容頁面
(3)部落格撰寫頁面
1.2 部落格主頁面
(1)文章標題列表,超連結
(2)發表部落格按鈕(超連結)
編寫思路:
(1)取出資料庫彙總所有文章物件
(2)將文章物件們打包成列表,傳遞到前端
(3)前端頁面把文章以標題超連結的形式逐個列出
後端語句書寫:
前端語句書寫:
例項展示:
1.3 部落格文章頁面
(1)標題
(2)文章內容
(3)修改文章按鈕(超連結)
配置函式
html樣式書寫 /blog/article_page.html
url的配置
執行結果
1.3 超連結
配置URL
根urls,寫在include()的第二個引數位置,namespace='blog'
應用下則下載url()第三個引數的位置,name='article'
主要取決於是否使用了include引用了另一個URL
1.4部落格撰寫頁面
(1)頁面內容
標題編輯欄
文章內容編輯區域
提交按鈕
(2)編輯響應函式
使用request.POST['引數名']獲取表單資料
models.Article.objects.create(title,content)建立物件
1.5 修改頁面
修改文章頁面有文章物件
文章ID
PS:注意{% csrf_token %}在POST的提交時必須要在前端新增這樣一句話
透過ID來控制頁面實現修改
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/4662/viewspace-2799538/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- django專案開發實戰——部落格Django
- 極簡單欄部落格系統
- 0 - Django 部落格教程:前言Django
- hexo+GitHub部落格搭建實戰HexoGithub
- Django搭建個人部落格(二)Django
- 2 – 建立 Django 部落格應用Django
- Django搭建個人部落格:前言Django
- 4.DJango部落格之markedownDjango
- Django搭建個人部落格:用django-notifications實現訊息通知Django
- 使用 Nginx 和 Gunicorn 部署 Django 部落格NginxDjango
- Django2.x搭建部落格Django
- 【部落格搭建】Typecho個人部落格搭建,快速安裝,超小白(很簡單的)
- Windows Phone 專案實戰之部落格園Windows
- Endv 部落格簡介
- 分享一個 Laravel 5.3 搭建的簡單部落格Laravel
- Python學習6之簡單實戰Python
- Django搭建個人部落格:使用Form表單類發表新文章DjangoORM
- Django手擼一個部落格專案Django
- 一篇部落格搞定Django基礎Django
- Django 部落格新增 Disqus 評論系統Django
- 14 - 使用 Nginx 和 Gunicorn 部署 Django 部落格NginxDjango
- Django搭建個人部落格:用django-mptt實現多級評論功能Django
- Etcd 實戰練習(一)
- Etcd 實戰練習(二)
- Appium 實戰練習一APP
- 一個簡單的 Laravel5.5 + vue 單頁面部落格LaravelVue
- Laravel Nova 入門建立一個簡單的部落格Laravel
- 分享一個 Laravel 5.5 + React 搭建的簡單部落格LaravelReact
- 《Python高效開發實戰》實戰演練——開發Django站點1PythonDjango
- 分享一個我的 Django 部落格專案Django
- Django搭建個人部落格:文章標籤功能Django
- Django部落格使用Markdown自動生成目錄Django
- Django搭建個人部落格:編寫部落格文章的Model模型Django模型
- django 網站實現簡單分頁Django網站
- Zookeeper環境搭建及簡單練習
- Vue實戰:個人部落格第一版Vue
- react全家桶+express實戰個人部落格系列教程ReactExpress
- 用flask開發部落格(1)——第一個簡單程式Flask