🚀 在 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 的路由：
python">from flask import Flask, render_templateapp = 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
