基於Python繪制一個摸魚倒計時界面

Posted on 2021-12-30 by WalkonNet

前言

前段時間在微博看到一段摸魚人的倒計時模板，感覺還挺有趣的。

於是我用瞭一小時的時間寫瞭個頁面出來摸魚辦地址 (當然是摸魚的時間啦)。

模板是這樣的:

摸魚辦公室 🐟

【摸魚辦公室】今天是 2021-11-30 星期二

你好，摸魚人，工作再累，一定不要忘記摸魚哦 ! 有事沒事起身去茶水間去廊道去天臺走走，別老在工位上坐著。多喝點水，錢是老板的，但命是自己的 !

🐟 距離周末放假還有 2 天

🐟 距離元旦放假還有 3 天

🐟 距離過年放假還有 34 天

🐟 距離清明節放假還有 97 天

🐟 距離勞動節放假還有 123 天

🐟 距離端午節放假還有 156 天

🐟 距離中秋節放假還有 255 天

🐟 距離國慶節放假還有 276 天

由於前端是單頁面服務，直接擼一個原始的 html 網頁就行。
FastAPI 對於異步請求是一把好手、更輕、性能更佳。
掛上一層 Nginx 讓它看起來像那麼回事兒。

實現過程

首先要知道、除瞭靜態文字之外的比如當前日期、距離節日放假的天數等都是動態返回的，我需要使用 Jinja2 模板進行動態綁定。

我應該把重點放在時間的處理上。

而且在這個模板中，有陽歷的節日，也是陰歷的節日，我需要轉換。

初始化一個 FastAPI 對象並聲明靜態頁面的模板目錄 (Jinja2Templates)

# -*- coding: utf-8 -*- 
import datetime 
from fastapi import FastAPI, Request 
from fastapi.responses import HTMLResponse 
from fastapi.templating import Jinja2Templates 
from zhdate import ZhDate as lunar_date 
 
app = FastAPI( 
    debug=False, 
    title="My API", 
    docs_url="/docs", 
    openapi_url=f"/openapi.json" 
) 
 
templates = Jinja2Templates(directory="templates")

可以看到的是我用到瞭 zhdate 這個庫、主要用於陰歷和陽歷之間的相互轉換。用法如下

today = datetime.date.today() 
print(today.year, today.month, today.day) 
print("大年時間: ", lunar_date(today.year+1, 1, 1).to_datetime().date()) 
print("端午時間: ", lunar_date(today.year, 5, 5).to_datetime().date()) 
print("中秋時間: ", lunar_date(today.year, 8, 15).to_datetime().date()) 
print("元旦時間: ", f"{today.year+1}-01-01") 
print("清明時間: ", f"{today.year}-04-05") 
print("勞動時間: ", f"{today.year}-05-01") 
print("國慶時間: ", f"{today.year}-10-01")

我們可以梳理一下:

計算距離大年、元旦的天數時，要在年份上 +1

計算距離其他節日的天數時，要判斷天數差是否小於 0，如果是，則年份需要 +1，因為已經過去的節日對此沒有意義

distance_big_year = (lunar_date(today.year + 1, 1, 1).to_datetime().date() - today).days 
 
distance_5_5 = (lunar_date(today.year, 5, 5).to_datetime().date() - today).days 
distance_5_5 = distance_5_5 if distance_5_5 > 0 else ( 
        lunar_date(today.year + 1, 5, 5).to_datetime().date() - today).days 
 
distance_8_15 = (lunar_date(today.year, 8, 15).to_datetime().date() - today).days 
distance_8_15 = distance_8_15 if distance_8_15 > 0 else ( 
        lunar_date(today.year + 1, 8, 15).to_datetime().date() - today).days 
 
distance_year = (datetime.datetime.strptime(f"{today.year + 1}-01-01", "%Y-%m-%d").date() - today).days 
 
distance_4_5 = (datetime.datetime.strptime(f"{today.year}-04-05", "%Y-%m-%d").date() - today).days 
distance_4_5 = distance_4_5 if distance_4_5 > 0 else ( 
        datetime.datetime.strptime(f"{today.year + 1}-04-05", "%Y-%m-%d").date() - today).days 
 
