├── .github
    ├── ISSUE_TEMPLATE.md
    └── PULL_REQUEST_TEMPLATE.md
├── .gitignore
├── Procfile
├── README.md
├── app.py
├── requirements.txt
├── static
    └── css
    │   └── main.css
├── templates
    ├── base.html
    ├── index.html
    └── update.html
└── test.db


/.github/ISSUE_TEMPLATE.md:
--------------------------------------------------------------------------------
1 | Thanks for checking out my Flask tutorial repo! Since this is a tutorial repository, it's not updated unless a major breaking issue is discovered.
2 | Because of the reason mentioned, please follow the checklist below when opening an issue.
3 | 
4 | Make sure to add **all the information needed to understand the problem** so that I can help. If the info is missing I'll add the 'Needs more information' label and close the issue until there is enough information.
5 | 
6 | - [ ] Provide a **minimal code snippet** that reproduces the bug.
7 | - [ ] Provide **screenshots** where appropriate
8 | - [ ] What's the **version** of Python you're using?
9 | - [ ] Are you using Mac, Linux or Windows?


--------------------------------------------------------------------------------
/.github/PULL_REQUEST_TEMPLATE.md:
--------------------------------------------------------------------------------
 1 | **IMPORTANT: Please do not create a Pull Request without creating an issue first.**
 2 | 
 3 | *Any change needs to be discussed before proceeding. Failure to do so may result in the rejection of the pull request.*
 4 | 
 5 | Please provide enough information so that others can review your pull request:
 6 | 
 7 | <!-- You can skip this if you're fixing a typo or adding an app to the Showcase. -->
 8 | 
 9 | Explain the **details** for making this change. What existing problem does the pull request solve?
10 | 
11 | <!-- Example: When "Adding a function to do X", explain why it is necessary to have a way to do X. -->
12 | 
13 | **Test plan (required)**
14 | 
15 | Demonstrate the code is solid. Example: The exact commands you ran and their output, screenshots / videos if the pull request changes UI.
16 | 
17 | <!-- Make sure tests pass on both Travis and Circle CI. -->
18 | 
19 | **Code formatting**
20 | 
21 | <!-- See the simple style guide. -->
22 | 
23 | **Closing issues**
24 | 
25 | Put `closes #XXXX` in your comment to auto-close the issue that your PR fixes (if such).


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | __pycache__/
2 | env


--------------------------------------------------------------------------------
/Procfile:
--------------------------------------------------------------------------------
1 | web: gunicorn app:app


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # FlaskIntroduction
 2 | 
 3 | > This repository has been archived and is no longer being updated.
 4 | 
 5 | ## How To Run
 6 | 1. Install `virtualenv`:
 7 | ```
 8 | $ pip install virtualenv
 9 | ```
10 | 
11 | 2. Open a terminal in the project root directory and run:
12 | ```
13 | $ virtualenv env
14 | ```
15 | 
16 | 3. Then run the command:
17 | ```
18 | $ .\env\Scripts\activate
19 | ```
20 | 
21 | 4. Then install the dependencies:
22 | ```
23 | $ (env) pip install -r requirements.txt
24 | ```
25 | 
26 | 5. Finally start the web server:
27 | ```
28 | $ (env) python app.py
29 | ```
30 | 
31 | This server will start on port 5000 by default. You can change this in `app.py` by changing the following line to this:
32 | 
33 | ```python
34 | if __name__ == "__main__":
35 |     app.run(debug=True, port=<desired port>)
36 | ```
37 | 


--------------------------------------------------------------------------------
/app.py:
--------------------------------------------------------------------------------
 1 | from flask import Flask, render_template, url_for, request, redirect
 2 | from flask_sqlalchemy import SQLAlchemy
 3 | from datetime import datetime
 4 | 
 5 | app = Flask(__name__)
 6 | app.config['SQLALCHEMY_DATABASE_URI'] = 'sqlite:///test.db'
 7 | db = SQLAlchemy(app)
 8 | 
 9 | class Todo(db.Model):
10 |     id = db.Column(db.Integer, primary_key=True)
11 |     content = db.Column(db.String(200), nullable=False)
12 |     date_created = db.Column(db.DateTime, default=datetime.utcnow)
13 | 
14 |     def __repr__(self):
15 |         return '<Task %r>' % self.id
16 | 
17 | 
18 | @app.route('/', methods=['POST', 'GET'])
19 | def index():
20 |     if request.method == 'POST':
21 |         task_content = request.form['content']
22 |         new_task = Todo(content=task_content)
23 | 
24 |         try:
25 |             db.session.add(new_task)
26 |             db.session.commit()
27 |             return redirect('/')
28 |         except:
29 |             return 'There was an issue adding your task'
30 | 
31 |     else:
32 |         tasks = Todo.query.order_by(Todo.date_created).all()
33 |         return render_template('index.html', tasks=tasks)
34 | 
35 | 
36 | @app.route('/delete/<int:id>')
37 | def delete(id):
38 |     task_to_delete = Todo.query.get_or_404(id)
39 | 
40 |     try:
41 |         db.session.delete(task_to_delete)
42 |         db.session.commit()
43 |         return redirect('/')
44 |     except:
45 |         return 'There was a problem deleting that task'
46 | 
47 | @app.route('/update/<int:id>', methods=['GET', 'POST'])
48 | def update(id):
49 |     task = Todo.query.get_or_404(id)
50 | 
51 |     if request.method == 'POST':
52 |         task.content = request.form['content']
53 | 
54 |         try:
55 |             db.session.commit()
56 |             return redirect('/')
57 |         except:
58 |             return 'There was an issue updating your task'
59 | 
60 |     else:
61 |         return render_template('update.html', task=task)
62 | 
63 | 
64 | if __name__ == "__main__":
65 |     app.run(debug=True)
66 | 


