Djangoプロジェクト入門バックグラウンドからフロントエンドへ

1、新規プロジェクトlogin
django-admin startproject login
2、新しいAPPロゴ
プロジェクトの現在のフォルダcd loginに切り替え
python manage.py startapp log
3、データベースlog/modelを設計する.py

from django.db import models

# Create your models here.


class User(models.Model):

    gender = (
        ('male', " "),
        ('female', " "),
    )

    name = models.CharField(max_length=128, unique=True)
    password = models.CharField(max_length=256)
    email = models.EmailField(unique=True)
    sex = models.CharField(max_length=32, choices=gender, default=" ")
    c_time = models.DateTimeField(auto_now_add=True)

    def __str__(self):
        return self.name

    class Meta:
        ordering = ["-c_time"]
        verbose_name = "  "
        verbose_name_plural = "  "

4、settingアプリの追加

INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'log', #  APP

]

5、データテーブルの生成
python manage.py makemigrations
python manage.py migrate
6、ルートurl login/urlsを設定.py

from django.conf.urls import url
from django.contrib import admin
from login import views

urlpatterns = [
    url(r'^admin/', admin.site.urls),
    url(r'^index/', views.index),
    url(r'^login/', views.login),
    url(r'^register/', views.register),
    url(r'^logout/', views.logout),
]

7、アーキテクチャビューlog/viewsを設定.py

from django.shortcuts import render
from django.shortcuts import redirect

# Create your views here.


def index(request):
    pass
    return render(request, 'login/index.html')


def login(request):
    pass
    return render(request, 'login/login.html')


def register(request):
    pass
    return render(request, 'login/register.html')


def logout(request):
    pass
    return redirect("/index/")

8、HTMLファイルの作成
logフォルダの下にtemplatesを構築し、templatesディレクトリにloginディレクトリを作成します.log/templates/loginディレクトリに作成された3つのファイルindex.html、login.html、およびregister.html 
9、静的ファイル設定、settingファイルを開く

STATICFILES_DIRS = [
    os.path.join(BASE_DIR, "static"),
]

10、 bootstrap
logの下にstaticフォルダを作成し、staticディレクトリの下にcssとjs bootstrapディレクトリを新規作成し、以降のスタイルファイルとjsファイルの保存先とします.{% static ' ' %}というDjangoによって提供された静的ファイルロード方法

11、base.htmlモジュール

{% load staticfiles %}


  
    
    
    
    
    

    
    

    
    
    
    {% block css %}{% endblock %}
  
  
    

    {% block content %}{% endblock %}


    
    
    
    
  

12、 テンプレート

{% extends 'base.html' %}

  13、 python manage.py runserver