Django + Vue.jsでシステム開発！ (6)

Python（Django）＋Vue.js（Nuxt.js,Vuetify）を使ったシステムの開発です。

それでは
Databaseを使う準備をします。
Database今回はMariaDBを使いますがMySQLと互換があるためmysql用のクライアントを使います。

mysqlclientの導入

venvMitsumori > mitsumori に移動します。

(venvMitsumori) % source bin/activate
(venvMitusmori) % pip install mysqlclient
Collecting mysqlclient
  Downloading https://files.pythonhosted.org/packages/d0/97/7326248ac8d5049968bf4ec708a5d3d4806e412a42e74160d7f266a3e03a/mysqlclient-1.4.6.tar.gz (85kB)
     |████████████████████████████████| 92kB 370kB/s
Installing collected packages: mysqlclient
  Running setup.py install for mysqlclient ... done
Successfully installed mysqlclient-1.4.6
WARNING: You are using pip version 19.2.3, however version 19.3.1 is available.
You should consider upgrading via the 'pip install --upgrade pip' command.

settings.pyの編集

続けてvenvMitsumori > mitsumori > settings.pyを開いてDATABASESを次のように修正します。

・
・
DATABASES = {
    'default': {
        'ENGINE': 'django.db.backends.mysql',
        'NAME': 'mitsumori-db',
        'USER': 'root',
        'PASSWORD': 'password',
        'HOST': '127.0.0.1',
        'PORT': '3306',
    }
}
・
・

以上でMySQLクライアントは導入は完了です。

django-debug-toolbarの導入

続いて、必須ではありませんが、あるとなにかと便利なDebugツールバーをもついでに導入します。
今回はPyCharmを使うため、PyCharm上でデバッグ情報が表示できます。PyCharmを利用せず開発する人やコマンドラインで開発する人におすすめツールです。
Debugツールバーは、SymfonyやLaravel、cakephpなどでもよく使わています
実行中の変数の内容や、発行したSQLが別画面で表示されて、デバッグに役立ちます。

(venvMitsumori) % pip install django-debug-toolbar
Collecting django-debug-toolbar
  Downloading https://files.pythonhosted.org/packages/14/92/d923c1df1f927d5395438eb2dc0cab41084009fcaae13b4974eca1d821b2/django_debug_toolbar-2.1-py3-none-any.whl (198kB)
     |████████████████████████████████| 204kB 373kB/s
Requirement already satisfied: Django>=1.11 in /Users/akira/Projects/PythonProject/venvMitsumori/lib/python3.7/site-packages (from django-debug-toolbar) (3.0.2)
Requirement already satisfied: sqlparse>=0.2.0 in /Users/akira/Projects/PythonProject/venvMitsumori/lib/python3.7/site-packages (from django-debug-toolbar) (0.3.0)
Requirement already satisfied: asgiref~=3.2 in /Users/akira/Projects/PythonProject/venvMitsumori/lib/python3.7/site-packages (from Django>=1.11->django-debug-toolbar) (3.2.3)
Requirement already satisfied: pytz in /Users/akira/Projects/PythonProject/venvMitsumori/lib/python3.7/site-packages (from Django>=1.11->django-debug-toolbar) (2019.3)
Installing collected packages: django-debug-toolbar
Successfully installed django-debug-toolbar-2.1
WARNING: You are using pip version 19.2.3, however version 19.3.1 is available.
You should consider upgrading via the 'pip install --upgrade pip' command.

settings.pyの編集

続けてvenvMitsumori > mitsumori > settings.pyを開いて最後に追記します

…
STATIC_URL = '/static/'

if DEBUG:
    def show_toolbar(request):
        return True

    INSTALLED_APPS += (
        'debug_toolbar',
    )
    MIDDLEWARE += (
        'debug_toolbar.middleware.DebugToolbarMiddleware',
    )
    DEBUG_TOOLBAR_CONFIG = {
        'SHOW_TOOLBAR_CALLBACK': show_toolbar,
    }

urls.pyの編集

続けてvenvMitsumori > mitsumori > urls.pyを開いて編集します

from django.contrib import admin
from django.urls import path, include

import debug_toolbar

urlpatterns = [
    path('admin/', admin.site.urls),
]
# 追加
if settings.DEBUG:
    import debug_toolbar

    urlpatterns += [
        path('__debug__/', include(debug_toolbar.urls)),
    ]

以上でdebugツールバーの導入は完了です。