iFrame Flaskにウェブページを読み込む

私はFlaskにとって本当に新しいです。私はWeb上でモバイルアプリのシミュレーションを作成したいと思います。私は好きなブートストラップテンプレートを見つけました。私はPythonでサーバとして動作する小さなFlaskアプリケーションを実装しました。iFrame Flaskにウェブページを読み込む

app.py

from flask import Flask, render_template 
app = Flask(__name__) 

@app.route('/') 
def hello(name=None): 
    return render_template('index.html', name=name) 

if __name__ == '__main__': 
    app.run()

これはindex.htmlファイルのボディ

<body> 
    <div class="main-row"> 
     <h1>Fortune Estates</h1> 
     <div class="main_frame"> 
      <iframe class="frame-border scroll-pane" src="templates/main.html" frameborder="0"></iframe> 
     </div> 
    </div> 
    <div class="copy-right"> 
     <p>&copy; 2016 Fortune Estates . All Rights Reserved | Design by <a href="http://w3layouts.com" target="_blank">W3layouts</a></p> 
    </div> 
    <script src="static/js/jquery.nicescroll.min.js"></script> 
    <script> 
     $(document).ready(function() { 

     var nice = $("html").niceScroll(); // The document page (body) 

     $("#div1").html($("#div1").html()+' '+nice.version); 

     $("#boxscroll").niceScroll(); // First scrollable DIV 

     }); 
    </script> 
</body>

私はフラスコアプリを起動すると、私はこのエラーを取得する127.0.0.1 - - [14/Feb/2017 14:46:45] "GET /templates/main.html HTTP/1.1" 404 -

これです私のファイル階層です。

. 
+-- app.py 
+-- templates 
| +-- index.html 
| +-- main.html 
| .... 
+-- static 
| +--js 
| | +--bootstrap.cs 
| | ... 
| +--fonts 
| | ... 
| +--css 
| | ... 
| +--images 
| |

出典

2017-02-14 Bryce Ramgovind

同じディレクトリにあるindex.htmlのmain.htmlテンプレートを参照していますが、iFrameでsrc = "main.html"を使用してみてください。

ブラウザは、main.htmlファイルの別のGETリクエストを送信します。 Flaskサーバーに新しい関数を追加することで、サーバー側からそれをカバーする必要があります。

from flask import Flask, render_template 
app = Flask(__name__) 

@app.route('/') 
def hello(name=None): 
    return render_template('index.html', name=name) 


@app.route('/main.html') 
def main(): 
    return render_template('main.html') 

if __name__ == '__main__': 
    app.run()

出典

2017-02-14 13:10:10

まだページが読み込まれません。 '127.0.0.1 - [14/Feb/2017 15:39:53]「get /main.html HTTP/1.1」404 -' –

編集したソリューションを使用してみてください。正常に動作するはずです –

iFrame Flaskにウェブページを読み込む

答えて

関連する問題