--------------------------------------------------------------------------------
/requirements.txt:
--------------------------------------------------------------------------------
 1 | Click==7.0
 2 | Flask==1.1.2
 3 | Flask-SQLAlchemy==2.4.4
 4 | gunicorn==19.9.0
 5 | itsdangerous==1.1.0
 6 | Jinja2==2.11.3
 7 | MarkupSafe==1.1.1
 8 | SQLAlchemy==1.3.22
 9 | Werkzeug==1.0.1
10 | 


--------------------------------------------------------------------------------
/static/css/main.css:
--------------------------------------------------------------------------------
 1 | body, html {
 2 |     margin: 0;
 3 |     font-family: sans-serif;
 4 |     background-color: lightblue;
 5 | }
 6 | 
 7 | .content {
 8 |     margin: 0 auto;
 9 |     width: 400px;
10 | }
11 | 
12 | table, td, th {
13 |     border: 1px solid #aaa;
14 | }
15 | 
16 | table {
17 |     border-collapse: collapse;
18 |     width: 100%;
19 | }
20 | 
21 | th {
22 |     height: 30px;
23 | }
24 | 
25 | td {
26 |     text-align: center;
27 |     padding: 5px;
28 | }
29 | 
30 | .form {
31 |     margin-top: 20px;
32 | }
33 | 
34 | #content {
35 |     width: 70%;
36 | }


--------------------------------------------------------------------------------
/templates/base.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <meta http-equiv="X-UA-Compatible" content="ie=edge">
 7 |     <link rel="stylesheet" href="{{ url_for('static', filename='css/main.css') }}">
 8 |     {% block head %}{% endblock %}
 9 | </head>
10 | <body>
11 |     {% block body %}{% endblock %}
12 | </body>
13 | </html>


--------------------------------------------------------------------------------
/templates/index.html:
--------------------------------------------------------------------------------
 1 | {% extends 'base.html' %}
 2 | 
 3 | {% block head %}
 4 | <title>Task Master</title>
 5 | {% endblock %}
 6 | 
 7 | {% block body %}
 8 | <div class="content">
 9 |     <h1 style="text-align: center">Task Master</h1>
10 |     {% if tasks|length < 1 %}
11 |     <h4 style="text-align: center">There are no tasks. Create one below!</h4>
12 |     {% else %}
13 |     <table>
14 |         <tr>
15 |             <th>Task</th>
16 |             <th>Added</th>
17 |             <th>Actions</th>
18 |         </tr>
19 |         {% for task in tasks %}
20 |             <tr>
21 |                 <td>{{ task.content }}</td>
22 |                 <td>{{ task.date_created.date() }}</td>
23 |                 <td>
24 |                     <a href="/delete/{{task.id}}">Delete</a>
25 |                     <br>
26 |                     <a href="/update/{{task.id}}">Update</a>
27 |                 </td>
28 |             </tr>
29 |         {% endfor %}
30 |     </table>
31 |     {% endif %}
32 | 
33 |     <div class="form">
34 |         <form action="/" method="POST">
35 |             <input type="text" name="content" id="content">
36 |             <input type="submit" value="Add Task">
37 |         </form>
38 |     </div>
39 | </div>
40 | {% endblock %}


--------------------------------------------------------------------------------
/templates/update.html:
--------------------------------------------------------------------------------
 1 | {% extends 'base.html' %}
 2 | 
 3 | {% block head %}
 4 | <title>Task Master</title>
 5 | {% endblock %}
 6 | 
 7 | {% block body %}
 8 | <div class="content">
 9 |     <h1 style="text-align: center">Update Task</h1>
10 | 
11 |     <div class="form">
12 |         <form action="/update/{{task.id}}" method="POST">
13 |             <input type="text" name="content" id="content" value="{{task.content}}">
14 |             <input type="submit" value="Update">
15 |         </form>
16 |     </div>
17 | </div>
18 | {% endblock %}


--------------------------------------------------------------------------------
/test.db:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jakerieger/FlaskIntroduction/3cbc7ca0342c868aeccf12542d7ee8cca9bf266c/test.db


--------------------------------------------------------------------------------