默认分类 1145 0

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

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

    1 创建一个mysite工程项目,创建项目的命令如下:

    django-admin startproject mysite

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

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

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

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

    python manage.py runserver
    

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

    python manage.py runserver 8090
    

    3.png

    浏览器访问 http://127.0.0.1:8090/,运行结果如图所示
    4.png
    3 创建博客应用
    控制台输入python manage.py startapp {应用名目录}

    python manage.py startapp blog
    

    5.png

    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
    

    6.png

    生成命令后执行命令

    python manage.py migrate

    7.png

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

    python manage.py createsuperuser

    8.png

    8 登录后台
    首先启动项目

    python manage.py runserver

    在浏览器中输入
    http://127.0.0.1:8000/admin
    9.png
    登录成功!但是没有博客的管理入口 下面我们添加博客入口
    10.png

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

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

    添加完成后刷新浏览器进看到博客管理了
    11.png
    点击Blog posts即可进入博客管理了
    添加新博客
    12.png
    输入内容
    13.png
    添加完成 但是大家也发现了这样显示的标题不是咱们刚刚输入的博客标题,咱们下一部让标题显示咱们的博客标题
    14.png

    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'

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

    慕白
    慕白的个人网站,分享生活。

    Warning: Undefined array key "HTTP_ACCEPT_LANGUAGE" in /www/wwwroot/web/usr/themes/farallon/comments.php on line 4

    Deprecated: stripos(): Passing null to parameter #1 ($haystack) of type string is deprecated in /www/wwwroot/web/usr/themes/farallon/comments.php on line 4