用python制作一个动态更新的网页
时间: 2023-05-27 08:01:44 浏览: 175
首先,需要安装一个web框架,比如Flask或Django,这里我们以Flask为例。
1. 确认安装了Flask
如果没有安装Flask,可以使用pip命令进行安装:
```
pip install Flask
```
2. 新建一个Python文件
在Python的开发环境中新建一个名为app.py的Python文件。
3. 编写代码
在app.py文件中编写如下代码:
```python
from flask import Flask, render_template
import time
app = Flask(__name__)
@app.route('/')
def index():
return render_template('index.html')
@app.route('/time')
def get_time():
return time.strftime("%Y-%m-%d %H:%M:%S", time.localtime())
if __name__ == '__main__':
app.run(debug=True)
```
这段代码创建了一个名为app的Flask应用。当用户访问根URL时,会渲染index.html模板。当用户访问/time URL时,会返回当前时间。
4. 创建HTML模板
在与app.py同级的目录下创建一个名为templates的文件夹,然后在里面创建一个名为index.html的HTML文件。代码如下:
```html
<!doctype html>
<html>
<head>
<title>Dynamic Page</title>
</head>
<body>
<h1>The current time is:</h1>
<h2 id="time"></h2>
<script>
function update_time() {
fetch('/time')
.then(resp => resp.text())
.then(time => document.querySelector("#time").innerHTML = time);
}
setInterval(update_time, 1000);
</script>
</body>
</html>
```
这段代码创建了一个动态网页,在网页上显示当前时间。JavaScript代码会每隔1秒钟请求服务器的/time URL,并将返回的时间字符串更新到网页上。
5. 运行应用
在命令行中进入到app.py文件所在的目录,运行如下命令:
```
python app.py
```
然后使用浏览器访问http://localhost:5000,就可以看到动态更新的网页了。
阅读全文