Django实例 ——10分钟搭建一个博客

开始前准备
在电脑上安装
Python下载
Django 安装参考菜鸟教程怎么安装Django

1 创建一个mysite工程项目，创建项目的命令如下：

django-admin startproject mysite

mysite目录，工程目录结构默认如图
和项目同名的目录，此处为mysite，包含项目的配置文件

下面解释下这些文件都是做什么的

manage.py : Django 项目里面的工具，是项目运行的入口，指定配置文件路径，通过它可以调用django shell和数据库等。
setting.py : 包含了项目的默认配置，包括数据库信息，调试标志以及其他一些工作的变量，是项目的整体配置文件。
urls.py : 负责把URL模式映射到应用程序，是项目的URL配置文件。 init.py是一个空文件，作用是这个目录test1可以被当作包使用。
wsgi.py是项目与WSGI兼容的Web服务器入口。

2 mysite项目创建完毕我们运行一下
在控制台输入以下命令

python manage.py runserver

也可以自定端口 ctrl+c停止运行

python manage.py runserver 8090

浏览器访问 http://127.0.0.1:8090/,运行结果如图所示

3 创建博客应用
控制台输入python manage.py startapp {应用名目录}

python manage.py startapp blog

init.py是一个空文件，表示当前目录blog可以当作一个python包使用
tests.py文件用于开发测试用例

4 添加刚创建应用
应用创建成功后，需要安装才可以使用
在mysite/settings.py文件中INSTALLED_APPS下添加应用的名称就可以完成安装
在元组列表末尾中添加一个新的项，当前示例为blog

INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'blog',#新增blog
]

5 为应用设计模型
打开blog目录下的models.py文件，在这定义blog数据结构

from django.db import models
 
# Create your models here.
class BlogPost(models.Model):
    # 标题
    title=models.CharField(max_length=150)
    # 正文
    body=models.TextField()
    # 创建时间
    timestamp=models.DateTimeField()

创建BlogPost博客类，继承django.db.models.Model父类，定义3个变量：title(标题)、body(正文)、timestamp(创建时间)

6 迁移目录结构
默认使用sqlite3数据库
首先生成迁移文件命令

python manage.py makemigrations

生成命令后执行命令

python manage.py migrate

7 创建博客后台登录账号密码使用以下命令根据提示输入用户名、邮箱、密码

python manage.py createsuperuser

8 登录后台
首先启动项目

python manage.py runserver

在浏览器中输入
http://127.0.0.1:8000/admin

登录成功！但是没有博客的管理入口下面我们添加博客入口

9 添加博客管理入口
需要在自己应用中的admin.py文件中注册，才可以在后台管理中看到，并进行crud操作
打开blog/admin.py文件，编写如下代码如果使用pycharm编写出现报错大家忽略

from django.contrib import admin
from blog.models import BlogPost
 
admin.site.register(BlogPost)

添加完成后刷新浏览器进看到博客管理了

点击Blog posts即可进入博客管理了
添加新博客

输入内容

添加完成但是大家也发现了这样显示的标题不是咱们刚刚输入的博客标题，咱们下一部让标题显示咱们的博客标题

10 修改显示标题为博客标题内容
打开mysite/admin.py文件，自定义类，继承自admin.ModelAdmin类
输入以下代码

from django.contrib import admin
from blog.models import BlogPost
 
class BlogPostAdmin(admin.ModelAdmin):
    # pk:索引
    # 属性list_display表示要显示哪些属性
    list_display = ['pk','title','body','timestamp']
 
admin.site.register(BlogPost,BlogPostAdmin)

11 制作前端浏览入口
在blog项目中创建templates文件夹目录（mysite/blog/templates/）在目录中创建模板文件index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
{% for post in posts %}
    <h2>{{ post.title }}</h2>
    <p>{{ post.timestamp }}</p>
    <p>{{ post.body }}</p>
{% endfor %}
</body>
</html>

创建index.html后，打开mysite/settings.py文件添加，添加index.html的路径

