Python在线食谱搭配建议服务

在快节奏的现代生活中，如何快速找到美味又营养的食谱成为许多人的难题。今天，我们将用Python语言打造一个在线食谱搭配建议服务，帮助用户轻松解决“今天吃什么”的烦恼。

Python在线食谱搭配建议服务

项目背景

随着生活水平的提高，人们对饮食的要求不再仅仅是填饱肚子，更多的是追求营养均衡和口味多样化。然而，面对琳琅满目的食材和复杂的烹饪方法，很多人感到无从下手。我们的在线食谱搭配建议服务应运而生，旨在为用户提供个性化的食谱推荐。

技术选型

为了实现这一服务，我们选择了以下技术栈：

Python：简洁易读，拥有丰富的第三方库。
Flask：轻量级的Web框架，适合快速开发。
SQLite：轻量级数据库，便于存储食谱数据。
HTML/CSS/JavaScript：前端技术，用于构建用户界面。

项目架构

1. 数据库设计

首先，我们需要设计一个数据库来存储食谱信息。以下是简单的数据库表结构：

CREATE TABLE recipes (
    id INTEGER PRIMARY KEY AUTOINCREMENT,
    name TEXT NOT NULL,
    ingredients TEXT NOT NULL,
    instructions TEXT NOT NULL,
    category TEXT NOT NULL
);

2. 后端开发

使用Flask框架搭建后端服务。以下是核心代码：

from flask import Flask, request, jsonify
import sqlite3

app = Flask(__name__)

def get_db_connection():
    conn = sqlite3.connect('recipes.db')
    conn.row_factory = sqlite3.Row
    return conn

@app.route('/recipes', methods=['GET'])
def get_recipes():
    category = request.args.get('category')
    conn = get_db_connection()
    if category:
        recipes = conn.execute('SELECT * FROM recipes WHERE category = ?', (category,)).fetchall()
    else:
        recipes = conn.execute('SELECT * FROM recipes').fetchall()
    conn.close()
    return jsonify([dict(row) for row in recipes])

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

3. 前端开发

使用HTML和JavaScript构建用户界面。以下是简单的前端代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>食谱推荐</title>
</head>
<body>
    <h1>食谱推荐</h1>
    <select id="category">
        <option value="">所有类别</option>
        <option value="中式">中式</option>
        <option value="西式">西式</option>
        <option value="素食">素食</option>
    </select>
    <button onclick="fetchRecipes()">查询</button>
    <div id="recipes"></div>

    <script>
        function fetchRecipes() {
            const category = document.getElementById('category').value;
            fetch(`/recipes?category=${category}`)
                .then(response => response.json())
                .then(data => {
                    const recipesDiv = document.getElementById('recipes');
                    recipesDiv.innerHTML = '';
                    data.forEach(recipe => {
                        recipesDiv.innerHTML += `<h3>${recipe.name}</h3><p>${recipe.ingredients}</p><p>${recipe.instructions}</p>`;
                    });
                });
        }
    </script>
</body>
</html>