本文仅是用于操作记忆，长时间不用容易忘记，本来是打算云笔记里写好自己看的，可是云笔记里markdown图片比较麻烦，因些还是在简书上写好，到时可以收藏过去。本文大部份内容参考了虫师, 大家感兴趣，也可以直接访问，如有侵权，请告知，我会删除。

本操作的环境：

===================

Windows 10

python 3.6 https://www.python.org/

Django 2.0 https://www.djangoproject.com/

===================

0X01 创建项目

创建虚拟环境：

> md djangoproject
> cd djangoproject
> virtualenv --no-site-package venv

由于这个时候环境里是非常干净的，什么都没有，我们要安装django

> pip install django

创建mysite项目和blog应用

> django-admin startproject mysite  # 创建项目
> cd mysite # 进入项目目录
> python manage.py startapp blog # 创建blog应用

项目目录结构：

路径结构.png

项目目录介绍:

manage.py ： Django项目里面的工具，通过它可以调用django shell和数据库等。

mysite/

| --- settings.py ：包含了项目的默认设置，包括数据库信息，调试标志以及其他一些工作的变量。

| --- urls.py ：负责把URL模式映射到应用程序。

| --- wsgi.py : 用于项目部署。

blog /

| --- admin.py : django 自带admin后面管理，将models.py 中表映射到后台。

| --- apps.py : blog 应用的相关配置。

| --- models.py : Django 自带的ORM，用于设计数据库表。

| --- tests.py : 用于编写Django单元测试。

| --- veiws.py ：视图文件，用于编写功能的主要处理逻辑。

我们虽然创建了blog应用，但是这个时候项目里面是没有blog应用的，我们要打开settings.py 配置文件，添加blog应用。

配置blog.png

0x02 创建admin数据

这里是为了能够进入django为我们默认的admin后台，django是一个很完善的框架，我们不必自己写admin后台。
直接使用django默认的SQLite3,如果有需要使用其他数据库，可以在settings.py里直接修改。

数据库修改.png

生成数据库
> python manage.py migrate

注意：执行这条命令的目录是在与manage.py同一个文件中，否则manage.py要带上路径名

执行成功png

创建超级管理员帐号

python manage.py createsuperuser
Username (leave blank to use 'fnngj'): admin    # 管理员帐号,名字随你高兴
Email address: admin@mail.com      # email，只是登录django使用，不用真实邮箱
Password:                          # 密码
Password (again):                  # 重复密码
Superuser created successfully.

0x03 启动django

通过Django自带的命令runserver启动
python manage.py runserver

启动服务.png

前端界面.png

访问Admin 后台：http://127.0.0.0:8000/admin ，使用前面创建的超级管理员账号。

登陆.png

可以看后台只有Groups,Users, 这是Django为我们自动生成用户管理。

后台.png

0x04 设计数据库 - Model层的使用

设计blog表

打开blog文件夹里面的model.py文件，接下来我们的主要战场都是在blog下面。

这里直接使用的是继承models.Model类，方便使用，我们不用手动写sql去建立表，scrapy也是借鉴的django的模式

from django.db import models

# Create your models here.
class BlogsPost(models.Model):
    title = models.CharField(max_length = 150)  # 博客标题,字符类型，最长150个字符
    body = models.TextField()                   # 博客正文，文本类型
    timestamp = models.DateTimeField()          # 创建时间，日期类型

重新同步数据库

每次修改完model.py,都要重新同步数据库，这样才能把新的设置更新出来

> python manage.py makemigrations blog # 更新数据库，只有一个应用时blog可以不写
> python manage.py migrate # 同步数据库

通过Admin后台管理
新生成的数据库如果不添加进Admin是看不到的，我们要admin.py文件里添加上，才能通过Admin后台进行管理。

from django.contrib import admin
from blog.models import BlogsPost #导入BlogsPost

# Register your models here.
class BlogsPostAdmin(admin.ModelAdmin):
    list_display = ['title', 'body', 'timestamp'] # 控制显示那些列


admin.site.register(BlogsPost, BlogsPostAdmin) # 注册

添加博客内容
再次登陆admin, 可以看到blog相关内容已经出现了。

blog内容.png

点击blogs posts添加内容

博客内容.png

添加完内容，点击save

0x05 模板 Template

在blog项目下创建templates目录（mysite/blog/templates/）,在目录下创建模板文件index.html，内容如下：

<!DOCTYPE html>
<html>
<head>
    <title>我的博客</title>
</head>
<body>
{% for blog in blog_list %}
    <h2>{{ blog.title }}</h2>
    <p>{{ blog.timestamp }}</p>
    <p>{{ blog.body }}</p>
{% endfor %}
</body>
</html>

0x06 视图 View

修改mysite/blog/views.py文件：

from django.shortcuts import render
from blog.models import BlogsPost # 导入BlogsPost

# Create your views here.
def blog_index(request):
    blog_list = BlogsPost.objects.all()  # 取出数据库中所有数据
    return render(request, 'index.html', {'blog_list':blog_list})   # 渲染数据到index.html页面

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

render 渲染页面(index.html)，相当于用blog_list里面的内容到index.html页面去填空。

0x07 设置url

所有的东西都设置好了，那么我们通过什么去看我们的页面呢，这里就涉及到了url, 我们要为我们的页面设置专属的url。
修改mysite/urls.py文件：

from django.contrib import admin
from django.urls import path
from blog import views #导入视图

urlpatterns = [
    path('admin/', admin.site.urls),
    path('blog/', views.blog_index), # 通过http://127.0.0.1:8000/blog/访问
    ]

我们在浏览器中输入 http://127.0.0.1:8000/blog/，就能看到我们的博客了.

博客.png

当然，丑是丑了点，可以自己加上css文件进行样式调整。

0x08 美化页面

有很多的前面模板可以下载，我这里推荐使用semantic ui，语义法的方式真的很方便学习。
随便写一下看看效果：

<!DOCTYPE html> 
<html>

<head>
    <title>我的博客</title>
    <!-- 引入semantic -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/semantic-ui/2.2.4/semantic.min.css"> 
    <script src="https://cdn.jsdelivr.net/semantic-ui/2.2.4/semantic.min.js"></script>
</head>

<body>
    <div class="ui attached stackable menu">
        <div class="ui container">
            <a class="item">
              <i class="home icon"></i> Home
            </a>
            <a class="item">
              <i class="grid layout icon"></i> Browse
            </a>
            <a class="item">
              <i class="mail icon"></i> Messages
            </a>
        </div>
    </div>
    <div class="ui container">
        <div class="ui segment">
            <div class="ui items">
                {% for blog in blog_list %}
                <div class="item">
                    <div class="content">
                        <a class="header">{{ blog.title }}</a>
                        <div class="meta">
                            <span>{{ blog.timestamp }}</span>
                        </div>
                        <div class="description">
                            <p>{{ blog.body }}</p>
                        </div>
                    </div>
                </div>
                <div class="ui divider"></div>
                {% endfor %}
            </div>
        </div>
    </div>
</body>

</html>

美化页面后.png

至此，最简单的博客搭建成功了，我们可以继续优化细节了。

Django 2.0 快速搭建博客