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
- 自制真•簡單部落格
- 極簡單欄部落格系統
- mapreduce 練習13 找出部落格共同好友
- Django搭建個人部落格:用django-notifications實現訊息通知Django
- Django搭建個人部落格(二)Django
- 2 – 建立 Django 部落格應用Django
- Django搭建個人部落格:前言Django
- 4.DJango部落格之markedownDjango
- Python學習6之簡單實戰Python
- Django搭建個人部落格:編寫部落格文章的Model模型Django模型
- 自己寫的簡單的一個部落格
- Django2.x搭建部落格Django
- 使用 Nginx 和 Gunicorn 部署 Django 部落格NginxDjango
- 【部落格搭建】Typecho個人部落格搭建,快速安裝,超小白(很簡單的)
- Etcd 實戰練習(二)
- Etcd 實戰練習(一)
- Appium 實戰練習一APP
- Django搭建個人部落格:用django-mptt實現多級評論功能Django
- Django搭建個人部落格:使用Form表單類發表新文章DjangoORM
- Matplotlib簡單練習(需要改正 Bug)
- 一個簡單的 Laravel5.5 + vue 單頁面部落格LaravelVue
- Django手擼一個部落格專案Django
- 一篇部落格搞定Django基礎Django
- Django 部落格新增 Disqus 評論系統Django
- django 網站實現簡單分頁Django網站
- 部落格開張及本部落格內容簡介
- Laravel Nova 入門建立一個簡單的部落格Laravel
- SSM的查詢簡單練習+JSPSSMJS
- Flutter mvvm簡單實戰FlutterMVVM
- 分享一個我的 Django 部落格專案Django
- Django部落格使用Markdown自動生成目錄Django
- Django搭建個人部落格:文章標籤功能Django
- Gin與Mysql實現簡單Restful風格API實戰示例詳解PRHCMySqlRESTAPI
- 基於 abp vNext 和 .NET Core 開發部落格專案 - 部落格介面實戰篇(三)
- 基於 abp vNext 和 .NET Core 開發部落格專案 - 部落格介面實戰篇(二)
- 基於 abp vNext 和 .NET Core 開發部落格專案 - 部落格介面實戰篇(五)
- 基於 abp vNext 和 .NET Core 開發部落格專案 - 部落格介面實戰篇(一)