プログラミング

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. wordpres5をubuntu nginxにインストール
  2. ubuntu 20.04 nginx php mysql Webサーバー環境整備
  3. Ubuntu nginx SSL
  4. EC-CUBE 4.0 インストール
  1. サーバー環境

    mac Appleシリコンで WordPress ローカル環境構築
  2. プログラミング

    WordPress にて jQueryUI テーマを動的選択してデザインを反映
  3. プログラミング

    Yahoo!天気・災害 RSS一週間の予報 データをパース
  4. サーバー環境

    無料のSSL証明書 Let’s Encrypt 試してみました。
  5. サーバー環境

    ubuntu 20.04 nginx php postgreSQL 12.5 W…
PAGE TOP