distance_5_1 = (datetime.datetime.strptime(f"{today.year}-05-01", "%Y-%m-%d").date() - today).days 
distance_5_1 = distance_5_1 if distance_5_1 > 0 else ( 
        datetime.datetime.strptime(f"{today.year + 1}-05-01", "%Y-%m-%d").date() - today).days 
 
distance_10_1 = (datetime.datetime.strptime(f"{today.year}-10-01", "%Y-%m-%d").date() - today).days 
distance_10_1 = distance_10_1 if distance_10_1 > 0 else ( 
        datetime.datetime.strptime(f"{today.year + 1}-10-01", "%Y-%m-%d").date() - today).days

怎麼樣? 我的命名足夠瘋狂吧。

接下來需要計算一下距離周末的天數。

def get_week_day(date): 
    week_day_dict = { 
        0: '星期一', 
        1: '星期二', 
        2: '星期三', 
        3: '星期四', 
        4: '星期五', 
        5: '星期六', 
        6: '星期天', 
    } 
    day = date.weekday() 
    return week_day_dict[day] 
 
week_day_ = get_week_day(today) 
print(f"今天是: {week_day_}") # 先獲取今天是星期幾

按照每周 5 個工作日計算，今天距離周末的天數就是

5 - today.weekday() # today.weekday() 今天距離周末

現在將所有的數據組裝起來

time_ = [ 
    {"v_": distance_year, "title": "元旦"},  # 距離元旦 
    {"v_": distance_big_year, "title": "過年"},  # 距離過年 
    {"v_": distance_4_5, "title": "清明節"},  # 距離清明 
    {"v_": distance_5_1, "title": "勞動節"},  # 距離勞動 
    {"v_": distance_5_5, "title": "端午節"},  # 距離端午 
    {"v_": distance_8_15, "title": "中秋節"},  # 距離中秋 
    {"v_": distance_10_1, "title": "國慶節"},  # 距離國慶 
]

至於為什麼是 List 而不是 Dict，那是我需要做一個根據距離天數的排序，讓最先放假的節日放於最前面，這樣看起來會舒服得多。

time_ = sorted(time_, key=lambda x: x['v_'], reverse=False)

接下來要寫一個路由，將數據傳入到 html 頁面中去。

@app.get("/", response_class=HTMLResponse) 
async def readme(request: Request): 
    return templates.TemplateResponse("readme.html", 
                                      {"request": request, "time_": time_, "now_": now_, "week_day_": week_day_})

來看一下完整的代碼 (main.py):

# -*- coding: utf-8 -*- 
import datetime 
from fastapi import FastAPI, Request 
from fastapi.responses import HTMLResponse 
from fastapi.templating import Jinja2Templates 
from zhdate import ZhDate as lunar_date 
 
app = FastAPI( 
    debug=False, 
    title="My API", 
    docs_url=f"/docs", 
    openapi_url=f"/openapi.json" 
) 
 
templates = Jinja2Templates(directory="templates") 
 
today = datetime.date.today() 
 
# print(today.year, today.month, today.day) 
# print("大年時間: ", lunar_date(today.year+1, 1, 1).to_datetime().date()) 
# print("端午時間: ", lunar_date(today.year, 5, 5).to_datetime().date()) 
# print("中秋時間: ", lunar_date(today.year, 8, 15).to_datetime().date()) 
# print("元旦時間: ", f"{today.year+1}-01-01") 
# print("清明時間: ", f"{today.year+1}-04-05") 
# print("勞動時間: ", f"{today.year+1}-05-01") 
# print("國慶時間: ", f"{today.year+1}-10-01") 
 
distance_big_year = (lunar_date(today.year + 1, 1, 1).to_datetime().date() - today).days 
 
distance_5_5 = (lunar_date(today.year, 5, 5).to_datetime().date() - today).days 
distance_5_5 = distance_5_5 if distance_5_5 > 0 else ( 
        lunar_date(today.year + 1, 5, 5).to_datetime().date() - today).days 
 
distance_8_15 = (lunar_date(today.year, 8, 15).to_datetime().date() - today).days 
distance_8_15 = distance_8_15 if distance_8_15 > 0 else ( 
        lunar_date(today.year + 1, 8, 15).to_datetime().date() - today).days 
 
