写两个简单的前端界面,并用flask 写出后端视图函数,先打开界面1.后跳转到界面2
时间: 2024-09-14 14:10:08 浏览: 45
首先,我们需要创建两个简单的HTML文件,分别作为前端界面1和界面2。然后,我们将使用Flask框架编写后端视图函数来处理前端的请求,并实现从界面1跳转到界面2的逻辑。
**界面1的HTML代码示例(index.html)**:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>界面1</title>
</head>
<body>
<h1>欢迎来到界面1</h1>
<a href="/to_page2">跳转到界面2</a>
</body>
</html>
```
**界面2的HTML代码示例(page2.html)**:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>界面2</title>
</head>
<body>
<h1>欢迎来到界面2</h1>
</body>
</html>
```
接下来,我们将使用Flask来编写后端视图函数。在这个例子中,我们假设这两个HTML文件已经放置在Flask应用的静态文件夹中。
**Flask后端视图函数示例**:
```python
from flask import Flask, render_template
app = Flask(__name__)
@app.route('/')
def index():
# 渲染界面1
return render_template('index.html')
@app.route('/to_page2')
def page2():
# 从界面1跳转到界面2
return render_template('page2.html')
if __name__ == '__main__':
app.run(debug=True)
```
在上述后端代码中,我们定义了两个路由处理函数:`index` 和 `page2`。当用户访问根路由('/')时,会渲染并显示界面1的内容。在界面1中,有一个指向 `/to_page2` 的链接,当用户点击这个链接时,会触发后端的 `page2` 函数,进而渲染并显示界面2的内容。
阅读全文