0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

FLASK  キャラクターの行動メニューを表示する【Windows.ver】

Posted at

目標:共通テンプレートを使って、ブラウザで下記のようにキティの行動が表示されるようにする
2019-06-22 (16).png

共通テンプレートの作り方はこちらの記事☞FLASK  共通テンプレートの作り方【Windows.ver】

1.行動の指示をだすためのファイルを作成
●新規ファィルを作成 ファイル名:Character_menu.py
●下記のようにコードを書く
2019-06-22 (18).png

2.新規でhtmlのファィルを作成
共通テンプレートのファィルlayout.htmlはすでに作成してあるので、それをextendsで引っ張ってくる
行動をhtmlの中に記述。

2019-06-22 (20).png

※ここまできたら、ブラウザでちゃんと表示するか確認をする!
2019-06-22 (16).png

しかし、リンクを押すとエラーになります!
なぜならリンク先を指定していないから。

リンク先に行動が表示されるようにコードを書いていく
2019-06-22 (25).png

action.htmlという新しいファィルを作成する
これはmenu.htmlをコピーして
コードを編集するとよい
2019-06-22 (26).png

ブラウザにアクセスすると
2019-06-22 (16).png

「自転車に乗る」と「タクシーに乗る」をそれぞれクリックすると
2019-06-22 (27).png

2019-06-22 (28).png
0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?