首页写一个电子菜单页面程序

写一个电子菜单页面程序

时间: 2024-11-07 19:13:14 浏览: 14

创建一个简单的电子菜单页面程序，我们可以使用Python的web框架Flask来构建一个基本的动态界面。以下是一个基础的示例，这个例子会显示一个静态的HTML菜单，你可以根据实际需求添加更多的交互功能。 ```python from flask import Flask, render_template # 创建Flask应用 app = Flask(__name__) # 假设我们有一个菜单列表（这里用字典表示，实际应用可能从数据库或其他地方获取） menu_items = [ {"id": 1, "name": "烤鸡", "price": "$15.99"}, {"id": 2, "name": "披萨", "price": "$10.50"}, {"id": 3, "name": "沙拉", "price": "$8.99"}, ] @app.route('/') def menu(): return render_template('menu.html', menu_items=menu_items) if __name__ == '__main__': app.run(debug=True) # 开启调试模式 ``` 在这个例子中： 1. `Flask` 是一个轻量级的 web 框架，用于快速开发 web 应用。 2. `render_template` 函数用于渲染 HTML 模板文件。在这个例子中，假设有个名为 `menu.html` 的模板文件。 3. `menu_items` 是存储菜品信息的数据结构，你可以根据需要更新或扩展。 4. 当访问应用程序的根URL (`http://localhost:5000/`) 时，`menu` 视图会被调用并返回渲染后的 HTML 页面。对于模板 `menu.html`，它可能会像这样（放在templates目录下）: ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>电子菜单</title> </head> <body> <h1>欢迎来到我们的电子菜单</h1> <ul> {% for item in menu_items %} <li id="{{ item.id }}"> {{ item.name }} - {{ item.price }} </li> {% endfor %} </ul> </body> </html> ``` 这里使用了 Jinja2 模板语言，{% %} 表示模板块，`{{ ... }}` 是变量插值。

阅读全文