トップ画面とサインアップ画面の実装,b

shinonome-inc · May 4, 2024 · 9c5ac1c · 9c5ac1c
1 parent 5d82785
commit 9c5ac1c
Show file tree

Hide file tree

Showing 4 changed files with 31 additions and 4 deletions.
diff --git a/mysite/settings.py b/mysite/settings.py
@@ -59,7 +59,7 @@
 TEMPLATES = [
     {
         "BACKEND": "django.template.backends.django.DjangoTemplates",
-        "DIRS": [],
+        "DIRS": [BASE_DIR / "templates"],
         "APP_DIRS": True,
         "OPTIONS": {
             "context_processors": [

diff --git a/templates/accounts/signup.html b/templates/accounts/signup.html
@@ -0,0 +1,11 @@
+{% extends "base.html" %} ← base.htmlを継承
+
+{% block title %}Sign Up{% endblock %} ← titleを入れる
+
+{% block content %}
+<form method="post">
+	{{ form.as_p }} ← formにはSignupFormのインスタンスが入っている。as_pとすることで、各input要素がpタグで囲まれた状態で表示される。
+	{% csrf_token %} ← csrf_token必須。formタグ内であればどこに書いてもOK
+	<button type="submit">ユーザー登録</button>
+</form>
+{% endblock %}
diff --git a/templates/base.html b/templates/base.html
@@ -2,9 +2,25 @@
 <html lang="ja">
 <head>
   <meta charset="UTF-8">
-  <title>Document</title>
+  <title>{% block title %}Twitter Clone{% endblock %}</title>
 </head>
 <body>
+  <!-- header  -->
+  <header class="mb-3">
+    <nav>
+      <ul>
+				<li><a href="{% url 'welcome:welcome' %}">Twitter Clone</a></li>
+        <li><a href="{% url 'accounts:signup' %}">Sign up</a></li>
+      </ul>
+    </nav>
+  </header>
+  <!-- /header  -->
 
+  <!-- main  -->
+  <main>
+  {% block content %}
+  {% endblock %}
+  </main>
+  <!-- /main  -->
 </body>
-</html>
+</html>
diff --git a/welcome/urls.py b/welcome/urls.py
@@ -4,5 +4,5 @@
 
 app_name = "welcome"
 urlpatterns = [
-    path("", views.WelcomeView.as_view()),
+    path("", views.WelcomeView.as_view(), name="welcome"),
 ]