プログラミング

Django Webアプリケーションの構築 データベースの内容一覧表示 およびアップロード画像のスタティックの設定

前回までに構築でデータベースにリンク集を作成しました。
そして管理ページにスーパーユーザーを登録してデータの入力準備までできました。
今回の項目についてまとめました。

  • 管理ページ(admin/)でデータを入力して一覧を表示させる。
  • 投稿一覧ページを作成する。
  • 画像も投稿します。その画像を表示させるために /media/ のAriasを作成する。

  1. 今回作成した表示プログラム
  2. 管理ページよりデータテストデータを入力して準備をする。
  3. ルーティングの設定 ([アプリケーション]/urls.pyの設定)
  4. webapps/view.pyの編集
  5. webapps/templates/list.htmlの作成
  6. 画像の投稿のsaticの設定(urls.py)
  7. MEDIA_URL,MEDIA_ROOT設置(setting.py)
  8. Nginxで公開するためにコンフィグファイルにLocationを追加

管理ページよりデータテストデータを入力して準備をする。

管理ページにログイン。 例: https://lerning.codingstock.jp/webapps/xxxxxxx/

管理ページデータ入力ページ
管理ページ一覧ページ

管理ページで投稿一覧を確認しましたが、アプリケーションで一覧を表示するアプリケーションを記述します。
今回作成した表示プログラム http://learning.codingstock.jp/webapps/list/
手順 ルーティングの設置
templates/list.htmlの作成
list.htmlは前回の投稿で作成した templates/base.html を利用します。
また、これらの環境作成はcontent/Webアプリケーションの環境構築を参照してください。

メニューに戻る

ルーティングの設定 ([アプリケーション]/urls.pyの設定)

メニューに戻る

/webapps/view.pyの編集

メニューに戻る

templates/list.htmlの作成

メニューに戻る

画像の投稿のsaticの設定(urls.py)

メニューに戻る

MEDIA_URL,MEDIA_ROOT設置(setting.py)

メニューに戻る

Nginxで公開するためにコンフィグファイルにLocationを追加

実際の list.html の表示を実現するために 「templates/webapps/list.html」 にCSSでデザインを割り当てる必要があります。

メニューに戻る

最近の記事

  1. Raspberry PI

    Raspberry Pi 4 ModelB Raspbian インストール VN…
  2. プログラミング

    ワードプレス AmCharts Javascript ライブラリー を表示させる…
  3. サーバー環境

    Let’s Encrypt dns-01 自動認証で ワイルドカード…
  4. プログラミング

    Django Webアプリケーションの構築 データベースの内容一覧表示 およびア…
  5. プログラミング

    Django Webアプリケーションの構築 デザイン要素としてbootstrap…
PAGE TOP