🎄teratailクリスマスプレゼントキャンペーン2024🎄』開催中!

\teratail特別グッズやAmazonギフトカード最大2,000円分が当たる!/

詳細はこちら
Python

Pythonは、コードの読みやすさが特徴的なプログラミング言語の1つです。 強い型付け、動的型付けに対応しており、後方互換性がないバージョン2系とバージョン3系が使用されています。 商用製品の開発にも無料で使用でき、OSだけでなく仮想環境にも対応。Unicodeによる文字列操作をサポートしているため、日本語処理も標準で可能です。

pandas

Pandasは、PythonでRにおけるデータフレームに似た型を持たせることができるライブラリです。 行列計算の負担が大幅に軽減されるため、Rで行っていた集計作業をPythonでも比較的簡単に行えます。 データ構造を変更したりデータ分析したりするときにも便利です。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

解決済

2回答

3131閲覧

pandasのデータフレームをhtmlにてデータフレームのように整えて表示する方法

haruchan__

総合スコア7

Python

Pythonは、コードの読みやすさが特徴的なプログラミング言語の1つです。 強い型付け、動的型付けに対応しており、後方互換性がないバージョン2系とバージョン3系が使用されています。 商用製品の開発にも無料で使用でき、OSだけでなく仮想環境にも対応。Unicodeによる文字列操作をサポートしているため、日本語処理も標準で可能です。

pandas

Pandasは、PythonでRにおけるデータフレームに似た型を持たせることができるライブラリです。 行列計算の負担が大幅に軽減されるため、Rで行っていた集計作業をPythonでも比較的簡単に行えます。 データ構造を変更したりデータ分析したりするときにも便利です。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

0クリップ

投稿2021/01/01 10:33

データベースから取得したデータを絞り込んで、その結果をhtmlに表示しようとしています。
その結果を、htmlに出力したら下記の様に、1列のデータになってしまし、とても見づらくなってしまいました。

実際のページ 社員管理システム 検索条件 code shimei furigana section flag nyusha_date taisha_date 119 古橋敏郎 フルハシトシロウ 第三営業部 0 1989-02-18 2017-12-13 172 古谷香穂 フルヤカホ 総務部 0 1979-03-06 1979-08-13

これをターミナルなどにプリントされるような下記のような表示にしたいのですが、可能でしょうか?

理想 code shimei furigana section flag nyusha_date taisha_date 119 古橋敏郎 フルハシトシロウ 第三営業部 0 1989-02-18 2017-12-13 172 古谷香穂 フルヤカホ 総務部 0 1979-03-06 1979-08-13

自分で考えながら、試してみたのですが、どれも結局1行のデータになってしまいます。よろしくお願いいたします。

python

1import mysql.connector as mydb 2import pandas as pd 3from flask import Flask, render_template, request, redirect 4from flask_sqlalchemy import SQLAlchemy 5 6#データベースとの接続 7conn = mydb.connect( 8 host='localhost', 9 port='3306', 10 user='root', 11 password='root', 12 database='shain' 13) 14 15sql = "select * from shain" 16 17#テーブルからデータを取得してデータフレームに 18df_shain_list = pd.read_sql(sql, conn) 19 20shain_dict = {} 21 22app = Flask(__name__) 23 24#db = SQLAlchemy(app) 25 26@app.route('/', methods=['GET', 'POST']) 27def search(): 28 return render_template('search.html') 29 30@app.route('/result', methods=['POST']) 31def result(): 32 search_name = request.form['keyword'] 33 n = 0 34 result = df_shain_list[df_shain_list['shimei'].str.contains(search_name)] #データを抽出 35 result_noindx = result.to_string(index=False) 36 for index, row in result.iterrows(): 37 shain_dict = result_noindx 38 n = n + 1 39 return render_template('result.html', shain_dict = shain_dict) 40 41 42if __name__ == "__main__": 43 app.run(debug=True)
base.html <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>社員検索</title> {% block head %}{% endblock %} </head> <body> <h3>社員管理システム</h3> <form method="post" action="/result"> 検索条件 <input type="text" name="keyword"><br> <input type="submit" value="検索する"> </form> {% block body %}{% endblock %} </body> </html>
result.html <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>社員検索</title> {% block head %}{% endblock %} </head> <body> <h3>社員管理システム</h3> <form method="post" action="/result"> 検索条件 <input type="text" name="keyword"><br> <input type="submit" value="検索する"> </form> {% block body %}{% endblock %} </body> </html>

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答2

0

ベストアンサー

表の表示にはtableタグを使いましょう

<table> <thead> <tr> <th>ヘッダー 1</th> <th>ヘッダー 2</th> </tr> </thead> <tbody> {% for row in rows %} <tr> <td>row[0]</td> <td>row[1]</td> <td>row[2]</td> </tr> {% endfor %} </tbody> </table>

投稿2021/01/01 10:37

編集2021/01/01 11:00
hentaiman

総合スコア6426

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

haruchan__

2021/01/01 10:51

ありがとうございます。 for分でテーブルを回すイメージが付かないのですが、どのようにすれば綺麗にテーブルに当てはめることができますでしょうか?
hentaiman

2021/01/01 11:01 編集

2次元list型をforする場合のhtmlを追記しました
haruchan__

2021/01/01 11:20

ありがとうございます。 試してみたのですが、一文字づつで改行されるようになってしまいました。 もともともの、データフレームが一列のデータになっていないのでしょうか?
hentaiman

2021/01/01 11:29

そこまでは知りませんがな・・・ テンプレートに渡しているデータをデバッグして確認し、意図通りの形になっていなかったら整形しましょう
haruchan__

2021/01/01 11:46

分かりました。 ありがとうございます。
haruchan__

2021/01/01 13:36

index = falseを用いた事で辞書型のデータでなくなっていたようです。 解決できましたありがとうございます。
guest

0

work13.pyの@app.route('/result', methods=['POST'])を以下の内容に変更する事でdfをそのまま送ることができた。

@app.route('/result', methods=['POST']) def result(): search_name = request.form['keyword'] n = 0 result = df_shain_list[df_shain_list['shimei'].str.contains(search_name)] #データを抽出 result_values = result.values.tolist() #フレームワークを用いてdfの中身を渡すメソッド result_columns = result.columns.tolist() for index, row in result.iterrows(): #shain_dict = result_noindx n = n + 1 return render_template('result.html',result_values = result_values, result_columns = result_columns)

投稿2021/01/01 13:38

編集2021/01/01 13:46
haruchan__

総合スコア7

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.36%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問