vue.jsでCRUD #1【Djangoアウトプット】
この記事は 約 2分41秒 で読めます。 今どきはNuxt.jsなどでフロントエンドを作って、DjangoでAPIを実装するという方法が主流かと思いますが、Djangoのテンプレートにvue.jsを組み込んでみたいと思います。 このログは、こちらのレポジトリでDjango+Dockerセットアップ後の環境を想定しています。 モジュールインストール DjangoでAPIを実現するためのモジュールをインストールします。 make cmd_django pip install djangorestframework pip install django-filter 一旦、djangoコンテナから抜けて（cmd+d）、djangorestframeworkの静的ファイルをstaticフォルダににコピーします。 ※途中、コピー上書きするか聞かれるので「yes」とタイピング。 make collec
89b18c608dc7dd2b946b
なにをしたいか フロントエンドにはVue.jsを用いたシングルページアプリケーションを、バックエンドにはDjangoとDjango REST frameworkを使ったWeb APIを用意して、組み合わせてみます。 先駆者様が既にいらっしゃいますが、ちょっと異なるアプローチを試したので記事にしました。 Django + Webpack を使ってVueを動かす Django REST framework with Vue.js どうやって？ Djangoプロジェクトでは通常htmlファイルはテンプレートとして解釈されてレンダリングされますが、そのテンプレート構文がVueと丸かぶり。そのためにVue的なテンプレート構文を持ったhtmlはDjangoテンプレートと共存できません。 そこで、webpackを利用してフロントエンドをVueの単一ファイルコンポーネントに分割しながら書いていくことでこの
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://domnikki.com/%E3%80%90%E3%83%95%E3%83%AD%E3%83%B3%E3%83%88%E5%AE%9F%E8%A3%85%E3%80%91django-rest-framework-vue-js%E3%81%A7%E4%BD%9C%E3%82%8Btodo%E3%82%A2%E3%83%97%E3%83%AA/
Django REST framework with Vue.js - Qiita
