【django】todoリストアプリを作ってみる②（作り込む）【pythonメモ】

from django.urls import path
from .views import TodoList

urlpatterns = [
    path(&#39;list/&#39;, TodoList.as_view()), 
    path(&#39;detail/&#39;, TodoDetail.as_view()),
]

1

2

3

4

5

6

7

from django.urls import path

from .views import TodoList

urlpatterns = [

path('list/', TodoList.as_view()),

path('detail/', TodoDetail.as_view()),

]

from django.shortcuts import render
from django.views.generic import ListView, DetailView
from .models import TodoModel

# Create your views here.

class TodoList(ListView):
  template_name = &#39;list.html&#39;
  model = TodoModel

class TodoDetail(DetailView):
  template_name = &#39;detail.html&#39;
  model = TodoModel

1

2

3

4

5

6

7

8

9

10

11

12

13

14

from django.shortcuts import render

from django.views.generic import ListView, DetailView

from .models import TodoModel

# Create your views here.

class TodoList(ListView):

template_name = 'list.html'

model = TodoModel

class TodoDetail(DetailView):

template_name = 'detail.html'

model = TodoModel

from django.urls import path
from .views import TodoList, TodoDetail

urlpatterns = [
    path(&#39;list/&#39;, TodoList.as_view()), 
    path(&#39;detail/&lt;int:pk&gt;&#39;, TodoDetail.as_view()),
]

1

2

3

4

5

6

7

8

from django.urls import path

from .views import TodoList, TodoDetail

urlpatterns = [

path('list/', TodoList.as_view()),

path('detail/<int:pk>', TodoDetail.as_view()),

]

{{ object.title }}
{{ object.memo }}

1

2

3

python3 manage.py runserver

1	python3 manage.py runserver

&lt;!doctype html&gt;
&lt;html lang=&quot;en&quot;&gt;
  &lt;head&gt;
    &lt;!-- Required meta tags --&gt;
    &lt;meta charset=&quot;utf-8&quot;&gt;
    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1, shrink-to-fit=no&quot;&gt;

    &lt;!-- Bootstrap CSS --&gt;
    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css&quot; integrity=&quot;sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T&quot; crossorigin=&quot;anonymous&quot;&gt;

    &lt;title&gt;Hello, world!&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;

    {% for item in object_list %} 

    &lt;ul&gt;
      &lt;li&gt;{{ item.title }}&lt;/li&gt;
      &lt;li&gt;{{ item.memo }}&lt;/li&gt;
    &lt;/ul&gt;
    {% endfor%}
    
    &lt;!-- Optional JavaScript --&gt;
    &lt;!-- jQuery first, then Popper.js, then Bootstrap JS --&gt;
    &lt;script src=&quot;https://code.jquery.com/jquery-3.3.1.slim.min.js&quot; integrity=&quot;sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo&quot; crossorigin=&quot;anonymous&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js&quot; integrity=&quot;sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1&quot; crossorigin=&quot;anonymous&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js&quot; integrity=&quot;sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM&quot; crossorigin=&quot;anonymous&quot;&gt;&lt;/script&gt;
  &lt;/body&gt;
&lt;/html&gt;

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

<!doctype html>

<head>

<title>Hello, world!</title>

</head>

<body>

{% for item in object_list %}

<ul>

<li>{{ item.title }}</li>

</ul>

{% endfor%}

</body>

</html>

&lt;!doctype html&gt;
&lt;html lang=&quot;en&quot;&gt;
  &lt;head&gt;
    &lt;!-- Required meta tags --&gt;
    &lt;meta charset=&quot;utf-8&quot;&gt;
    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1, shrink-to-fit=no&quot;&gt;

    &lt;!-- Bootstrap CSS --&gt;
    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css&quot; integrity=&quot;sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T&quot; crossorigin=&quot;anonymous&quot;&gt;

    &lt;title&gt;Hello, world!&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;

    {{ object.title }}
    {{ object.memo }}

    &lt;!-- Optional JavaScript --&gt;
    &lt;!-- jQuery first, then Popper.js, then Bootstrap JS --&gt;
    &lt;script src=&quot;https://code.jquery.com/jquery-3.3.1.slim.min.js&quot; integrity=&quot;sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo&quot; crossorigin=&quot;anonymous&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js&quot; integrity=&quot;sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1&quot; crossorigin=&quot;anonymous&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js&quot; integrity=&quot;sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM&quot; crossorigin=&quot;anonymous&quot;&gt;&lt;/script&gt;
  &lt;/body&gt;
&lt;/html&gt;

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

<!doctype html>

<head>

<title>Hello, world!</title>

</head>

<body>

</body>

</html>

&lt;!doctype html&gt;
&lt;html lang=&quot;en&quot;&gt;
  &lt;head&gt;
    &lt;!-- Required meta tags --&gt;
    &lt;meta charset=&quot;utf-8&quot;&gt;
    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1, shrink-to-fit=no&quot;&gt;

    &lt;!-- Bootstrap CSS --&gt;
    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css&quot; integrity=&quot;sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T&quot; crossorigin=&quot;anonymous&quot;&gt;

    &lt;title&gt;Hello, world!&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;div class=&quot;alert alert-primary&quot; role=&quot;alert&quot;&gt;
      {{ object.title }}
    &lt;/div&gt;

    &lt;div class=&quot;alert alert-primary&quot; role=&quot;alert&quot;&gt;
      {{ object.memo }}
    &lt;/div&gt;

    &lt;!-- Optional JavaScript --&gt;
    &lt;!-- jQuery first, then Popper.js, then Bootstrap JS --&gt;
    &lt;script src=&quot;https://code.jquery.com/jquery-3.3.1.slim.min.js&quot; integrity=&quot;sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo&quot; crossorigin=&quot;anonymous&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js&quot; integrity=&quot;sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1&quot; crossorigin=&quot;anonymous&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js&quot; integrity=&quot;sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM&quot; crossorigin=&quot;anonymous&quot;&gt;&lt;/script&gt;
  &lt;/body&gt;
&lt;/html&gt;

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

<!doctype html>

<head>

<title>Hello, world!</title>

</head>

<body>

</div>

</div>

</body>

</html>

{% block header %}
{% endblock header %}

1 2	{% block header %} {% endblock header %}

{% extends &#39;base.html&#39; %}
{% comment %} このファイルはbase.htmlを基準として作成するという宣言 {% endcomment %}

{% block header%}
これがヘッダーです
{% endblock %}

1

2

3

4

5

6

{% extends 'base.html' %}

{% comment %} このファイルはbase.htmlを基準として作成するという宣言 {% endcomment %}

{% block header%}

これがヘッダーです

{% endblock %}

&lt;!doctype html&gt;
&lt;html lang=&quot;en&quot;&gt;
  &lt;head&gt;
    &lt;!-- Required meta tags --&gt;
    &lt;meta charset=&quot;utf-8&quot;&gt;
    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1, shrink-to-fit=no&quot;&gt;

    &lt;!-- Bootstrap CSS --&gt;
    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css&quot; integrity=&quot;sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T&quot; crossorigin=&quot;anonymous&quot;&gt;

    &lt;title&gt;Hello, world!&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
{% block header %}
{% endblock header %}

{% block content %}
{% endblock content %}

    &lt;!-- Optional JavaScript --&gt;
    &lt;!-- jQuery first, then Popper.js, then Bootstrap JS --&gt;
    &lt;script src=&quot;https://code.jquery.com/jquery-3.3.1.slim.min.js&quot; integrity=&quot;sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo&quot; crossorigin=&quot;anonymous&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js&quot; integrity=&quot;sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1&quot; crossorigin=&quot;anonymous&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js&quot; integrity=&quot;sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM&quot; crossorigin=&quot;anonymous&quot;&gt;&lt;/script&gt;
  &lt;/body&gt;
&lt;/html&gt;

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

<!doctype html>

<head>

<title>Hello, world!</title>

</head>

<body>

{% block header %}

{% endblock header %}

{% block content %}

{% endblock content %}

</body>

</html>

{% extends &#39;base.html&#39; %}
{% comment %} このファイルはbase.htmlを基準として作成するという宣言 {% endcomment %}

{% block header%}
リストです。
{% endblock %}

{% block content %}
{% for item in object list %}
{{ item.title }}
{{ item.memo }}
{% endfor %}
{% endblock content %}

1

2

3

4

5

6

7

8

9

10

11

12

13

{% extends 'base.html' %}

{% comment %} このファイルはbase.htmlを基準として作成するという宣言 {% endcomment %}

{% block header%}

リストです。

{% endblock %}

{% block content %}

{% for item in object list %}

{% endfor %}

{% endblock content %}

{% extends &#39;base.html&#39; %}
{% comment %} このファイルはbase.htmlを基準として作成するという宣言 {% endcomment %}

{% block header%}
リストです。
{% endblock %}

{% block content %}
{% for item in object_list %}

&lt;div class=&quot;alert alert-secondary&quot; role=&quot;alert&quot;&gt;
  {{ item.title }}
&lt;/div&gt;
&lt;div class=&quot;alert alert-secondary&quot; role=&quot;alert&quot;&gt;
  {{ item.memo }}
&lt;/div&gt;

{% endfor %}
{% endblock content %}

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

{% extends 'base.html' %}

{% comment %} このファイルはbase.htmlを基準として作成するという宣言 {% endcomment %}

{% block header%}

リストです。

{% endblock %}

{% block content %}

{% for item in object_list %}

</div>

</div>

{% endfor %}

{% endblock content %}

python3 manage.py runserver

1	python3 manage.py runserver

{% extends &#39;base.html&#39; %}
{% comment %} このファイルはbase.htmlを基準として作成するという宣言 {% endcomment %}

{% block header%}
&lt;div class=&quot;jumbotron jumbotron-fluid&quot;&gt;
  &lt;div class=&quot;container&quot;&gt;
    &lt;h1 class=&quot;display-4&quot;&gt;Todolist&lt;/h1&gt;
    &lt;p class=&quot;lead&quot;&gt;TodoListを作って毎日を効率的に過ごしましょう。&lt;/p&gt;
  &lt;/div&gt;
&lt;/div&gt;
{% endblock %}

{% block content %}
{% for item in object_list %}

&lt;div class=&quot;alert alert-secondary&quot; role=&quot;alert&quot;&gt;
  {{ item.title }}
&lt;/div&gt;
&lt;div class=&quot;alert alert-secondary&quot; role=&quot;alert&quot;&gt;
  {{ item.memo }}
&lt;/div&gt;

{% endfor %}
{% endblock content %}

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

{% extends 'base.html' %}

{% comment %} このファイルはbase.htmlを基準として作成するという宣言 {% endcomment %}

{% block header%}

<h1 class="display-4">Todolist</h1>

<p class="lead">TodoListを作って毎日を効率的に過ごしましょう。</p>

</div>

{% endblock %}

{% block content %}

{% for item in object_list %}

</div>

</div>

{% endfor %}

{% endblock content %}

{% extends &#39;base.html&#39; %}
{% comment %} このファイルはbase.htmlを基準として作成するという宣言 {% endcomment %}

{% block header%}
&lt;div class=&quot;jumbotron jumbotron-fluid&quot;&gt;
  &lt;div class=&quot;container&quot;&gt;
    &lt;h1 class=&quot;display-4&quot;&gt;Todolist&lt;/h1&gt;
    &lt;p class=&quot;lead&quot;&gt;TodoListを作って毎日を効率的に過ごしましょう。&lt;/p&gt;
  &lt;/div&gt;
&lt;/div&gt;
{% endblock %}

{% block content %}

&lt;div class=&#39;container&#39;&gt;

{% for item in object_list %}

&lt;div class=&quot;alert alert-secondary&quot; role=&quot;alert&quot;&gt;
  {{ item.title }}
&lt;/div&gt;
&lt;div class=&quot;alert alert-secondary&quot; role=&quot;alert&quot;&gt;
  {{ item.memo }}
&lt;/div&gt;

{% endfor %}

&lt;/div&gt;

{% endblock content %}

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

{% extends 'base.html' %}

{% comment %} このファイルはbase.htmlを基準として作成するという宣言 {% endcomment %}

{% block header%}

<h1 class="display-4">Todolist</h1>

<p class="lead">TodoListを作って毎日を効率的に過ごしましょう。</p>

</div>

{% endblock %}

{% block content %}

{% for item in object_list %}

</div>

</div>

{% endfor %}

</div>

{% endblock content %}

{% extends &#39;base.html&#39; %}
{% comment %} このファイルはbase.htmlを基準として作成するという宣言 {% endcomment %}

{% block header%}
&lt;div class=&quot;jumbotron jumbotron-fluid&quot;&gt;
  &lt;div class=&quot;container&quot;&gt;
    &lt;h1 class=&quot;display-4&quot;&gt;Todolist&lt;/h1&gt;
    &lt;p class=&quot;lead&quot;&gt;TodoListを作って毎日を効率的に過ごしましょう。&lt;/p&gt;
  &lt;/div&gt;
&lt;/div&gt;
{% endblock %}

{% block content %}

&lt;div class=&#39;container&#39;&gt;

{% for item in object_list %}

&lt;div class=&quot;alert alert-secondary&quot; role=&quot;alert&quot;&gt;
  &lt;p&gt;{{ item.title }}&lt;/p&gt;
  &lt;a href=&quot;#&quot; class=&quot;btn btn-info&quot; tabindex=&quot;-1&quot; role=&quot;button&quot; aria-disabled=&quot;true&quot;&gt;編集&lt;/a&gt;
  &lt;a href=&quot;#&quot; class=&quot;btn btn-primary&quot; tabindex=&quot;-1&quot; role=&quot;button&quot; aria-disabled=&quot;true&quot;&gt;削除&lt;/a&gt;
  &lt;a href=&quot;#&quot; class=&quot;btn btn-success&quot; tabindex=&quot;-1&quot; role=&quot;button&quot; aria-disabled=&quot;true&quot;&gt;詳細&lt;/a&gt;
&lt;/div&gt;
{% comment %} memoは、リンク先にするので削除した {% endcomment %}

{% endfor %}

&lt;/div&gt;

{% endblock content %}

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

{% extends 'base.html' %}

{% comment %} このファイルはbase.htmlを基準として作成するという宣言 {% endcomment %}

{% block header%}

<h1 class="display-4">Todolist</h1>

<p class="lead">TodoListを作って毎日を効率的に過ごしましょう。</p>

</div>

{% endblock %}

{% block content %}

{% for item in object_list %}

<p>{{ item.title }}</p>

</div>

{% comment %} memoは、リンク先にするので削除した {% endcomment %}

{% endfor %}

</div>

{% endblock content %}

{% extends &#39;base.html&#39; %}
{% comment %} このファイルはbase.htmlを基準として作成するという宣言 {% endcomment %}

{% block header%}
&lt;div class=&quot;jumbotron jumbotron-fluid&quot;&gt;
  &lt;div class=&quot;container&quot;&gt;
    &lt;h1 class=&quot;display-4&quot;&gt;Todolist&lt;/h1&gt;
    &lt;p class=&quot;lead&quot;&gt;TodoListを作って毎日を効率的に過ごしましょう。&lt;/p&gt;
  &lt;/div&gt;
&lt;/div&gt;
{% endblock %}

{% block content %}

&lt;div class=&#39;container&#39;&gt;

{% for item in object_list %}

&lt;div class=&quot;alert alert-{{ item.priority }}&quot; role=&quot;alert&quot;&gt;
  &lt;p&gt;{{ item.title }}&lt;/p&gt;
  &lt;a href=&quot;#&quot; class=&quot;btn btn-info&quot; tabindex=&quot;-1&quot; role=&quot;button&quot; aria-disabled=&quot;true&quot;&gt;編集&lt;/a&gt;
  &lt;a href=&quot;#&quot; class=&quot;btn btn-primary&quot; tabindex=&quot;-1&quot; role=&quot;button&quot; aria-disabled=&quot;true&quot;&gt;削除&lt;/a&gt;
  &lt;a href=&quot;#&quot; class=&quot;btn btn-success&quot; tabindex=&quot;-1&quot; role=&quot;button&quot; aria-disabled=&quot;true&quot;&gt;詳細&lt;/a&gt;
&lt;/div&gt;
{% comment %} memoは、リンク先にするので削除した {% endcomment %}

{% endfor %}

&lt;/div&gt;

{% endblock content %}

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

{% extends 'base.html' %}

{% comment %} このファイルはbase.htmlを基準として作成するという宣言 {% endcomment %}

{% block header%}

<h1 class="display-4">Todolist</h1>

<p class="lead">TodoListを作って毎日を効率的に過ごしましょう。</p>

</div>

{% endblock %}

{% block content %}

{% for item in object_list %}

<p>{{ item.title }}</p>

</div>

{% comment %} memoは、リンク先にするので削除した {% endcomment %}

{% endfor %}

</div>

{% endblock content %}

from django.db import models

# Create your models here.
PRIORITY = ((&#39;danger&#39;,&#39;high&#39;),(&#39;info&#39;,&#39;normal&#39;),(&#39;success&#39;,&#39;low&#39;))
class TodoModel(models.Model):
  title = models.CharField(max_length=100)
  memo = models.TextField()
  priority = models.CharField(
    max_length = 50,
    choices = PRIORITY
  )
  duedate =models.DateField()
  def __str__(self):
    return self.title

1

2

3

4

5

6

7

8

9

10

11

12

13

14

from django.db import models

# Create your models here.

PRIORITY = (('danger','high'),('info','normal'),('success','low'))

class TodoModel(models.Model):

title = models.CharField(max_length=100)

memo = models.TextField()

priority = models.CharField(

max_length = 50,

choices = PRIORITY

)

duedate =models.DateField()

def __str__(self):

return self.title

python3 manage.py makemigrations

1	python3 manage.py makemigrations

# Generated by Django 3.0.8 on 2020-07-19 15:21

from django.db import migrations, models
import django.utils.timezone


class Migration(migrations.Migration):

    dependencies = [
        (&#39;todo&#39;, &#39;0001_initial&#39;),
    ]

    operations = [
        migrations.AddField(
            model_name=&#39;todomodel&#39;,
            name=&#39;duedate&#39;,
            field=models.DateField(default=django.utils.timezone.now),
            preserve_default=False,
        ),
        migrations.AddField(
            model_name=&#39;todomodel&#39;,
            name=&#39;priority&#39;,
            field=models.CharField(choices=[(&#39;danger&#39;, &#39;high&#39;), (&#39;info&#39;, &#39;normal&#39;), (&#39;success&#39;, &#39;low&#39;)], default=&#39;danger&#39;, max_length=50),
            preserve_default=False,
        ),
    ]

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

# Generated by Django 3.0.8 on 2020-07-19 15:21

from django.db import migrations, models

import django.utils.timezone

class Migration(migrations.Migration):

dependencies = [

('todo', '0001_initial'),

]

operations = [

migrations.AddField(

model_name='todomodel',

name='duedate',

field=models.DateField(default=django.utils.timezone.now),

preserve_default=False,

),

migrations.AddField(

model_name='todomodel',

name='priority',

field=models.CharField(choices=[('danger', 'high'), ('info', 'normal'), ('success', 'low')], default='danger', max_length=50),

preserve_default=False,

),

]

python3 manage.py migrate

1	python3 manage.py migrate

python3 manage.py runserver

1	python3 manage.py runserver

【django】todoリストアプリを作ってみる②（作り込む）【pythonメモ】

urls.py

views.py

urls.py

template下にlist.htmlを作成する

起動してみる

Bootstrapを導入する

list.htmlにテンプレートをコピペする

detail.htmlにも同樣にする

Bootstrapのリファレンスを確認する

detail.htmlを整える

http://127.0.0.1:8000/detail/1を確認

htmlファイルの重複項目（Bootstrapスターターテンプレートやレイアウト等）をまとめる：base.html

本番環境を見据えたスタイルを作り込む

まずはタイトル部分から

list.htmlをいじる

item.priorityの設定をmodels.pyに仕込む

models.pyをいじったのでまたmakemygrationする

/adminの中身の確認をしてみる

HTMLも確認する

あ、宜しければ・・・。

コメントを残すコメントをキャンセル

管理人

最近の投稿

最近のコメント

アーカイブ

カテゴリー

しめさばtweet

mug tweet

urls.py

views.py

urls.py

template下にlist.htmlを作成する

起動してみる

Bootstrapを導入する

list.htmlにテンプレートをコピペする

detail.htmlにも同樣にする

Bootstrapのリファレンスを確認する

detail.htmlを整える

http://127.0.0.1:8000/detail/1を確認

htmlファイルの重複項目（Bootstrapスターターテンプレートやレイアウト等）をまとめる：base.html

本番環境を見据えたスタイルを作り込む

まずはタイトル部分から

list.htmlをいじる

item.priorityの設定をmodels.pyに仕込む

models.pyをいじったのでまたmakemygrationする

/adminの中身の確認をしてみる

HTMLも確認する

あ、宜しければ・・・。

コメントを残す コメントをキャンセル

RECOMMENDこちらの記事も人気です。

【１分解説】id属性とclass属性の使い分け【html/css】

【初めての】WEBコピーライターのセミナーに行って来た話【ストアカ】

【お仕事自動化】pythonでHPからcsvをDLして、データフレーム化する…

【django】社内SNSアプリを作ってみる⑧（既読機能の実装、Create…

python 時間関係モジュールまとめ【datetime time】

【セレブエンジニア】フリーエンジニア養成講座に行く事になった話し

【django】社内SNSアプリを作ってみる③（signup.py作り込み～…

【django】社内SNSアプリを作ってみる⑤（imageファイルの取り扱い…

管理人

最近の投稿

最近のコメント

アーカイブ

カテゴリー

しめさばtweet

mug tweet

コメントを残すコメントをキャンセル