Difference between revisions of "Creating a Flask Web App"

From TRCCompSci - AQA Computer Science
Jump to: navigation, search
(Setup - Visual Studio)
Line 38: Line 38:
  
 
=Setup - Visual Studio=
 
=Setup - Visual Studio=
 +
Create a new project in Visual Studio, look in the python section and Flask:
 +
 +
[[File:Vswebapp.png]]
 +
 +
On your own machines, this will install all of the appropriate packages into your python installation. However in College will will need to do a bit more.
 +
 +
[[File:Vswebapp1.png]]

Revision as of 12:45, 9 April 2019

Flask can be used to create a Web App, which can run from a server. You can obviously run this locally and use it as if it was fully live, this will allow you to develop the web app.

Setup - Simple Method

You will need to create a new folder for your web app:

Webapp1.png

Download this zip file and extract all of the contents to your new folder:

Webapp.png

Now open IDLE, and from the file menu select new file. Now type in the following code:

from flask import Flask

app = Flask(__name__)
 
@app.route("/")
def hello():
    return "Hello World!"
 
if __name__ == "__main__":
    app.run()

Save this has demo.py, and it must be in the folder you created:

Webapp3.png

If you run the module from IDLE it will display errors, you should be able to double click on the demo.py file in the folder:

Webapp4.png

Finally open up your web browser and view the location displayed above:

Webapp5.png

Setup - Visual Studio

Create a new project in Visual Studio, look in the python section and Flask:

Vswebapp.png

On your own machines, this will install all of the appropriate packages into your python installation. However in College will will need to do a bit more.

Vswebapp1.png