python使用Flask框架創(chuàng)建一個簡單的動態(tài)日歷效果
更新時間：2024年12月21日 11:19:55 作者：鏡花照無眠
這篇文章主要介紹了python使用Flask框架創(chuàng)建一個簡單的動態(tài)日歷,本文通過實例代碼給大家介紹的非常詳細,感興趣的朋友一起看看吧
0. 運行效果
運行代碼，然后在瀏覽器中訪問 http://127.0.0.1:5000/，將看到一個動態(tài)日歷，能夠通過點擊按鈕切換月份。
1. 安裝 Flask
首先，確保你已經(jīng)安裝了Flask。如果沒有，可以使用以下命令安裝：
pip install Flask
測試：
from flask import Flask
#from flask import Flask, render_template, request
app = Flask(__name__)
@app.route('/')
#@app.route('/', methods=['GET', 'POST'])
def hello_world():
return 'Hello, World!'
#return render_template('calendar.html')
# 僅在開發(fā)環(huán)境中使用
if __name__ == '__main__':
app.run(debug=True) # 僅用于開發(fā)環(huán)境
打開 http://127.0.0.1:5000 ，可看到helloworld
2. 項目結構
/項目目錄
├── app.py
├── static
│ └── bg.jpg # 確保你將背景圖放在這里
└── templates
└── calendar.html3. 創(chuàng)建 Flask 應用
接下來，創(chuàng)建一個名為 app.py 的文件。
導入必要的庫：
from flask import Flask, render_template, request import calendar from datetime import datetime
其中，render_template: 用于渲染 HTML 模板。request: 用于處理 HTTP 請求數(shù)據(jù)。calendar: Python 的日歷模塊，用于生成日歷。datetime: 用于獲取當前日期和時間。
創(chuàng)建 Flask 應用，__name__ 表示當前模塊的名稱。
app = Flask(__name__)
定義路由
@app.route('/', methods=['GET', 'POST'])使用 datetime.now() 獲取當前時間，并提取出當前的年月份。
now = datetime.now() # Get current date and time year = now.year month = now.month
表單提交，如果請求是 POST 方法（通常是表單提交），則從表單中獲取用戶選擇的月份和年份。根據(jù)用戶的操作（前一個月或下一個月），更新 month 和 year 變量。
if request.method == 'POST':
month = int(request.form.get('month'))
year = int(request.form.get('year'))
if request.form.get('action') == 'prev':
if month == 1:
month = 12
year -= 1
else:
month -= 1
elif request.form.get('action') == 'next':
if month == 12:
month = 1
year += 1
else:
month += 1生成日歷，渲染html模板
cal = calendar.monthcalendar(year, month)
month_year = f"{year}年{month}月"
return render_template('calendar.html', calendar=cal, month_year=month_year, year=year, month=month, now=now)代碼如下：
from flask import Flask, render_template, request
import calendar
from datetime import datetime
app = Flask(__name__)
@app.route('/', methods=['GET', 'POST'])
def index():
now = datetime.now() # Get current date and time
year = now.year
month = now.month
if request.method == 'POST':
month = int(request.form.get('month'))
year = int(request.form.get('year'))
if request.form.get('action') == 'prev':
if month == 1:
month = 12
year -= 1
else:
month -= 1
elif request.form.get('action') == 'next':
if month == 12:
month = 1
year += 1
else:
month += 1
# Generate calendar
cal = calendar.monthcalendar(year, month)
month_year = f"{year}年{month}月"
return render_template('calendar.html', calendar=cal, month_year=month_year, year=year, month=month, now=now)
if __name__ == '__main__':
app.run(debug=True)4. 創(chuàng)建 HTML 模板
在與 app.py 相同的目錄下，創(chuàng)建一個名為 templates 的文件夾，并在其中創(chuàng)建一個名為 calendar.html 的文件，添加代碼：
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>動態(tài)日歷</title>
<style>
body {
background: url('/static/bg.jpg') no-repeat center center fixed;
background-size: cover;
margin: 0;
padding: 20px;
font-family: Arial, sans-serif;
}
.calendar-container {
position: absolute;
top: 50px;
left: 50px;
width: 300px;
border: 2px solid white;
border-radius: 10px;
background: rgba(255, 255, 255, 0.9);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
padding: 10px;
}
table {
width: 100%;
border-collapse: collapse;
}
th, td {
text-align: center;
padding: 10px;
border: 1px solid #ddd;
}
.today {
background-color: red;
color: white;
}
.header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
}
.button {
cursor: pointer;
font-size: 1.2em;
padding: 5px 10px;
background: lightgray;
border: none;
border-radius: 5px;
}
</style>
</head>
<body>
<div class="calendar-container">
<div class="header">
<form method="post" style="display: inline;">
<input type="hidden" name="month" value="{{ month }}">
<input type="hidden" name="year" value="{{ year }}">
<button class="button" name="action" value="prev">◀</button>
</form>
<span>{{ month_year }}</span>
<form method="post" style="display: inline;">
<input type="hidden" name="month" value="{{ month }}">
<input type="hidden" name="year" value="{{ year }}">
<button class="button" name="action" value="next">▶</button>
</form>
</div>
<table>
<tr>
<th>日</th>
<th>一</th>
<th>二</th>
<th>三</th>
<th>四</th>
<th>五</th>
<th>六</th>
</tr>
{% for week in calendar %}
<tr>
{% for day in week %}
{% if day == 0 %}
<td></td>
{% else %}
<td {% if day == now.day and year == now.year and month == now.month %}class="today"{% endif %}>{{ day }}</td>
{% endif %}
{% endfor %}
</tr>
{% endfor %}
</table>
</div>
</body>
</html>背景圖路徑設置，F(xiàn)lask 會自動為 static 目錄中的文件處理 URL，因此可以這樣引用它：
background: url('/static/bg.jpg');到此這篇關于python使用Flask框架創(chuàng)建一個簡單的動態(tài)日歷效果的文章就介紹到這了,更多相關python Flask動態(tài)日歷內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
Python實現(xiàn)接口自動化封裝導出excel和讀寫excel數(shù)據(jù)
這篇文章主要為大家詳細介紹了Python如何實現(xiàn)接口自動化封裝導出excel和讀寫excel數(shù)據(jù)，文中的示例代碼簡潔易懂，希望對大家有所幫助2023-07-07
這篇文章主要為大家介紹了python使用期物處理并發(fā)教程，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-06-06
這篇文章主要介紹了解析Python編程中的包結構,包括對一些包管理工具的介紹,需要的朋友可以參考下2015-10-10
Celery是?個 基于python開發(fā)的分布式異步消息任務隊列,通過它可以輕松的實現(xiàn)任務的異步處理,下面這篇文章主要給大家介紹了關于Django中celery使用的相關資料,需要的朋友可以參考下2022-07-07
這篇文章主要介紹了pyqt qlistwidget改變item顏色的操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2021-03-03
Python中包含了很多概率算法，包括基礎的隨機采樣以及許多經(jīng)典的概率分布生成。本文主要介紹了我們在機器學習中常用的概率函數(shù)。感興趣的同學可以了解一下2021-12-12
這篇文章主要介紹了python中實現(xiàn)四舍五入的兩種方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2022-09-09
這篇文章主要為大家詳細介紹了python正則的常用方法，覆蓋范圍70%以上，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-03-03
Python實現(xiàn)數(shù)據(jù)結構線性鏈表（單鏈表）算法示例
這篇文章主要介紹了Python實現(xiàn)數(shù)據(jù)結構線性鏈表（單鏈表）算法,結合實例形式分析了Python單鏈表的定義、節(jié)點插入、刪除、打印等相關操作技巧,需要的朋友可以參考下2019-05-05
4種非常實用的python內(nèi)置數(shù)據(jù)結構
這篇文章主要介紹了4種非常實用的python內(nèi)置數(shù)據(jù)結構，幫助大家更好的理解和學習使用python，感興趣的朋友可以了解下2021-04-04