django搭建簡單的博客系統

第一步:創建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
在這裏插入圖片描述
我們剛纔創建的文章赫然在列,點擊進入文章頁面:
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章