JavaScriptなどプログラミングに関する投稿をしています。Bootstrap4を使って、CRUD操作の際のリダイレクト先でメッセージを表示させる手順のメモです。0.0.7構成はこのようになります。今回、編集/追加するファイルのみ記載しています。次のコマンドでbootstrap4をインストールします。’django.contrib.messages’はデフォルトで入っています。追加]一時的なメッセージを保存するための、ストレージはデフォルトで’FallbackStorage’になっています。変更する場合は、以下のように、指定します。'django.contrib.messages.storage.cookie.CookieStorage'Viewsビューにメソッド・メッセージを記述していきます。‘error’を指定できます。読み込み、メッセージを表示する記述を加えます。src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script></body></html>jQueryで自動的に非表示にするアラート・メッセージは表示し続けるより、さりげなく、フェードアウトさせる方がいい!という方は、jQueryのsetTimeout関数を使うと実現できます。今回はオプションをfadeOut(‘slow’)、タイミングは「3000」で3秒後としてみました。3000)})</script>CSSでスタイル調整ブートストラップ感に飽きてきたら、CSSで上書きしましょう!大雑把ですが(汗)。使っていて、Createをした時に、次のようなエラーがでました!対処法リダイレクト先のURLがないとのこと。その他関連ファイルです。Worldの表示と、Templateを使って、htmlページを表示するまでのメモです。2.1.2前回まででは次のような構成になっています。World!するまでd-projectに移動して、仮想環境をアクティブにします。myvenv/bin/activated-project/配下に、myappという名前でアプリを作成します。World!”を返すように記述します。作成して、views.indexと紐づかせて、ルートurlで表示させます。name='index'),]mysite/urls.pyも以下のように、編集します。include('myapp.urls')),]INSTALLED_APPSに’myapp’を追加します。World!”が表示されたら成功です!テンプレートでhtmlページの表示これまでのファイルにいくつかの記述を追加していきます。myapp/urls.pyにはviews.indexでtemplateを呼ぶようにurlに記述します。#ここを追加]mySite/settings.pyに以下の1行を追加して、templatesのpathを指定します。['django.template.context_processors.debug','django.template.context_processors.request','django.contrib.auth.context_processors.auth','django.contrib.messages.context_processors.messages',],},},]d-project/配下に、templatesディレクトリを作成して、その中に共通して使用する親テンプレートとなるmain.htmlを作成して、以下のように記述します。%}」で囲まれた部分は子テンプレートを継承します。%}</body></html>templates/index.htmlを以下のように作成します。%}myapp/views.pyの以下の箇所を追記します。ローカル環境に立ち上げて、GitHubにpushするまでをメモしました。PythonのバージョンMacOSの場合、デフォルトでPython2系がインストールされているかと思います。バージョンを確認する場合、ターミナルで以下のコマンドを実行します。--version最新のバージョンをインストールする場合は、Python公式サイトよりダウンロードして、インストールしてください。適当なディレクトリ(ここではd-project)を作って、そこに移動します。d-projectpython3のバージョンを指定して、次のコマンドで、venv(仮想環境)を作成します。標準で取り込まれています。myvenv仮想環境をアクティブにします。DjangoのインストールDjangoのインストールには、pip(ピップ)というPythonのパッケージを管理するツールを使用します。コマンドで確認ができます。pipを最新バージョンにします。venv内ではpythonのバージョン指定は不要です。pip次のコマンドを実行すると、最新のバージョンのDjangoがインストールされます。versionが確認できます。django次のコマンドはpipで管理しているパッケージの確認ができます。freezeDjangoプロジェクトを作成それでは次のコマンドでプロジェクト(ここではmysite)を作成します。これは、現在の作業ディレクトリにDjangoをインストールするということを示しています。.プロジェクトを起動する前に、myite/settings.pyに言語とタイムゾーンを日本に設定しておきます。'Asia/Tokyo'次のコマンドを実行して、データベースを作成します。次のコマンドでローカルサーバーの起動をします。GitHubへpushGitHubのアカウントを取得していない場合はGitHubページから、アカウント登録をします。ルート・ディレクトリで次のコマンドを打ち、Gitリポジトリの新規作成、または既存のGitリポジトリの再初期化を行います。ルート・ディレクトリに作成して管理します。内容は以下の通りとしました。.gitignore1234567*.pyc*~__pycache__myvenvdb.sqlite3/static.DS_Store次のコマンドで、カレントディレクトリ(自分の今いるディレクトリ)以下の全てのファイルをステージングエリアに追加します。「.」がカレントディレクトリを示します。.「-m」フラグで、コミットメッセージをつけて変更をコミット(保存)します。“コミットメッセージ”」です。作成しておき、次のコマンドでリモートリポジトリを追加します。https://github.com/<user-name>/<repository-name>.gitそして、次のコマンドで、ローカルリポジトリを、リモートリポジトリにプッシュ(同期)します。聞かれるのでGitHubのアカウント設定のものを入力します。コメントを残す本記事ではPythonの実行環境をAtomエディタとそのパッケージの「atom-runner」を使って簡単に構築する手順を載せております。実行環境はこちらです。3.7.0MacOSの場合MacOSの場合、デフォルトでPython2.7系がインストールされていて、直接実行することも可能です。実際にインストールされているかを確認するためには、「ターミナル」を使用すると簡単にできます。ターミナルは、「アプリケーションフォルダ」内の「ユーティリティフォルダ」にインストールされています。+スペースバーで、「Spotlight」を開いて、「terminal.app」と入力すると出てきますので、アプリを起動します。ターミナルで以下のコマンドを実行すると、インストールされているバージョンが表示されます。2.7.13whichコマンドで、どこにインストールされているかパスがわかります。python/usr/local/bin/python最新版のPythonをインストールデフォルトのバージョンではなく、最新版をインストールしたい場合の手順です。※MacPortsやbrew等のパッケージ管理ソフトで、インストールしたい方は対象外です。3.7.0(2018.10.5現在)をクリックして、インストーラーをダウンロードします。インストーラーを開き、規約に同意してインストールします。3.7」が追加されます。Launcher」はPythonをファイルから実行するために必要なアプリで、「IDLE」はPythonの統合開発環境です。idle3コマンドでもIDLEが立ち上がります。Atomのダウンロード公式サイトからAtomをDownloadします。Installer」をクリックします。Packages」のテキストボックスからatom-runnerを入力し、出てきた該当のパッケージを「Install」します。Atomの言語を日本語に設定したい場合は、「japanese-menu」のパッケージをインストールしてください。「untitle」のタブを選択し、Pythonでコードを記述し、拡張子が.pyのPythonファイルを作成します。すると、該当ファイルの実行結果が表示されます。進み、「config.cson」というファイルに追記します。Python3を指定した、以下の記述をconfig.csonに追記して保存します。"Python3"以下のコードを実行すると、変更されたバージョンの確認ができます。ちなみにatom-runnerを閉じる時はescapeキーでできます。