Web Application: 第10回 HTMLでかっこよくする

前回までで carbikeのindex画面とpredict画面を生成しました。

今回はhtmlを記述していってwebサイトをかっこよくしていきます。

htmlの雛形としてbase.htmlを作成しindex.htmlとpredict.htmlから共用しようという作戦です。

base.html の作成

/myproject/car_motorbike/ の下に

  • /templates/carbike/base.html
  • /templates/carbike/index.html
  • /templates/carbike/predict.html

を新規作成して、まず初めにbase.htmlを書いていきます。

解説

html5の決まりごととして<!DOCTYPE html>を書きます。

日本語を使用しますよ、という宣言のため<html lang=”ja”>を書きます。

 

django-bootstrap4 をインストール

pip install django-bootstrap4

django-bootstrap4-1.0.1 が入りました。

index.html の作成

base.htmlを流用していきましょう。

forms.py を作成する

myproject/car_motorbike/の下に forms.pyを新規作成します。

views.py を編集する

index関数を hello worldをreturnするだけの状態から、formを表示する内容に変更します。

 

myproject/settings.py を編集する

‘car_mortorbike.apps.CarbikeConfig’ を追記します。

 

ああ

 

DTL: Django Template Language

 

 

The following two tabs change content below.

Kazu Manabu

こんにちは すうがく を こよなくあいする ”二代目 圧倒的 かず まなぶ (´・ω・`)” です 心が豊かになる方法について 引き続き考えていきたいです。

投稿者: Kazu Manabu

こんにちは すうがく を こよなくあいする ”二代目 圧倒的 かず まなぶ (´・ω・`)” です 心が豊かになる方法について 引き続き考えていきたいです。