差分

Django

3,871 バイト追加, 2023年10月3日 (火) 16:37

→‎仮想環境作成　psycopg2インストール　Djangoインストール　プロジェクト作成　アプリ作成

% pip install django

* プロジェクトを作成　仮想環境内で行う

django-admin startproject <プロジェクト名>　プロジェクト名は、URL、サイト名、またはSEOに影響を与えない

% django-admin startproject mysite

* Django REST Frameworkをインストール、設定する　仮想環境内で行う

% python manage.py runserver

* アプリケーションをつくる

Djangoプロジェクトのルートディレクトリ内で、以下のコマンドを使用してアプリケーションを作成Djangoプロジェクトのルートディレクトリ内で、以下のコマンドを使用して機能ごとにアプリケーションを作成 $ python manage.py startapp teranoteuser //user管理 $ python manage.py startapp lbox　//コンテナ管理 $ python manage.py startapp sbox　//寺院名管理 ・・・

=== データベース ===

=== Reactアプリケーションのセットアップ ===

* ReactアプリケーションをプロジェクトにセットアップするDjangoプロジェクトのルートディレクトリではなく、プロジェクトの外部で実行する

npx create-react-app myreactapp

<nowiki>django-teranote/ | |---mysite/　#djangoプロジェクトのルートディレクトリ| ├── myapp/| │ ├── __init__.py| │ ├── admin.py| │ ├── apps.py| │ ├── migrations/| │ ├── models.py| │ ├── tests.py| │ └── views.py| ├── mysite/| │ ├── __init__.py| │ ├── asgi.py| │ ├── settings.py| │ ├── urls.py| │ └── wsgi.py| └── manage.py|| ── myreactapp/　#reactのルートディレクトリ ├── node_modules/ ├── public/ ├── src/ ├── package.json ├── package-lock.json ├── README.md └── ...</nowiki> * 依存関係のインストール cd myreactapp  npm install  npm list  npm start == アプリのディレクトリ構成 == <nowiki>myapp/├── 名簿管理アプリ/│ ├── __init__.py│ ├── admin.py│ ├── apps.py│ ├── migrations/│ ├── models.py│ ├── tests.py│ └── views.py│├── カレンダーイベント管理アプリ/

│ ├── __init__.py

│ ├── admin.py

│ ├── tests.py

│ └── views.py

├── myreactapp/│ ├── node_modules/│ ├── public/│ ├── src/│ ├── package.json│ ├── package-lock.json│ ├── README.md│ └── ...├── mysite会計管理アプリ/

│ ├── __init__.py

│ ├── asgiadmin.py│ ├── settingsapps.py│ ├── urlsmigrations/│ ├── models.py│ ├── tests.py│ └── wsgiviews.py│└── manage.py..

</nowiki>

* 依存関係のインストール

cd myreactapp

== 参考 == <nowiki>本番環境でのDjangoとReactのプロジェクトのディレクトリ構造は、開発環境とは異なる場合があります。一般的には、Reactアプリケーションをビルド（`npm installrun build`）した後、その出力をDjangoが提供する静的ファイルとして扱います。これにより、Reactアプリケーションのビルド出力はDjangoプロジェクトの一部となります。 以下に、そのような構成を示します： ```django-teranote/ | |---mysite/　#djangoプロジェクトのルートディレクトリ| ├── myapp/| │ ├── __init__.py| │ ├── admin.py| │ ├── apps.py| │ ├── migrations/| │ ├── models.py| │ ├── tests.py| │ └── views.py| ├── mysite/| │ ├── __init__.py| │ ├── asgi.py| │ ├── settings.py| │ ├── urls.py| │ └── wsgi.py| └── manage.py|| ── myreactapp/　#reactのルートディレクトリ ├── node_modules/ ├── public/ ├── src/ ├── package.json ├── package-lock.json ├── README.md └── ...|└── staticfiles/ # Djangoが提供する静的ファイルディレクトリ └── myreactapp/ # Reactアプリケーションのビルド出力 └── ...``` この構造では、Reactアプリケーションは独立したディレクトリで開発され、ビルドされた出力はDjangoが提供する`staticfiles/`ディレクトリに配置されます。これにより、DjangoはReactアプリケーションの静的ファイルを提供できます。

npm listただし、この構造は一例であり、具体的な要件や目標によって最適な構造は変わる可能性があります。また、本番環境でのデプロイメントには追加の設定が必要になる場合があります¹²³⁴。

npm startソース: Bing との会話 2023/10/2(1) Folder structure for React and Django REST - Stack Overflow. https://stackoverflow.com/questions/44232828/folder-structure-for-react-and-django-rest.(2) How to structure django + react project for deployment?. https://stackoverflow.com/questions/68966770/how-to-structure-django-react-project-for-deployment.(3) reactjs - Django React project structure - Stack Overflow. https://stackoverflow.com/questions/61153118/django-react-project-structure.(4) Best Practices for a Django Working Directory Structure. https://www.delftstack.com/howto/django/django-project-structure/.</nowiki>

== 参考 == <nowiki>DjangoでReactアプリの静的ファイルを配信するには、以下の手順を実行します¹²³⁴⁵:

1. **Reactアプリのビルド**: Reactアプリをビルドして、静的ファイル（`bundle.js`、`styles.css`など）を生成します¹.

• ← 古い編集

Shudo

ビューロクラット、管理者

3,728

回編集