用python写一个简单的web网站含有桌面右下角小窗口弹窗
时间: 2023-10-23 07:09:57 浏览: 40
以下是一个简单的示例代码,实现了一个含有桌面右下角小窗口弹窗的网站:
```
from flask import Flask, render_template
app = Flask(__name__)
@app.route('/')
def index():
return render_template('index.html')
if __name__ == '__main__':
app.run(debug=True)
```
在上面的代码中,我们使用了 Flask 框架创建了一个简单的网站,并设置了一个路由 `/`,它对应的视图函数是 `index()`。这个函数渲染了一个名为 `index.html` 的模板,并将其作为响应返回给客户端。
在 `index.html` 模板中,我们可以添加一个桌面右下角小窗口弹窗。这个弹窗可以使用 JavaScript 实现,例如:
```
<script>
function showPopup() {
var popup = document.getElementById("popup");
popup.style.display = "block";
}
function hidePopup() {
var popup = document.getElementById("popup");
popup.style.display = "none";
}
</script>
<div id="popup" style="display: none;">
<h2>Hello, World!</h2>
<p>This is a popup window.</p>
<button onclick="hidePopup()">Close</button>
</div>
<button onclick="showPopup()">Show popup</button>
```
在上面的代码中,我们定义了两个 JavaScript 函数 `showPopup()` 和 `hidePopup()`,分别用于显示和隐藏弹窗。我们还创建了一个 `div` 元素作为弹窗的容器,并设置了一个 `button` 元素,用于触发弹窗的显示。
你可以将这段代码添加到 `index.html` 模板中,然后在浏览器中访问 http://localhost:5000/,就可以看到一个含有桌面右下角小窗口弹窗的网站了。当你点击“Show popup”按钮时,弹窗会出现,点击“Close”按钮时,弹窗会关闭。