- Flask and Jinja Template
- Let's create a basic UI for a search box!
- Start your final project
- Make sure you have the packages in
requirements.txtinstalled - Run
app.py - Open browser to
http://localhost:5000, and add/q?=University of Michiganto the location - Edit
app.pyand write code inindex()function to getanswerandresultvalues- You will need to extract the value of
qfound in the location bar of your browser using Flask using:request.args.get('q').requestis different fromrequestslibrary.requestis current request that Flask receives from your browser, whilerequestslibrary helps you make requests to external websites / API.
- You will need to extract the value of
- Look at
templates/index.html. Can you understand what is happening in the file? - Instead of typing the query in the browser's address bar every time, let us make an input field that takes the question and shows the result in the same page.
- Add a form that has an input with
name="q"<form action="/" method="GET"> <label> <b>Ask the Duck</b> <input name="q" type="text" placeholder="Start typing..." /> </label> <button type="submit">Send</button> </form>
- Add a form that has an input with
- Write code to get data from your API / Website
- Use "dummy data" and create a visualization
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent