跟着老师做，做出了一个上线的小博客网站。但是这样跟着敲很容易脑袋跟不上，搞不清楚自己在干什么，所以很有必要理一理思路。

做网页之前，自己可以画个草图，对页面布局有个大概的了解：

image.png

整个项目的配置按照这个教程走：
项目配置

• Virtualenv

虚拟环境建议放在跟项目根目录同级目录里：

image.png

• Gitignore

.gitignore文件里面放的是不想放进git repo里的文件，可以在这儿找到默认的

image.png

基本命令：

• git init
• git status
• git add .
• git commit -m""

观察到在.gitignore里面的文件被修改也不会出现在modified里面，别人不会看到。

• Apps

这里至少有blog, job这两个app

image.png

新建app: django-admin startapp xxx

• Models

Job Model指的是数据库里建表，但我的理解是更像写一个面向对象的类，这个类需要哪些fields.

from django.db import models

class Job(models.Model):
    image = models.ImageField(upload_to='images/')
    summary = models.CharField(max_length=200)

upload_to='images/'指的是去/media/images/里面找.

Blog Model

from django.db import models

# Create your blog models
class Blog(models.Model):
    title = models.CharField(max_length=255)
    pub_date = models.DateTimeField()
    body = models.TextField(max_length=5000)
    image = models.ImageField(upload_to='images/')

    def __str__(self):
        return self.title

    def summary(self):
        return self.body[:100]

    def pub_date_pretty(self):
        return self.pub_date.strftime('%b %e %Y')

这里的TextField在doc里说的是不限制字数，但是运用中字数多了会报错，最后手动设置了一个max_length解决了问题。

注意新建了app要在settings.py告诉Django:

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

这个是在app的apps.py里找：

from django.apps import AppConfig


class BlogConfig(AppConfig):
    name = 'blog'

讲到这里，顺便修改一下settings.py:

MEDIA_ROOT = os.path.join(BASE_DIR, 'media')
MEDIA_URL = '/media/'

MEDIA_ROOT意思就是，所有跟Model连接的媒体文件都会存到项目根目录下的media folder里面.
MEDIA_URL = '/media/'的意思是谁想在browser里面access一个媒体文件，它要去nameofourwebsite/media/img/filename

当你修改了Model，也就相当于更新数据库，你需要migrate. 告诉Django去set up database.

image.png

新建了Model要make migrations.
通常两个一起用：
python manage.py make migrations
python manage.py migrate

• Admin

建立管理员账户：python manage.py createsuperuser

image.png

要在Model里注册才能在管理页面操作Model:

from django.contrib import admin
from .models import Blog
# Register your models here.
admin.site.register(Blog)

from django.contrib import admin
from .models import Job
# Register your models here.
admin.site.register(Job)

如果图片读不出来,很有可能你没有给图片一个指定的url path:

from django.contrib import admin
from django.urls import include, path
from django.conf import settings
from django.conf.urls.static import static
import jobs.views


urlpatterns = [
    path('', jobs.views.home,name='home'),
    path('admin/', admin.site.urls),
    path('blog/', include('blog.urls')),

] + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

MEDIA_URL的意思：

image.png

如果改成:

image.png

url path就变了，要到coolstuff/下面才找得到，所以这个URL里的media只是命名而已：

image.png