distance_year = (datetime.datetime.strptime(f"{today.year + 1}-01-01", "%Y-%m-%d").date() - today).days 
 
distance_4_5 = (datetime.datetime.strptime(f"{today.year}-04-05", "%Y-%m-%d").date() - today).days 
distance_4_5 = distance_4_5 if distance_4_5 > 0 else ( 
        datetime.datetime.strptime(f"{today.year + 1}-04-05", "%Y-%m-%d").date() - today).days 
 
distance_5_1 = (datetime.datetime.strptime(f"{today.year}-05-01", "%Y-%m-%d").date() - today).days 
distance_5_1 = distance_5_1 if distance_5_1 > 0 else ( 
        datetime.datetime.strptime(f"{today.year + 1}-05-01", "%Y-%m-%d").date() - today).days 
 
distance_10_1 = (datetime.datetime.strptime(f"{today.year}-10-01", "%Y-%m-%d").date() - today).days 
distance_10_1 = distance_10_1 if distance_10_1 > 0 else ( 
        datetime.datetime.strptime(f"{today.year + 1}-10-01", "%Y-%m-%d").date() - today).days 
 
 
def get_week_day(date): 
    week_day_dict = { 
        0: '星期一', 
        1: '星期二', 
        2: '星期三', 
        3: '星期四', 
        4: '星期五', 
        5: '星期六', 
        6: '星期天', 
    } 
    day = date.weekday() 
    return week_day_dict[day] 
 
 
# print("距離大年: ", distance_big_year) 
# print("距離端午: ", distance_5_5) 
# print("距離中秋: ", distance_8_15) 
# print("距離元旦: ", distance_year) 
# print("距離清明: ", distance_4_5) 
# print("距離勞動: ", distance_5_1) 
# print("距離國慶: ", distance_10_1) 
# print("距離周末: ", 5 - today.weekday()) 
 
now_ = f"{today.year}年{today.month}月{today.day}日" 
week_day_ = get_week_day(today) 
time_ = [ 
    {"v_": 5 - 1 - today.weekday(), "title": "周末"},  # 距離周末 
    {"v_": distance_year, "title": "元旦"},  # 距離元旦 
    {"v_": distance_big_year, "title": "過年"},  # 距離過年 
    {"v_": distance_4_5, "title": "清明節"},  # 距離清明 
    {"v_": distance_5_1, "title": "勞動節"},  # 距離勞動 
    {"v_": distance_5_5, "title": "端午節"},  # 距離端午 
    {"v_": distance_8_15, "title": "中秋節"},  # 距離中秋 
    {"v_": distance_10_1, "title": "國慶節"},  # 距離國慶 
] 
 
time_ = sorted(time_, key=lambda x: x['v_'], reverse=False) 
 
 
@app.get("/", response_class=HTMLResponse) 
async def readme(request: Request): 
    return templates.TemplateResponse("readme.html", 
                                      {"request": request, "time_": time_, "now_": now_, "week_day_": week_day_}) 
 
 
if __name__ == '__main__': 
    import uvicorn 
 
    uvicorn.run(app='main:app', host="0.0.0.0", port=8080, reload=True)

最後就到瞭 html 頁面部分瞭，來看一下主要的傳值。

<center> 
    【摸魚辦公室】今天是 {{ now_ }} {{ week_day_ }} 
    <br><br> 
    {% for v_ in time_ %} 
        <p>🐟 距離 {{ v_.title }} 放假還有 {{ v_.v_ }} 天</p> 
    {% else %} 
        <p>沒有任何值</p> 
    {% endfor %} 
 
</center>

這樣整個的路由構造和頁面編寫就算是完成瞭。

最後通過 Nginx 部署到我的站點上。

摸魚辦預覽地址

代碼已經上傳：https://github.com/PY-GZKY/moyu

到此這篇關於基於Python繪制一個摸魚倒計時界面的文章就介紹到這瞭,更多相關Python倒計時界面內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet！

基於Python繪制一個摸魚倒計時界面

目錄

前言

實現過程

推薦閱讀：

發佈留言取消回覆

近期文章

目錄

前言

實現過程

推薦閱讀：

發佈留言 取消回覆

近期文章

標籤

發佈留言取消回覆