1. Python技术站首页
  2. Web开发
  3. Django

Python使用Django实现博客系统完整版

• Django

下面是关于“Python使用Django实现博客系统完整版”的完整攻略及两条示例说明。

I. Django框架简介

Django是一个Python的开源Web框架，采用了MVT（Model-View-Template）的设计模式，从而使得Web应用的开发更为高效和稳定。通过Django，我们可以快速地构建Web应用，并且Django提供了良好的数据库操作支持，同时还可以轻松地实现前后端的分离，从而使得Web应用的开发更加简便快捷。

II. Django应用创建与配置

为了创建一个基于Django的博客系统，我们需要首先创建一个Django应用，并完成对应的配置。具体步骤如下：

1. 安装Django框架

可以通过在命令行中输入以下命令来安装Django框架：

pip install django

2. 创建Django应用

运行以下命令来创建一个基于Django的应用：

django-admin startproject myblog

其中，myblog是应用的名字，可以根据需求自行修改。

3. 创建Django App

运行以下命令来创建Django App：

cd myblog
python manage.py startapp [appname]

例如，创建名为blog的Django App：

cd myblog
python manage.py startapp blog

4. 配置Django App

在myblog/settings.py文件中添加应用blog的配置：

INSTALLED_APPS = [
    'blog',
    ......
]

接着，在myblog/urls.py文件中添加应用blog的路由配置：

from django.urls import path, include

urlpatterns = [
    path('blog/', include('blog.urls')),
    ......
]

III. Django模型设计与数据库操作

博客系统中需要设计文章模型，并完成对应的数据库操作。具体步骤如下：

1. 设计文章模型

在blog/models.py文件中设计文章模型：

from django.db import models

class Article(models.Model):
    title = models.CharField(max_length=255)
    author = models.CharField(max_length=64)
    content = models.TextField()
    created_time = models.DateTimeField(auto_now_add=True)
    last_updated_time = models.DateTimeField(auto_now=True)

2. 数据库迁移

运行以下命令来迁移数据库：

python manage.py makemigrations blog
python manage.py migrate

3. 数据库操作

通过Django的ORM（Object-Relational Mapping）可以实现对数据库的操作。例如，插入一条文章记录的操作如下：

from blog.models import Article

article = Article(title='title', author='author', content='content')
article.save()

IV. Django视图设计与API开发

博客系统中需要设计视图以及API接口，并完成对应的开发。具体步骤如下：

1. 视图设计

在blog/views.py文件中设计视图：

from django.shortcuts import render
from blog.models import Article

def index(request):
    articles = Article.objects.all()
    return render(request, 'index.html', {'articles': articles})

2. API接口设计

在blog/views.py文件中设计API接口：

from django.http import JsonResponse
from blog.models import Article

def articles(request):
    articles = Article.objects.all()
    data = [
        {'title': article.title, 'author': article.author, 'content': article.content}
        for article in articles
    ]
    return JsonResponse({'data': data})

3. URL配置

在blog/urls.py文件中对应的URL配置：

from django.urls import path
from blog import views

urlpatterns = [
    path('', views.index, name='index'),
    path('api/articles', views.articles, name='api_articles'),
]

V. 博客系统前端实现

博客系统需要通过前端实现，具体步骤如下：

1. 模板设计

在blog/templates目录下设计视图对应的模板文件，例如index.html：

{% for article in articles %}
<div class="article">
    <h2>{{ article.title }}</h2>
    <p>{{ article.author }}</p>
    <p>{{ article.created_time }}</p>
    <p>{{ article.content }}</p>
</div>
{% endfor %}

2. API调用

通过JavaScript代码调用API接口，例如：

fetch('/api/articles')
  .then(response => response.json())
  .then(data => {
    console.log(data)
  })

VI. 示例说明 - 一个简单的博客系统

下面是通过Django框架实现的一个简单的博客系统的示例，包含后端和前端实现。具体步骤如下：

后端实现

1. 创建Django应用

运行以下命令来创建一个名为blog的Django应用：

django-admin startproject myblog
cd myblog
python manage.py startapp blog

2. 安装依赖

新建一个名为requirements.txt的文件，添加以下内容：

