よちよちpython

独習 python/Qpython/Pydroid3/termux/Linux

Webアプリ

【Flask Pandas】売上データからドロップダウンメニューで担当者を指定して抽出、ページに表示する

今回は、PandasのデータフレームをWebページに表示させます。 売上データから担当者を指定して表示させるアプリ。 実行環境 アプリの仕様・操作手順など アプリの操作手順 ディレクトリ構成とファイルの中身 app.py (Flaskを動かす用) uriage_data.py (デー…

【Flask】複数のinputタグのname属性を同じにしてリストで取り出す

前回 は、ホームページに「テキストボックス」と「ボタン」だけを設置し、テキストを入力してボタンを押すと、入力テキスト内容が別ページに表示される簡単なWebアプリを作りました。 今回は前回のプログラムを一部変更し、複数のinputタグ要素のname属性パ…

【Flask】render_templateでpyファイルとhtmlファイルを分ける

前回【WSL/Anaconda/Flask】仮想環境の作成とFlaskのインストール、簡単なWebアプリ作成 - よちよちpython のつづき。 今回は、pythonのWebフレームワークFlaskの render_template モジュールを使って、「pyファイルとWebコンテンツ内容を切り離し、別個にht…

【WSL/Anaconda/Flask】仮想環境の作成とFlaskのインストール、簡単なWebアプリ作成

2022年 寅年。元旦。 明けましておめでとうございます。今年もどうぞよろしくお願いします。m( _ _ )m 新年最初の投稿。 今回は、簡単なWebアプリを作成します。その前に、Anacondaで新規に仮想環境を作成し、そこへFlaskをインストールします。 実行環境 …

【PythonでWebアプリをつくりたい】html-CSS未学習者による、よく使う(らしい)htmlタグ入門編

今回はHtml/CSSの初級編。 よく使うhtmlタグをJupyterNotebookを使って表示させ、使い方を学びます。 過去にPythonのWebフレームワークFlaskやbottleでWebアプリをいくつか作りましたが、書くコードの量はPythonよりHtml/CSSの方が多く、その知識も要求され…

【メモ YouTube動画】PythonのFlaskで分かりやすいWebアプリ開発実演動画を発見

PythonのFlaskでToDoリストのWebアプリを開発する実演動画を見つけたのでメモ。 実演投稿者はPythonで開発をされているフリーランスのプログラマだそうです。動画は1時間を超えます。 実行環境はMac エディタはVSCode 言語はPython 仮想環境はvirtualenv Web…

【Flask】PythonからJavaScript(直書き)に値を渡す方法

PythonのFlask ⇒ htmlテンプレートファイルに直書きしたJavaScriptへ値を渡す方法。 JavaScript側で受け取った値を加工してページに表示させます。 やり方 先に結論を書きます。 JavaScriptをhtmlファイルに直書きする場合は、 x : Python側から受け取った変…

【PythonのFlask、JavaScript】端末の傾きに応じてボールを動かすアプリを作る

PythonのFlaskとJavaScriptを使って、Android端末の傾きに応じてブラウザ上でボールを動かすプログラムを試します。メモ。 動作中のキャプチャ画像 傾けるとボールが動きます。 JavaScriptってどう書くの? JavaScriptはどうやって動かすの? PythonのWebア…

【Flask】Excelの売上台帳にWebアプリからプルダウン入力する其の2

Excelシートの売上台帳にWebアプリの入力フォームから記入する試み。入力を補助するプルダウンの使い方を調べています。 前回のつづき。前回はブラウザにプルダウンを表示させた。 今回は、その選択したデータをPython側に送り、再びページにその値を出力さ…

【Flask】Excelの売上台帳にWebアプリからプルダウン入力する其の1

Excelシートの売上台帳への入力を、Webアプリで作ったフォームで行いたい。 そのとき同じExcelシートの顧客台帳から顧客一覧を抽出し、Webアプリでプルダウンのメニュを出して選択できるようにする。 PythonとFlaskとExcelを使う。 今回は、Webアプリで入力…

【Flask】画像を並べて表示するだけのWebアプリ作成テスト

PythonとFlaskでページに画像を並べただけのWebアプリを作った。メモ。 できたページ 【実行環境】 Androidスマホ Termux Python3.9 目次 目次 ディレクトリ構成 app.py static/css/style.css static/images/画像 templates/index.html templates/extend.htm…