在 Flask 项目中访问其他页面

🚀 在 Flask 项目中访问 introduce.html

目前你只能访问 http://localhost:8080/index.html，但你希望可以访问 introduce.html。

---

✅ 1. 确保 introduce.html 存放在 templates/ 目录

Flask 默认会在 templates/ 目录下寻找 HTML 文件。请确保 introduce.html 在 Flask 项目的 templates/ 目录下：

your_flask_project/
│── app.py
│── templates/
│   │── index.html
│   │── introduce.html  <-- 确保这个文件存在
│── static/
│   │── css/
│   │── js/
│   │── imgs/

---

✅ 2. 在 app.py 里添加路由

在 app.py 里定义访问 introduce.html 的路由：

from flask import Flask, render_template

app = Flask(__name__)

@app.route('/')
def index():
    return render_template('index.html')

@app.route('/introduce')
def introduce():
    return render_template('introduce.html')

if __name__ == '__main__':
    app.run(debug=True, port=8080)

📌 这样你可以通过 http://localhost:8080/introduce 访问 introduce.html

---

✅ 3. 让 index.html 里添加 introduce.html 的链接

如果你想在首页 index.html 里添加跳转到 introduce.html 的按钮，可以在 index.html 里这样写：

<a href="{{ url_for('introduce') }}" class="btn">了解更多</a>

📌 这样点击按钮就能跳转到 introduce.html

---

✅ 4. 运行 Flask 并测试

在终端运行：

python app.py

然后访问：

• 首页：http://localhost:8080/
• 功能介绍页面：http://localhost:8080/introduce

---

🎯 结论

✅ 确保 introduce.html 在 templates/ 目录下
✅ 在 app.py 里添加 /introduce 路由
✅ 在 index.html 里用 <a href="{{ url_for('introduce') }}"> 进行跳转
✅ 成功访问 http://localhost:8080/introduce