Python Flask 主頁表格 (四)

說明

上一篇 :Python Flask "hello world"和 主頁(一)

Python Flask css 樣式表(二)

Python Flask 建立資料庫 db (三)

這一篇要製作 主頁的表格

操作流程

index.html

{% extends 'base.html' %}

{% block head %}

{% endblock %}

{% block body %}

<div class="content">
    <h1>Task Master</h1>

    <table style="border:3px #cccccc solid;" cellpadding="10" border="1">
        <tbody><tr>
            <th>task</th>
            <th>added</th>
            <th>action</th>
        </tr>

        <tr>
            <td></td>
            <td></td>
            <td>
                <a href="">delete</a>
                <br>
                <a href="">update</a>
            </td>

        </tr>
    </tbody></table>
</div>
{% endblock %}

Demo

畫出主頁的框架表格，這些表格都可以再修改格式

表格上面有 刪除和更新兩個功能，之後才會把這個具體的功能寫出來。