Django==3.1.7
django-cors-headers==3.7.0
mysqlclient==2.0.3
pytz==2021.1

运行以下命令来安装依赖：

pip install -r requirements.txt

3. 设计文章模型

在blog/models.py文件中设计文章模型：

from django.db import models

class Article(models.Model):
    title = models.CharField(max_length=255)
    author = models.CharField(max_length=64)
    content = models.TextField()
    created_time = models.DateTimeField(auto_now_add=True)
    last_updated_time = models.DateTimeField(auto_now=True)

4. 数据库迁移

运行以下命令来迁移数据库：

python manage.py makemigrations blog
python manage.py migrate

5. 视图设计

在blog/views.py文件中设计视图：

from django.shortcuts import render
from blog.models import Article

def index(request):
    articles = Article.objects.all()
    return render(request, 'index.html', {'articles': articles})

6. API接口设计

在blog/views.py文件中设计API接口：

from django.http import JsonResponse
from blog.models import Article

def articles(request):
    articles = Article.objects.all()
    data = [
        {'title': article.title, 'author': article.author, 'content': article.content}
        for article in articles
    ]
    return JsonResponse({'data': data})

7. URL配置

在blog/urls.py文件中对应的URL配置：

from django.urls import path
from blog import views

urlpatterns = [
    path('', views.index, name='index'),
    path('api/articles', views.articles, name='api_articles'),
]

8. 配置CORS

在myblog/settings.py文件中添加以下配置：

INSTALLED_APPS = [
    ...
    'corsheaders',
]

MIDDLEWARE = [
    ...
    'corsheaders.middleware.CorsMiddleware',
    'django.middleware.common.CommonMiddleware',
]

CORS_ORIGIN_ALLOW_ALL = True

9. 运行Django服务器

运行以下命令来启动Django服务器：

python manage.py runserver

前端实现

我们使用Vue.js作为前端开发框架，下面是具体的实现步骤：

1. 安装Vue.js

可以通过以下命令来安装Vue.js：

npm install vue

2. 设计页面模板

新建一个名为index.html的文件，添加以下内容：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>My Blog</title>
</head>
<body>
    <div id="app">
        <h1>My Blog</h1>
        <div v-for="(article, index) in articles" :key="index" class="article">
            <h2>{{ article.title }}</h2>
            <p>{{ article.author }}</p>
            <p>{{ article.created_time }}</p>
            <p>{{ article.content }}</p>
        </div>
    </div>

    <script src="https://unpkg.com/vue@next"></script>
    <script>
        const app = Vue.createApp({
            data() {
                return {
                    articles: []
                }
            },
            async mounted() {
                const response = await fetch('/api/articles')
                const data = await response.json()
                this.articles = data.data
            }
        })
        app.mount('#app')
    </script>
</body>
</html>

3. 运行前端服务器

运行以下命令来启动前端服务器：

python -m http.server

4. 查看结果

在浏览器中访问http://localhost:8000，即可看到博客系统的展示结果。

VII. 示例说明 - 博客系统添加登录验证

下面是在基于Django实现的博客系统中添加登录验证的示例，具体步骤如下：

1. 运行以下命令来创建一个名为users的Django应用：

python manage.py startapp users

2. 在users/models.py文件中设计用户模型：

from django.contrib.auth.models import AbstractUser

class User(AbstractUser):
    pass

3. 迁移数据库：

python manage.py makemigrations users
python manage.py migrate

4. 在myblog/settings.py文件中添加以下配置：

INSTALLED_APPS = [
    ...
    'users',
]

AUTH_USER_MODEL = 'users.User'

5. 在users/views.py文件中设计登录API：

from django.contrib.auth.views import LoginView

class MyLoginView(LoginView):
    template_name = 'login.html'

6. 在users/urls.py文件中设计登录路由：

from django.urls import path
from . import views

urlpatterns = [
    path('login/', views.MyLoginView.as_view(), name='login'),
]

7. 创建login.html模板文件：

{% extends 'base.html' %}

{% block content %}
<form method="post">
    {% csrf_token %}
    {{ form.as_p }}
    <button type="submit">Login</button>
</form>
{% endblock %}

