編集履歴

質問編集履歴

追加ファイルとファイル構造を記載しました。

2021/03/05 08:46

投稿

スコア0

title CHANGED Viewed

	@@ -1,1 +1,1 @@
1	- ~~[Django]~~ jsファイルが反応しない
1	+ djangoでjsファイルが反応しない

body CHANGED Viewed

@@ -4,8 +4,26 @@
 デバッグを見るとjsファイルは読み込まれているようですが、反応していません。
 解決していただけると助かります。
 エラーメッセージはありませんが、デバッグをfluseにすると500エラーが発生します。
+**試したこと**
+・スーパーリロード
+・django-static-md5urlを使う
+・キャッシュバスティングの設定（500エラーの発生）
+**ファイル構造**
+cissapp/
+├ciss
+|   └views.py
+├static
+|   └js
+|      └vote.js
+├template
+|   └detail.html
 views.py
 ```views.py
 class TopicDetailView(FormView):
@@ -42,42 +60,17 @@
 ```
 models.py
 ```models.py
-from django.db import models
-from django.utils import timezone
-from django.contrib.auth import get_user_model
 class Data(models.Model):
     category = models.CharField("科目種別", blank=True, max_length=100)
     no = models.CharField("授業番号", blank=True, max_length=10)
     semester = models.CharField("学期", blank=True, max_length=5)
     day = models.CharField("曜日", blank=True, max_length=1)
     name = models.CharField("科目", blank=True, max_length=20)
-    period = models.CharField("時限", blank=True, max_length=2)
-    teacher = models.CharField("担当教員", blank=True, max_length=30)
-    credit = models.CharField("単位", blank=True, max_length=1)
-    class Meta:
-        verbose_name = '授業'
-        verbose_name_plural = '授業一覧'
     def __str__(self):
         return(self.name)
-# Create your models here.
-class TopicManager(models.Manager):
-    # Topic操作に関する処理を追加
-    pass
-class CommentManager(models.Manager):
-    # Comment操作に関する処理を追加
-    pass
-class CategoryManager(models.Manager):
-    # Category操作に関する処理を追加
-    pass
 class Topic(models.Model):
     id = models.BigAutoField(
         primary_key=True,
@@ -113,16 +106,8 @@
     pub_flg = models.BooleanField(
         default=True,
     )
-    modified = models.DateTimeField(
-        auto_now=True,
-    )
-    objects = TopicManager()
-    class Meta:
-        verbose_name = '投稿'
-        verbose_name_plural = '投稿一覧'
     def __str__(self):
         return '{}-{}'.format(self.data.id, self.no)
@@ -189,27 +174,11 @@
 ```
 setting.py
 ```ここに言語を入力
-import os
-from pathlib import Path
-# Build paths inside the project like this: BASE_DIR / 'subdir'.
-BASE_DIR = Path(__file__).resolve().parent.parent
-# Quick-start development settings - unsuitable for production
-# See https://docs.djangoproject.com/en/3.1/howto/deployment/checklist/
-# SECURITY WARNING: keep the secret key used in production secret!
-SECRET_KEY = 'hiv6*!i=apr-fcaxpahnt!*!(up^&2r)p57z0=d$t*pk6*izv@'
-# SECURITY WARNING: don't run with debug turned on in production!
 DEBUG = True
 ALLOWED_HOSTS = ['*']
-# Application definition
 INSTALLED_APPS = [
     'accounts.apps.AccountsConfig',
     'cissapp.apps.CissappConfig',
@@ -228,91 +197,85 @@
     '127.0.0.1',
 ]
+STATIC_URL = '/static/'
-MIDDLEWARE = [
+STATICFILES_DIRS = [
-    'django.middleware.security.SecurityMiddleware',
-    'django.contrib.sessions.middleware.SessionMiddleware',
-    'django.middleware.common.CommonMiddleware',
+    os.path.join(BASE_DIR, 'static'),
-    'django.middleware.csrf.CsrfViewMiddleware',
-    'django.contrib.auth.middleware.AuthenticationMiddleware',
-    'django.contrib.messages.middleware.MessageMiddleware',
-    'django.middleware.clickjacking.XFrameOptionsMiddleware',
-    'debug_toolbar.middleware.DebugToolbarMiddleware', # Deubg tool bar
 ]
+```
+vote.js
+```ここに言語を入力
+$(function(){
+    // setup for ajax
+    var csrftoken = getCookie('csrftoken');
+    $.ajaxSetup({
+        beforeSend: function(xhr, settings) {
+            if (!csrfSafeMethod(settings.type) && !this.crossDomain) {
+                xhr.setRequestHeader("X-CSRFToken", csrftoken);
+            }
+        }
+    });
-ROOT_URLCONF = 'CISS.urls'
+    var votedList = [];// 連打防止用のコメントID格納リスト
+    // いいねボタン押下時の処理
+    onClickVoteButton();
+    function getCookie(name) {
-TEMPLATES = [
+        var cookieValue = null;
-    {
-        'BACKEND': 'django.template.backends.django.DjangoTemplates',
+        if (document.cookie && document.cookie !== '') {
+            var cookies = document.cookie.split(';');
+            for (var i = 0; i < cookies.length; i++) {
+                var cookie = jQuery.trim(cookies[i]);
-        'DIRS': [os.path.join(BASE_DIR, 'templates')],
+                // Does this cookie string begin with the name we want?
-        'APP_DIRS': True,
-        'OPTIONS': {
-            'context_processors': [
-                'django.template.context_processors.debug',
-                'django.template.context_processors.request',
-                'django.contrib.auth.context_processors.auth',
-                'django.contrib.messages.context_processors.messages',
+                if (cookie.substring(0, name.length + 1) === (name + '=')) {
+                    cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
-            ],
+                    break;
-        },
+                }
-    },
+            }
-]
+        }
+        return cookieValue;
+    }
+    function csrfSafeMethod(method) {
+        // these HTTP methods do not require CSRF protection
-LOGIN_REDIRECT_URL = '/'
+        return (/^(GET|HEAD|OPTIONS|TRACE)$/.test(method));
+    }
+    function onClickVoteButton() {
+        $('.vote_button').on('click', function() {
+            var commentId = $(this).data('comment-id');
-WSGI_APPLICATION = 'CISS.wsgi.application'
+            var currentCount = $(this).data('count');
+            var countViewer = $(this).find('.vote_counter');
+            if (votedList.indexOf(commentId) < 0) {
+                vote(commentId, currentCount, countViewer);
+            }
+        });
+    }
-# Database
-# https://docs.djangoproject.com/en/3.1/ref/settings/#databases
-DATABASES = {
-    'default': {
+    // ajax通信して投票結果を反映する
-        'ENGINE': 'django.db.backends.sqlite3',
+    function vote(commentId, currentCount, countViewer) {
-        'NAME': BASE_DIR / 'db.sqlite3',
+        let url = '/api/v1/vote/';
+        $.ajax({
+            type: 'POST',
+            url: url,
+            data: {
+                comment_id: commentId
+            }
+        }).then(
+            data => {
+                if (data.result) {
+                    countViewer.text(currentCount + 1);
+                    votedList.push(commentId);
+                }
+            },
+            error => {
+                if (error.responseJSON.message) {
+                    alert(error.responseJSON.message);
+                }
+            }
+        );
     }
-}
-# Password validation
+});
-# https://docs.djangoproject.com/en/3.1/ref/settings/#auth-password-validators
-AUTH_PASSWORD_VALIDATORS = [
-    {
-        'NAME': 'django.contrib.auth.password_validation.UserAttributeSimilarityValidator',
-    },
-    {
-        'NAME': 'django.contrib.auth.password_validation.MinimumLengthValidator',
-    },
-    {
-        'NAME': 'django.contrib.auth.password_validation.CommonPasswordValidator',
-    },
-    {
-        'NAME': 'django.contrib.auth.password_validation.NumericPasswordValidator',
-    },
-]
-# Internationalization
-# https://docs.djangoproject.com/en/3.1/topics/i18n/
-LANGUAGE_CODE = 'ja'
-TIME_ZONE = 'Asia/Tokyo'
-USE_I18N = True
-USE_L10N = True
-USE_TZ = True
-# Static files (CSS, JavaScript, Images)
-# https://docs.djangoproject.com/en/3.1/howto/static-files/
-STATIC_URL = '/static/'
-STATICFILES_DIRS = [
-    os.path.join(BASE_DIR, 'static'),
-]
-#STATICFILES_STORAGE = 'django.contrib.staticfiles.storage.ManifestStaticFilesStorage'
 ```