django now ui dashboard

Django Now UI ダッシュボード

Django Framework の AppSeed によって生成された管理ダッシュボード。 Now UI ダッシュボードは、Invision と Creative Tim によって無料で提供されるレスポンシブな Bootstrap 4 キットです。 UI ダッシュボードには、プロジェクト内で必要となる可能性のあるすべてのプラグインと、開始方法に関するドキュメントが詰め込まれています。軽くて使いやすく、しかも非常に強力です。

• Django Now UI ダッシュボード - 製品ページ
• Django Now UI ダッシュボード - ライブ アプリ

特徴

• ✅ Up-to-date dependencies
• ✅ UI対応アプリ、 SQLite Database 、DjangoネイティブORM
• ✅ Session-Based authentication 、フォーム検証
• ✅ Deployment : Docker 、Gunicorn / Nginx、HEROKU

Dockerのクイック スタート

コードを取得する

$ git clone https://github.com/app-generator/django-now-ui-dashboard.git
$ cd django-now-ui-dashboard

Dockerでアプリを起動する

$ docker-compose up --build

ブラウザでhttp://localhost:85にアクセスします。アプリは起動して実行されているはずです。

使い方

$ # Get the code
$ git clone https://github.com/app-generator/django-now-ui-dashboard.git
$ cd django-now-ui-dashboard
$
$ # Virtualenv modules installation (Unix based systems)
$ virtualenv env
$ source env/bin/activate
$
$ # Virtualenv modules installation (Windows based systems)
$ # virtualenv env
$ # .envScriptsactivate
$
$ # Install modules
$ # SQLIte version
$ pip3 install -r requirements.txt
$
$ # Create tables
$ python manage.py makemigrations
$ python manage.py migrate
$
$ # Start the application (development mode)
$ python manage.py runserver # default port 8000
$
$ # Start the app - custom port 
$ # python manage.py runserver 0.0.0.0:<your_port>
$
$ # Access the web app in browser: http://127.0.0.1:8000/

注: アプリを使用するには、登録ページにアクセスし、新しいユーザーを作成してください。認証後、アプリはプライベートページのロックを解除します。

コードベースの構造

プロジェクトは、以下に示すシンプルで直感的な構造を使用してコード化されています。

 < PROJECT ROOT >
   |
   | -- core/                               # Implements app configuration
   |    | -- settings.py                    # Defines Global Settings
   |    | -- wsgi.py                        # Start the app in production
   |    | -- urls.py                        # Define URLs served by all apps/nodes
   |
   | -- apps/
   |    |
   |    | -- home/                          # A simple app that serve HTML files
   |    |    | -- views.py                  # Serve HTML pages for authenticated users
   |    |    | -- urls.py                   # Define some super simple routes  
   |    |
   |    | -- authentication/                # Handles auth routes (login and register)
   |    |    | -- urls.py                   # Define authentication routes  
   |    |    | -- views.py                  # Handles login and registration  
   |    |    | -- forms.py                  # Define auth forms (login and register) 
   |    |
   |    | -- static/
   |    |    | -- < css, JS, images >         # CSS files, Javascripts files
   |    |
   |    | -- templates/                     # Templates used to render pages
   |         | -- includes/                 # HTML chunks and components
   |         |    | -- navigation.html      # Top menu component
   |         |    | -- sidebar.html         # Sidebar component
   |         |    | -- footer.html          # App Footer
   |         |    | -- scripts.html         # Scripts common to all pages
   |         |
   |         | -- layouts/                   # Master pages
   |         |    | -- base-fullscreen.html  # Used by Authentication pages
   |         |    | -- base.html             # Used by common pages
   |         |
   |         | -- accounts/                  # Authentication pages
   |         |    | -- login.html            # Login page
   |         |    | -- register.html         # Register page
   |         |
   |         | -- home/                      # UI Kit Pages
   |              | -- index.html            # Index page
   |              | -- 404-page.html         # 404 page
   |              | -- * .html                # All other pages
   |
   | -- requirements.txt                     # Development modules - SQLite storage
   |
   | -- .env                                 # Inject Configuration via Environment
   | -- manage.py                            # Start the app - Django default start script
   |
   | -- ************************************************************************

ブートストラップの流れ

• Django ブートストラップのmanage.py 、 core/settings.pyメインの構成ファイルとして使用します
• core/settings.py .envファイルからアプリマジックをロードします
• ゲストユーザーをログインページにリダイレクトします
• 認証されたユーザーに対してアプリノードによって提供されるページのロックを解除します

CSSを再コンパイルする

SCSS ファイルを再コンパイルするには、次の設定に従います。

ステップ #1 - ツールをインストールする

• NodeJS 12.x以降
• Gulp - グローバル
  • npm install -g gulp-cli
• 糸（オプション）

ステップ #2 - 作業ディレクトリをassetsフォルダーに変更します

$ cd apps/static/assets

ステップ #3 - モジュールをインストールします (これにより、従来のnode_modulesディレクトリが作成されます)

$ npm install
// OR
$ yarn

ステップ #4 - SCSS ファイルの編集と再コンパイル

$ gulp scss

生成されたファイルはstatic/assets/cssディレクトリに保存されます。

導入

このアプリには、Docker、Gunicorn、Waittress で実行される基本構成が提供されています。

Docker の実行

---

アプリケーションは Docker コンテナーで簡単に実行できます。手順:

コードを取得する

$ git clone https://github.com/app-generator/django-now-ui-dashboard.git
$ cd django-now-ui-dashboard

Dockerでアプリを起動する

$ sudo docker-compose pull && sudo docker-compose build && sudo docker-compose up -d

ブラウザでhttp://localhost:85にアクセスします。アプリは起動して実行されているはずです。

ガニコーン

---

Gunicorn 'Green Unicorn' は、UNIX 用の Python WSGI HTTP サーバーです。

pipを使用してインストールする

$ pip install gunicorn

Gunicorn バイナリを使用してアプリを起動する

$ gunicorn --bind=0.0.0.0:8001 core.wsgi:application
Serving on http://localhost:8001

ブラウザでhttp://localhost:8001にアクセスします。アプリは起動して実行されているはずです。

ウェイトレス

---

Waittress (Windows の Gunicorn に相当) は、非常に許容可能なパフォーマンスを備えた運用品質の純粋な Python WSGI サーバーであることを目的としています。 Python 標準ライブラリに存在する依存関係を除き、依存関係はありません。

pipを使用してインストールする

$ pip install waitress

waitress-serve を使用してアプリを起動する

$ waitress-serve --port=8001 core.wsgi:application
Serving on http://localhost:8001

ブラウザでhttp://localhost:8001にアクセスします。アプリは起動して実行されているはずです。

クレジットとリンク

• ジャンゴ - 公式ウェブサイト
• ボイラープレート コード - AppSeedによって提供されるインデックス
• 定型コード - Github で公開されているインデックス

---

Django Now UI ダッシュボード - App Generatorによって提供されます。