8. 在myblog/urls.py文件中添加如下配置：

from django.urls import path, include

urlpatterns = [
    ...
    path('users/', include('django.contrib.auth.urls')),
]

9. 修改blog/views.py文件中的函数index：

from django.shortcuts import render
from django.contrib.auth.decorators import login_required
from blog.models import Article

@login_required
def index(request):
    articles = Article.objects.all()
    return render(request, 'index.html', {'articles': articles})

10. 在blog/templates/base.html模板文件中添加登录和登出链接：

{% if user.is_authenticated %}
    <a href="{% url 'logout' %}">Logout</a>
{% else %}
    <a href="{% url 'login' %}">Login</a>
{% endif %}

11. 运行Django服务器并查看结果：

python manage.py runserver

在浏览器中访问http://localhost:8000，即可看到博客系统的展示结果，并且需要登录才能查看文章。

本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：Python使用Django实现博客系统完整版 - Python技术站

赞 (0)
0 0 打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023年5月16日
下一篇 2023年5月16日

相关文章

  • 笔记-django第一个项目

      1.      创建项目 安装 Django 之后，现在有了可用的管理工具 django-admin。可以使用 django-admin 来创建一个项目: 看下django-admin 的命令介绍:   1.1.    startproject   django-admin startproject HelloWorld   创建完成后我们可以查看下项目…

    Django 2023年4月13日
    00

  • Django html标签make_safe

    from django.utils.safestring import mark_safe a = mark_safe(“<a href=’#’>test</a>”)  

    Django 2023年4月9日
    00

  • 使用Django2快速开发Web项目的详细步骤

    使用Django2快速开发Web项目的详细步骤可以分为以下部分： 安装Django2 使用Django2前需要先安装它。如果你没有安装Django2，可以使用如下命令进行安装： pip install Django==2.x.x （其中2.x.x为Django2的版本号） 创建Django2项目 在安装完Django2之后，可以使用django-admin …

    Django 2023年5月16日
    00

  • 用Django实现一个可运行的区块链应用

    以下是使用Django实现可运行的区块链应用的完整攻略： 步骤一：安装Django和必要的依赖项 首先，安装Django和必要的依赖项。我们可以使用pip来安装： pip install Django==3.1.1 pip install pysha3==1.0.2 pip install pytz==2020.1 步骤二：创建Django项目和应用 接下来…

    Django 2023年5月16日
    00

  • Django logging日志模块实例详解(日志记录模板配置)

    让我来给您讲解一下“Django logging日志模块实例详解(日志记录模板配置)”的攻略，涉及到日志记录模板配置的两个示例。 简介 在Django应用程序中使用logging模块记录日志非常重要。因为日志可以帮助我们找到错误并快速解决问题。Django中的logging模块遵循Python的标准库logging模块。logging模块可以让我们记录不同类…

    Django 2023年5月16日
    00

  • Python – Django – 命名空间模式

    新建一个项目 app02 在 app02/ 下创建 urls.py： from django.conf.urls import url from app02 import views urlpatterns = [ url(r’^blog/’, views.test, name=”blog”), ] app01/urls.py： from django.co…

    Django 2023年4月10日
    00

  • 一文了解Django缓存机制

    一文了解Django缓存机制 缓存的概念 缓存是指存储一份计算过的结果，以便后续快速访问和获取数据的技术。相对于实时读取、计算等方式，缓存已被广泛应用在提高应用程序性能、减轻服务器压力等方面。 Django内置了缓存框架，支持多种缓存后端，包括内存缓存、文件缓存、Redis缓存等。 缓存使用步骤 1.启用缓存 在settings.py中配置CACHES，指明…

    Django 2023年5月16日
    00

  • vscode调试django项目的方法

    下面是详细讲解“vscode调试django项目的方法”的完整攻略，分别包含了Windows和MacOS两个操作系统下的示例说明。 Windows操作系统下的示例说明 步骤一：安装Django插件 安装Visual Studio Code的Python插件后，我们可以在Visual Studio Code中安装Django插件，以便在调试Django项目时能…

    Django 2023年5月15日
    00
合作推广
合作推广
分享本页
返回顶部