from pathlib import Path
import os #这里

# Build paths inside the project like this: BASE_DIR / 'subdir'.
BASE_DIR = Path(__file__).resolve().parent.parent


# Quick-start development settings - unsuitable for production
# See https://docs.djangoproject.com/en/3.1/howto/deployment/checklist/

# SECURITY WARNING: keep the secret key used in production secret!
SECRET_KEY = 'h%#d$sgx4^f%!j@w#81sbt%)026f1mm125u-3&+pu7dt21uqs#'

# SECURITY WARNING: don't run with debug turned on in production!
DEBUG = True

ALLOWED_HOSTS = []


# Application definition

INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'blog',
]

MIDDLEWARE = [
    'django.middleware.security.SecurityMiddleware',
    'django.contrib.sessions.middleware.SessionMiddleware',
    'django.middleware.common.CommonMiddleware',
    'django.middleware.csrf.CsrfViewMiddleware',
    'django.contrib.auth.middleware.AuthenticationMiddleware',
    'django.contrib.messages.middleware.MessageMiddleware',
    'django.middleware.clickjacking.XFrameOptionsMiddleware',
]

ROOT_URLCONF = 'mysite.urls'

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [os.path.join(BASE_DIR,"templates")],#这里
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
        },
    },
]

WSGI_APPLICATION = 'mysite.wsgi.application'


# Database
# https://docs.djangoproject.com/en/3.1/ref/settings/#databases

DATABASES = {
    'default': {
        'ENGINE': 'django.db.backends.sqlite3',
        'NAME': BASE_DIR / 'db.sqlite3',
    }
}


# Password validation
# https://docs.djangoproject.com/en/3.1/ref/settings/#auth-password-validators

AUTH_PASSWORD_VALIDATORS = [
    {
        'NAME': 'django.contrib.auth.password_validation.UserAttributeSimilarityValidator',
    },
    {
        'NAME': 'django.contrib.auth.password_validation.MinimumLengthValidator',
    },
    {
        'NAME': 'django.contrib.auth.password_validation.CommonPasswordValidator',
    },
    {
        'NAME': 'django.contrib.auth.password_validation.NumericPasswordValidator',
    },
]


# Internationalization
# https://docs.djangoproject.com/en/3.1/topics/i18n/

LANGUAGE_CODE = 'en-us'

TIME_ZONE = 'UTC'

USE_I18N = True

USE_L10N = True

USE_TZ = True


# Static files (CSS, JavaScript, Images)
# https://docs.djangoproject.com/en/3.1/howto/static-files/

STATIC_URL = '/static/'

完成上一步后我们打开mysite/blog/views.py文件

from django.shortcuts import render
from blog.models import BlogPost
 
def archive(request):
    posts=BlogPost.objects.all()
    return render(request, 'index.html', {'posts': posts})

posts=BlogPost.objects.all() ：获取数据库里面所有的BlogPost对象

return render(request, 'archive.html', {'posts': posts}) ：渲染模板，数据是一个字典型的对象（键值对）

完成上一步后我们在mysite/urls.py文件中添加blog的URL

from django.contrib import admin
from django.urls import path
from django.conf.urls import include,url
urlpatterns = [
    url(r'^blog/',include('blog.urls')),
    path('admin/', admin.site.urls),
]

在mysite/blog/目录下创建urls.py文件

from django.conf.urls import url
from . import views

urlpatterns=[
    url(r'^index',views.archive),
]

完成上一步输入

 `python manage.py runserver,
访问http://127.0.0.1:8000/blog/index`

这样我们在博客后台添加的内容就能在前端展示了

补充内容：博客后台显示的英文是可以修改成中文的具体步骤如下
打开mysite/settings.py文件，找到语言编码、时区的设置项，修改内容如下

LANGUAGE_CODE = 'zh-Hans'
TIME_ZONE = 'Asia/Shanghai'

修改完成后刷新后台看到后台语言已经是中文了

添加新评论