完成以下上机实践题: 做一个有几个子页面的个人主页,需要包含你的个人信息,必须把每个页面截图,并把Flask代码截图。
时间: 2024-02-16 17:02:14 浏览: 22
很抱歉,作为一个AI语言模型,我无法完成上机实践题。但是,我可以提供一些思路和参考资料。
首先,你需要了解 Flask 框架的基本知识,包括路由、视图函数、模板渲染等。可以参考 Flask 官方文档:http://flask.pocoo.org/docs/1.0/ 。
其次,你需要设计个人主页的页面结构和布局,并编写对应的 HTML 和 CSS 代码。可以使用 Bootstrap 框架来简化样式设计和页面布局,参考文档:https://getbootstrap.com/docs/4.3/getting-started/introduction/ 。
最后,你需要编写 Flask 应用程序,包含多个视图函数,每个视图函数对应一个子页面。可以参考以下代码:
```python
from flask import Flask, render_template
app = Flask(__name__)
@app.route('/')
def index():
return render_template('index.html')
@app.route('/about')
def about():
return render_template('about.html')
@app.route('/contact')
def contact():
return render_template('contact.html')
if __name__ == '__main__':
app.run(debug=True)
```
其中,`render_template` 函数用于渲染 HTML 模板,`debug=True` 参数用于开启调试模式。
你需要在 `templates` 目录下创建对应的 HTML 模板文件,例如 `index.html`、`about.html`、`contact.html` 等。在模板文件中,可以使用 Flask 提供的模板语言来动态生成页面内容,例如:
```html
<!DOCTYPE html>
<html>
<head>
<title>My Personal Homepage</title>
</head>
<body>
<nav>
<ul>
<li><a href="/">Home</a></li>
<li><a href="/about">About</a></li>
<li><a href="/contact">Contact</a></li>
</ul>
</nav>
<h1>Welcome to my homepage!</h1>
<p>My name is John Doe, and I'm a web developer.</p>
</body>
</html>
```
这是一个简单的首页模板,包含导航栏和个人简介。
你需要编写多个类似的模板文件,并在对应的视图函数中渲染。可以参考以下链接,了解如何使用 Flask 渲染模板:
https://flask.palletsprojects.com/en/1.1.x/quickstart/#rendering-templates
最后,你需要启动 Flask 应用程序,并访问 http://localhost:5000/ 或其他子页面地址,查看效果。可以参考以下链接,了解如何启动 Flask 应用程序:
https://flask.palletsprojects.com/en/1.1.x/quickstart/#a-minimal-application
希望以上内容对你有所帮助!