Skip to main content

Flask 1 - Set Up a Basic App

🍶 Flask is a framework to build websites. Here, we will make a simple blogging website. Below are the steps to start.
  1. Install Python 
  2. Install Pip 
  3. Install Flask

Run the following code in Command Line:

import flask #TO CHECK IF FLASK IS INSTALLED
exit() #TOEXIT FLASK
cd inqzit #TO GO TO THE FOLDER


Create a python file and name it app_001001_start.py. Add the following code in it.

from flask import Flask
app = Flask(__name__)

@app.route("/")
def hello():

    return "Hello World!"

Run the following code in Command Line:

set FLASK_APP=app_001001_start.py #TO START RUNNING THE APPLICATION SERVER
set FLASK_DEBUG = 1 #TO AUTO RUN SERVER WHEN FILES UPDATED
flask run #TO RUN THE SERVER

Go to http://127.0.0.1:5000/ or http://localhost:5000/ in browser.

Instead of set FLASK_DEBUG = 1 line, we can add a few lines of code in the python file itself for auto run of server when a file is updated. Add the following code in the file.

if __name__=='__main__':

app.run(debug=True)

Add another page to website

Simply add the following lines of code again. This time with a different url:

@app.route("/about")
def about():

    return "<h1>About Us</h1>"

To add another URL that calls the same function or page, simply add @app.route("/anything") above it. See in below example:

@app.route("/home")
@app.route("/about")
def about():

    return "<h1>About Us</h1>"

Comments

Popular posts from this blog

Difference between .exec() and .execPopulate() in Mongoose?

Here I answer what is the difference between .exec() and .execPopulate() in Mongoose? .exec() is used with a query while .execPopulate() is used with a document Syntax for .exec() is as follows: Model.query() . populate ( 'field' ) . exec () // returns promise . then ( function ( document ) { console . log ( document ); }); Syntax for .execPopulate() is as follows: fetchedDocument . populate ( 'field' ) . execPopulate () // returns promise . then ( function ( document ) { console . log ( document ); }); When working with individual document use .execPopulate(), for model query use .exec(). Both returns a promise. One can do without .exec() or .execPopulate() but then has to pass a callback in populate.

Two Ways of rendering in React Examples

Two Ways of rendering in React Examples 1 - Render twice HTML < div id = "p1" ></ div > < div id = "p2" ></ div > CSS . person { display : inline - block ; margin : 10px ; border : 1px solid # eee ; box - shadow : 0 2px 2px # ccc ; } JAVASCRIPT (Babel) function Person ( props ) { return ( < div className = ' person "> < h1 >{ props . name }</ h1 > < p > Age :{ props . age }</ p > </ div > ); } ReactDOM . render (< Person name = "VK" age = "29" />, document . querySselector ( '#p1' )); ReactDOM . render (< Person name = "HK" age = "28" />, document . querySselector ( '#p2' )); 2 Render all at once HTML < div id = "app" ></ div > CSS . person { display : inline - block ; margin : 1...

Resolve: Uncaught TypeError: firebase.database is not a function

If you are getting the error: Uncaught TypeError: firebase.database is not a function Resolve it by including firebase-database.js in your html page as follows: <!-- The core Firebase JS SDK is always required and must be listed first --> <script defer src = "https://www.gstatic.com/firebasejs/6.2.4/firebase-app.js" ></script> <script defer src = "https://www.gstatic.com/firebasejs/3.1.0/firebase-database.js" ></script> That is it. Let me know if this was helpful.