プログラミング

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. EC-CUBE 4.0 インストール
  1. サーバー環境

    centos7 + Apache2.4 + Mysql5.7 + Php7.0 …
  2. サーバー環境

    Centos7 nginx(with ssl let’s Encry…
  3. プログラミング

    MySQLによる 条件分岐とサブクエリー
  4. Web・デザイン

    CSS3 リッチな表現 角丸、影、グラデーションについて学ぶ
  5. サーバー環境

    git push でデプロイ自動化 およびpost-receive-email …
PAGE TOP