質問をすることでしか得られない、回答やアドバイスがある。

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

新規登録して質問してみよう
ただいま回答率
85.37%
Flask

FlaskはPython用のマイクロフレームワークであり、Werkzeug・Jinja 2・good intentionsをベースにしています。

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

Python

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

HTML

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

Q&A

解決済

1回答

5842閲覧

FlaskでPython側から受け取った値の記述方法がわからない

dragon_seven

総合スコア7

Flask

FlaskはPython用のマイクロフレームワークであり、Werkzeug・Jinja 2・good intentionsをベースにしています。

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

Python

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

HTML

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

1グッド

1クリップ

投稿2020/08/31 01:22

前提・実現したいこと

<script>タグのエラーを解消したい。 ### 発生している問題・エラーメッセージ Flaskでhtmlのフォームから入力された値を他のhtmlに渡す際に、以下のコードで渡しています。 ```python @app.route('/html', methods=['GET', 'POST']) def move_html(): if request.method == 'POST': number = request.form['number'] else: number = request.args.get('number') return render_template("web/sample.html", number=number) ``` 以下のコードで受け取っています。 ```html <script>var number = {{ number }};</script>

#エラーメッセージ
Property assignment expected.

値の受け取り自体はうまくいっていて出力可能なのですが、 エラーが気になるので解消したいです。 ### 試したこと エラーメッセージから検索をかけたり、サンプルプログラムをいくつか見ましたが、 記述方法はやはり合っているようでよくわかりませんでした。 (もしかしたらVSCodeの問題?) ### 補足情報(FW/ツールのバージョンなど) ・エディタ VSCode Python 3.8.1 Flask 1.1.2
katosato👍を押しています

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

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

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

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

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

guest

回答1

0

ベストアンサー

情報が全然出てきませんね。

私の環境では以下部分でエラーが出ていました。

出ていたエラーは質問に記載の1つだけではなく、以下2つでした。

  • Property assignment expected.
  • Declaration or statement expected.

html

1 2 <script>let number = {{ number }};</script> 3 ^ ^

JavaScriptの構文としてただしくないと言われているようです。
無視してしまってかまいませんが、エラーを消したいということですので、試して見たところ、以下手順でエラーが消えました。

  1. VSCodeにBetter Jinjaをインストールします。(アドイン(Marketplace)で上記を検索し、インストール)
  2. Settings.jsonを開き、末尾に、下にあるjsonを追加する。
    (ファイル -> ユーザー設定 -> 設定 : 出てきた設定の右上ボタンで「設定(JSON)を開く」を選択する)
  3. VSCodeを再起動する。

json

1 "files.associations": { 2 "*.html": "jinja-html" 3 }

"files.associations": {の前の行に[,]を忘れない事

投稿2020/08/31 02:28

FiroProchainezo

総合スコア2421

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

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

dragon_seven

2020/09/01 01:28

回答ありがとうございます。 無視して大丈夫なんですね。 教えてもらった方法を試したところ無事解決いたしました。 ベストアンサーにさせていただきます。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.37%

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

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

質問する

関連した質問