第一步:創建django項目
$ django-admin startproject myweb
第二步:創建應用
$ python manage.py startapp myblog
由於圖片或文件不會存到數據庫中,因此創建一個目錄media用來存儲文件或圖片
此時的項目目錄
雙擊myblog打開,裏面包含的文件/目錄如下(migrations當數據遷移時由系統創建,urls和templates由自己創建,其中templates存放前端模板文件,名稱不可更改):
第三步:創建數據模板
通過編輯models文件創建數據模板
from django.db import models
from django.utils import timezone
from django.contrib.auth.models import User
# Create your models here.
class BlogArticles(models.Model):
title = models.CharField(max_length=300)
author = models.ForeignKey(User, related_name="bloa_posts",on_delete=None)
body = models.TextField()
publish = models.DateTimeField(default=timezone.now)
img = models.ImageField(upload_to='img', null=True)
class Meta:
db_table = 'Articles'
def __str__(self):
return self.title
由於Django對數據庫操作進行了封裝,創建數據模型的本質實際上是在數據庫中創建了一張數據表,但是僅僅定義一個類數據表不會被創建,還需進行數據遷移,只需在命令行輸入如下命令
$python manage.py makemigrations
$python manage.py migrate
於是一張數據表就創建好了,我們每一篇博文數據都會存到這張表中;
值得一提的是,Django默認數據庫系統是Python自帶的sqlite,如果想要使用其他數據庫需要在./myweb/settings.py中進行配置,配置位置如下:
# Database
# https://docs.djangoproject.com/en/2.2/ref/settings/#databases
DATABASES = {
'default': {
'ENGINE': 'django.db.backends.sqlite3',
'NAME': os.path.join(BASE_DIR, 'db.sqlite3'),
}
}
第四步:創建超級用戶
目錄 myblog 下的文件 admin.py 就是用來設置網站後臺管理頁面的,不過在編寫這個文件前需要先在命令行創建一個超級用戶
$python manage.py createsuperuser
然後再myblog/admin.py中添加如下內容:
from django.contrib import admin
from .models import BlogArticles
# Register your models here.
class Admin(admin.ModelAdmin):
list_display = ("title", "author", "publish")
list_filter = ("publish", "author")
search_fields = ("title", "body")
raw_id_fields = ("author",)
date_hierarchy = "publish"
ordering = ["-publish", "author"]
admin.site.register(BlogArticles, Admin)
myweb/urls中有一個url路徑:
urlpatterns = [
path('admin/', admin.site.urls),
]
我們可以在瀏覽器中輸入這個路徑:http://localhost:8000/admin/
可以看到如下頁面
點進 Blog articles,裏面長這樣
點擊右上角就可以創建博文了:
可以看到博文中所包含的字段都是我們在數據模型中創建的字段
於是,一個基本的後臺管理頁面就編寫好了,然而博文寫出來是給人看的,如果用戶發送一個請求,系統需要返回相應的html文件,爲此需要在view.py中編寫視圖函數,以及在目錄/myweb/templates/中添加html文件,這是創建博客系統的核心部分
可以在/templates/下的base.html文件中寫公共部分,然後/trmplates/blog/目錄下編寫多個html文件“繼承”base.html文件
第五步:創建視圖文件
base.html
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{% block title %}{% endblock %}</title>
<link rel="stylesheet" href="http://necolas.github.io/normalize.css/">
<link rel="stylesheet" href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css">
</head>
<body>
<div class="container">
{% block content %}
{% endblock %}
</div>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
</body>
</html>
content.html
{% extends "base.html" %}
{% block title %}blog article{% endblock %}
{% block content %}
<div class="row text-center vertical-middle-sm">
<h1>{{article.title}}</h1>
</div>
<div class="row">
<div class="col-xs-12 col-md-8">
<p class="text-center"><span>{{article.author.username}}</span><span style="margin-left:20px">{{publish}}</span></p>
<div>{{article.body}}</div>
{% if article.img %}
<img src="/media/{{article.img}}">
{% endif %}
</div>
</div>
{% endblock %}
titles.html
{% extends "base.html" %}
{% block title %}blog titles{% endblock %}
{% block content %}
<div class="row text-center vertical-middle-sm">
<h1>我的博客</h1>
</div>
<div class="row">
<div class="col-xs-12 col-md-8">
<ul>
{% for blog in blogs %}
<li><a href="{{blog.id}}">{{blog.title}}</a></li>
{% endfor %}
</ul>
</div>
</div>
{% endblock %}
views.py
from django.shortcuts import render
from .models import BlogArticles
# Create your views here.
def Homepage(request):
blogs = BlogArticles.objects.all()
return render(request, 'blog/titles.html', {'blogs':blogs})
def blog_article(request, article_id):
article = BlogArticles.objects.get(id=article_id)
pub = article.publish
return render(request, 'blog/content.html', {'article':article, 'publish':pub})
第六步:配置url
urlpatterns = [
path('admin/', admin.site.urls),
path(r'blog/', include('myblog.urls')),
]+static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
其中path(r’blog/’, include(‘myblog.urls’))是指當輸入url爲./blog/時會指向/myblog/urls.py文件,這個文件當然是不存在的,需要我們自己創建:
/myblog/urls.py
from django.urls import path
from django.conf.urls import url
from . import views
app_name='blog'
urlpatterns = [
url(r'^$', views.Homepage, name="blog_title"),
url(r'(?P<article_id>\d)/$', views.blog_article, name="blog_articles")
]
/myblog/urls.py中實現的功能非常的顯而易見,它將url與視圖函數進行了綁定,用戶輸入某個url就會觸發相應的函數
static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)中MEDIA_URL和MEDIA_ROOT需要在setting.py中進行配置,表示存放圖片或者其他文件的地址
所有這些步驟完成後在瀏覽器中輸入 http://localhost:8000/blog
我們剛纔創建的文章赫然在列,點擊進入文章頁面: